/* Suvidha POS sidebar (India pack). Loaded after vyapar.css. */

/* section labels: Business / Money & Reports / Setup */
#side-bar .vx-nav-h { color: #5f7488 !important; font-size: 10.5px !important; letter-spacing: .09em !important; padding: 14px 12px 4px !important; }
#side-bar .vx-nav-h:first-child { padding-top: 6px !important; }

/* rows: a little more air, brighter children */
#side-bar > a, #side-bar > div > a.drop_down { min-height: 38px; }
#side-bar .chiled a { color: #b4c3d2 !important; }
#side-bar .chiled a:hover { color: #fff !important; }

/* Vyapar-style quick "+" on Items / Sale / Purchase */
#side-bar .vx-qa { margin-inline-start: auto; width: 22px; height: 22px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 700; line-height: 1; color: #cfe0f2; background: rgba(255,255,255,.08); flex-shrink: 0; transition: background .15s, color .15s; }
#side-bar .vx-qa:hover, #side-bar .vx-qa:focus { background: var(--vx-red, #e11d48); color: #fff; outline: none; }
#side-bar .vx-qa + svg { margin-inline-start: 6px !important; }

/* thin scrollbar on the dark menu */
#side-bar { scrollbar-width: thin; scrollbar-color: #2c3e50 transparent; }
#side-bar::-webkit-scrollbar { width: 6px; }
#side-bar::-webkit-scrollbar-thumb { background: #2c3e50; border-radius: 6px; }

/* bottom card */
.vx-sb-foot { flex-shrink: 0; padding: 10px 10px 12px; border-top: 1px solid rgba(255,255,255,.07); display: grid; gap: 8px; }
.vx-sb-today { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2px 8px; padding: 10px 12px; border-radius: 10px; text-decoration: none !important;
  background: linear-gradient(135deg, rgba(37,99,235,.22), rgba(16,185,129,.16)); border: 1px solid rgba(255,255,255,.08); }
.vx-sb-today .lbl { grid-column: 1 / -1; font-size: 11px; color: #9fb0c2; font-weight: 600; letter-spacing: .02em; }
.vx-sb-today .val { font-size: 18px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; }
.vx-sb-today .sub { font-size: 11.5px; color: #9fb0c2; }
.vx-sb-today:hover { border-color: rgba(255,255,255,.18); }
.vx-sb-pos { display: flex; align-items: center; justify-content: center; gap: 8px; height: 36px; border-radius: 9px; background: var(--vx-red, #e11d48);
  color: #fff !important; font-weight: 700; font-size: 13px; text-decoration: none !important; }
.vx-sb-pos svg { width: 16px; height: 16px; }
.vx-sb-pos:hover { filter: brightness(1.08); }
.vx-sb-user { display: flex; align-items: center; gap: 10px; padding: 4px 2px 0; min-width: 0; }
.vx-sb-user .av { width: 32px; height: 32px; border-radius: 50%; background: #2a3c4f; color: #e2e8f0; font-weight: 700; font-size: 12px;
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; text-transform: uppercase; }
.vx-sb-user .who { display: grid; min-width: 0; line-height: 1.25; }
.vx-sb-user b { color: #e2e8f0; font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vx-sb-user small { color: #7d91a5; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* search filter hides the footer clutter while typing */
aside.side-bar.vx-searching .vx-sb-foot { display: none; }
@media print { .vx-sb-foot { display: none !important; } }