/* Luxe Minimalist Overrides: loaded after inline styles to win specificity */
:root {
  --lux-primary: var(--primary-color);
  --lux-primary-hover: var(--primary-hover);
}

/* Sidebar/menu refinements */
.menu {
  background: #1D293D !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  width: 280px !important; /* Always expanded by default */
}
.menu-link.active { 
  background: #232a38 !important;
  color: #e3e8f0 !important;
  box-shadow: none !important;
  border: none !important;
}
.menu-link:hover { 
  background: #232a38 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Buttons: normalize to flat luxe */
.btn, .btn-primary, .auth-btn, button[type="submit"] {
  background: var(--lux-primary) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.btn:hover, .btn-primary:hover, .auth-btn:hover, button[type="submit"]:hover {
  background: var(--lux-primary-hover) !important;
  box-shadow: 0 10px 20px rgba(54,88,214,0.18) !important;
}

/* Tailwind utility mapping to the new palette */
.bg-blue-600, .bg-blue-500, .bg-indigo-600 { background-color: var(--lux-primary) !important; }
.hover\:bg-blue-700:hover, .hover\:bg-blue-600:hover, .hover\:bg-indigo-700:hover { background-color: var(--lux-primary-hover) !important; }
.text-blue-600, .text-blue-700, .text-indigo-600 { color: var(--lux-primary) !important; }
.border-blue-600, .border-blue-500, .border-indigo-600 { border-color: var(--lux-primary) !important; }

/* Tables and cards */
.table-header, .bg-gray-50 { background-color: var(--bg-secondary) !important; }
.border-gray-200, .divide-gray-200 { border-color: var(--border-color) !important; }
.chart-card, .card-shadow { border-radius: 14px !important; border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-md) !important; }

/* Danger/Warning neutrals */
.bg-red-600 { background-color: var(--danger-color) !important; }
.hover\:bg-red-700:hover { background-color: color-mix(in srgb, var(--danger-color), #000 15%) !important; }
.text-red-600 { color: var(--danger-color) !important; }
.bg-amber-500, .bg-yellow-500 { background-color: var(--warning-color) !important; }

/* Sales history grid polish (common container paddings) */
.rounded-2xl.bg-white { border: 1px solid var(--border-color) !important; box-shadow: var(--shadow-md) !important; }

/* Dark theme keeps neutral look */
[data-theme="dark"] .menu { background: linear-gradient(135deg, #0b1220 0%, #0f172a 100%) !important; }
[data-theme="dark"] .menu {
  background: #1D293D !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  width: 280px !important; /* Always expanded by default */
}
[data-theme="dark"] .menu-link.active {
  background: #232a38 !important;
  color: #e3e8f0 !important;
  box-shadow: none !important;
  border: none !important;
}
[data-theme="dark"] .menu-link:hover {
  background: #232a38 !important;
  box-shadow: none !important;
  border: none !important;
}
[data-theme="dark"] .table-header, [data-theme="dark"] .bg-gray-50 { background-color: var(--bg-primary) !important; }

/* Always show text & arrow when expanded */
.menu .text { opacity: 1 !important; width: auto !important; }
.menu .arrow { opacity: 1 !important; }
/* Always show sidebar header title */
.menu-header .title { opacity: 1 !important; max-width: 200px !important; width: auto !important; }

/* Collapse behavior controlled by class, not hover */
#sidebar.collapsed { width: 64px !important; }
#sidebar.collapsed .menu-link > .text,
#sidebar.collapsed .menu-link > .arrow { display: none !important; }
/* Keep submenu text visible even when collapsed */
#sidebar.collapsed .submenu-link .text { display: inline !important; opacity: 1 !important; width: auto !important; }
/* Hide header title only when collapsed */
#sidebar.collapsed .menu-header .title { display: none !important; }
/* Center header logo when collapsed */
#sidebar.collapsed .menu-header { justify-content: center !important; padding-left: 0 !important; padding-right: 0 !important; }

/* Compact menu items when collapsed */
#sidebar.collapsed .menu-link { 
  padding: 10px 8px !important; 
  margin: 6px 8px !important; 
  justify-content: center !important; 
  transform: none !important;
}
#sidebar.collapsed .menu-content li:hover { transform: none !important; }
#sidebar.collapsed .menu-link:hover { transform: none !important; }
#sidebar.collapsed .menu-link.active { transform: none !important; border-left: none !important; }
#sidebar.collapsed .menu-link::before { display: none !important; }
#sidebar.collapsed .menu-link .icon { width: 40px !important; height: 40px !important; min-width: 40px !important; margin: 0 !important; }
#sidebar.collapsed .menu-link .material-symbols-outlined { font-size: 22px !important; }

/* Shift content to account for expanded sidebar */
#main-content { margin-left: 280px !important; }
.top-nav { left: 280px !important; }

/* When collapsed, reduce offsets */
#sidebar.collapsed ~ #mainApp #main-content { margin-left: 64px !important; }
#sidebar.collapsed ~ #mainApp .top-nav { left: 64px !important; }