/* Small supplement to Tailwind */
html, body { height: 100%; }

/* Print styles for 58mm thermal */
@media print {
  @page { size: 58mm auto; margin: 0; }
  body { width: 58mm; font-family: 'Courier New', monospace; font-size: 11px; }
  .no-print { display: none !important; }
  #receipt { width: 58mm; padding: 2mm; }
}

:root {
  --sidebar-w: 16rem;
  --sidebar-w-mini: 4.5rem;
}
#sidebar { transition: width .25s ease, transform .25s ease; }

@media (min-width: 1024px) {
  body.sidebar-collapsed #sidebar { width: var(--sidebar-w-mini); }
  body.sidebar-collapsed .app-main { padding-left: var(--sidebar-w-mini); }
  body.sidebar-collapsed #sidebar .sidebar-label,
  body.sidebar-collapsed #sidebar .sidebar-brand-text,
  body.sidebar-collapsed #sidebar .sidebar-user-info,
  body.sidebar-collapsed #sidebar .sidebar-group-title { display: none; }
  body.sidebar-collapsed #sidebar .sidebar-link { justify-content: center; padding-left: .5rem; padding-right: .5rem; }
  body.sidebar-collapsed #sidebar .sidebar-user-card { justify-content: center; }
  body.sidebar-collapsed #sidebar .sidebar-user-card form { display: none; }

  .app-main { padding-left: var(--sidebar-w); transition: padding-left .25s ease; }
}
@media (max-width: 1023px) {
  .app-main { padding-left: 0 !important; }
}


/* ============================================================
   GLOBAL CUSTOM SCROLLBAR
   ============================================================ */

/* WebKit (Chrome, Edge, Safari, Opera) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #F1F5F9;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 10px;
  border: 2px solid #F1F5F9;
  transition: background .2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: #FF6B35;
  border-color: #FFE4D6;
}

::-webkit-scrollbar-thumb:active {
  background: #E85A26;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #CBD5E1 #F1F5F9;
}

/* Dark scrollbar for sidebar */
#sidebar ::-webkit-scrollbar-track,
#sidebar::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}
#sidebar ::-webkit-scrollbar-thumb,
#sidebar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-color: transparent;
}
#sidebar ::-webkit-scrollbar-thumb:hover,
#sidebar::-webkit-scrollbar-thumb:hover {
  background: #FF6B35;
}
#sidebar * {
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

/* Hidden scrollbar for horizontal chip rows */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}