/**
 * infoBusiness - Main Stylesheet
 * Store Management System
 */ /* ============================================
   CSS VARIABLES
   ============================================ */ :root{--theme-canvas: #f5f7fa;--theme-surface: #ffffff;--theme-raised: #ffffff;--theme-surface-muted: #eef1f5;--theme-text: #1f2937;--theme-text-muted: #5b6472;--theme-border: #7b8798;--theme-focus: #174ea6;--theme-primary: #4f46e5;--theme-on-primary: #ffffff;--theme-danger: #b42318;--theme-on-danger: #ffffff;--theme-warning: #8a4b00;--theme-on-warning: #ffffff;--theme-success: #157f3d;--theme-on-success: #ffffff;--theme-disabled-surface: #e5e7eb;--theme-disabled-text: #667085;--primary-color: var(--theme-primary);--primary-dark: #4338ca;--primary-hover: #f8f9fa;--secondary-color: #764ba2;--success-color: var(--theme-success);--danger-color: var(--theme-danger);--warning-color: var(--theme-warning);--info-color: #0369a1;--light-color: #f8f9fa;--dark-color: #343a40;--body-bg: var(--theme-canvas);--surface-color: var(--theme-surface);--surface-elevated: var(--theme-raised);--surface-muted: var(--theme-surface-muted);--border-color: var(--theme-border);--text-color: var(--theme-text);--text-muted: var(--theme-text-muted);--text-soft: #3f4855;--purple-color: #9b59b6;--sidebar-width: 260px;--sidebar-collapsed: 70px;--header-height: 60px;--footer-height: 50px;--border-radius: 8px;--box-shadow: 0 2px 10px rgba(0,0,0,0.1);--box-shadow-lg: 0 5px 20px rgba(0,0,0,0.15);--transition: all 0.3s ease;}/* ============================================
   RESET & BASE
   ============================================ */ *{margin: 0;padding: 0;box-sizing: border-box;}html{font-size: 16px;width: 100%;max-width: 100%;overflow-x: hidden;}body{font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color: var(--body-bg);color: var(--text-color);line-height: 1.6;min-height: 100vh;width: 100%;max-width: 100%;overflow-x: hidden;}a{text-decoration: none;color: var(--primary-color);transition: var(--transition);}a:hover{color: var(--primary-dark);}.app-skip-link{position: fixed;z-index: 10050;top: 10px;left: 10px;padding: 10px 14px;border: 2px solid #ffffff;border-radius: 6px;background: #173f8a;color: #ffffff;font-weight: 700;transform: translateY(-160%);}.app-skip-link:focus{color: #ffffff;transform: translateY(0);}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline: 3px solid var(--theme-focus);outline-offset: 3px;}body.theme-dark :where(a,button,input,select,textarea,summary,[tabindex] ):focus-visible{outline-color: var(--theme-focus);}img,video,canvas,iframe{max-width: 100%;height: auto;}input,select,textarea,button{max-width: 100%;}.header,.header-left,.header-right,.header-actions,.main-content,.footer,.page-header,.quick-actions,.stats-grid,.stat-card,.dashboard-grid,.dashboard-card,.card,.card-title,.card-content,.card-body,.card-header,.card-header h3,.modal-content,.modal-header,.modal-body,.modal-footer,.form-group,.form-row,.form-actions,.table-responsive,.stat-info,.pagination{min-width: 0;max-width: 100%;}.page-header h1,.card-header h3,.notification-content{min-width: 0;overflow-wrap: anywhere;}/* ============================================
   LAYOUT
   ============================================ */ .header{position: fixed;top: 0;left: 0;right: 0;height: var(--header-height);background: var(--surface-color);box-shadow: var(--box-shadow);z-index: 1000;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;gap: 12px;}.header-left{display: flex;align-items: center;gap: 15px;flex: 1 1 auto;}.sidebar-toggle{background: none;border: none;font-size: 20px;cursor: pointer;color: var(--text-soft);padding: 10px;border-radius: 5px;transition: var(--transition);display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;}.sidebar-toggle:hover{background: var(--primary-hover);color: var(--primary-color);}.sidebar-toggle:active{background: var(--surface-muted);transform: scale(0.95);}.logo{display: flex;align-items: center;gap: 10px;font-size: 1.5rem;font-weight: 700;color: var(--primary-color);min-width: 0;}.logo i{font-size: 1.8rem;flex: 0 0 auto;}.logo .company-logo{width: 42px;height: 42px;padding: 3px;border-radius: 10px;object-fit: contain;background: #fff;flex: 0 0 auto;}.logo span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.header-right{display: flex;align-items: center;flex: 0 1 auto;justify-content: flex-end;}.header-actions{display: flex;align-items: center;gap: 15px;justify-content: flex-end;}/* POS Button - White Text */ .header-actions .btn-primary{color: white !important;}.header-actions .btn-primary i,.header-actions .btn-primary span{color: white !important;}/* User Dropdown */ .user-dropdown{position: relative;}.user-toggle{display: flex;align-items: center;gap: 10px;background: none;border: none;cursor: pointer;padding: 5px 10px;border-radius: 5px;transition: var(--transition);}.user-toggle:hover{background: var(--primary-hover);}.user-avatar{width: 35px;height: 35px;background: linear-gradient(135deg,var(--primary-color),var(--secondary-color) );border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;}.user-name{font-weight: 500;color: #333;}.dropdown-menu{position: absolute;top: 100%;right: 0;background: white;border-radius: var(--border-radius);box-shadow: var(--box-shadow-lg);min-width: 200px;display: none;z-index: 1001;margin-top: 10px;}.dropdown-menu.show{display: block;}.dropdown-header{padding: 15px;border-bottom: 1px solid #eee;}.user-role{color: #666;font-size: 0.9rem;}.dropdown-item{display: flex;align-items: center;gap: 10px;padding: 12px 15px;color: #333;transition: var(--transition);}.dropdown-item:hover{background: #f8f9fa;}.dropdown-item.text-danger{color: var(--danger-color);}.dropdown-divider{height: 1px;background: #eee;margin: 5px 0;}/* Notifications */ .notifications-dropdown{position: relative;}.badge-count{position: absolute;top: -5px;right: -5px;background: var(--danger-color);color: white;font-size: 0.7rem;width: 18px;height: 18px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}/* Notification Dropdown Menu */ .notification-menu{position: absolute;top: 100%;right: 0;background: white;border-radius: var(--border-radius);box-shadow: var(--box-shadow-lg);width: min(400px,calc(100vw - 24px));min-width: min(350px,calc(100vw - 24px));max-width: calc(100vw - 24px);display: none;z-index: 1001;margin-top: 10px;overflow: hidden;}.notification-menu.show{display: block;}.notification-header{padding: 15px 20px;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;align-items: center;background: #f8f9fa;}.notification-header h4{margin: 0;font-size: 1rem;color: #333;}.notification-header .mark-all-read{font-size: 0.85rem;color: var(--primary-color);cursor: pointer;background: none;border: none;padding: 0;}.notification-list{max-height: 350px;overflow-y: auto;}.notification-item{padding: 15px 20px;border-bottom: 1px solid #eee;display: flex;align-items: flex-start;gap: 12px;cursor: pointer;transition: var(--transition);}.notification-item:hover{background: #f8f9fa;}.notification-item.unread{background: #f0f7ff;}.notification-item.unread:hover{background: #e3f0ff;}.notification-icon{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.notification-icon.warning{background: #fff3cd;color: #856404;}.notification-icon.danger{background: #f8d7da;color: #721c24;}.notification-icon.info{background: #cce5ff;color: #004085;}.notification-icon.success{background: #d4edda;color: #155724;}.notification-content{flex: 1;min-width: 0;}.notification-content p{margin: 0 0 5px 0;font-size: 0.9rem;color: #333;line-height: 1.4;}.notification-content .time{font-size: 0.75rem;color: #999;}.notification-empty{padding: 40px 20px;text-align: center;color: #999;}.notification-empty i{font-size: 3rem;margin-bottom: 10px;color: #ddd;}.notification-footer{padding: 12px 20px;border-top: 1px solid #eee;text-align: center;background: #f8f9fa;}.notification-footer a{color: var(--primary-color);font-size: 0.9rem;}.section-focus-highlight{outline: 3px solid rgba(37,99,235,0.35);outline-offset: 4px;transition: outline-color 0.25s ease;}.warehouse-action-form{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;}.warehouse-action-form .form-control{min-width: 150px;max-width: 220px;}/* Sidebar */ .sidebar{position: fixed;top: var(--header-height);left: 0;width: var(--sidebar-width);height: calc(100vh - var(--header-height));background: var(--surface-color);box-shadow: var(--box-shadow);z-index: 999;overflow-y: auto;overflow-x: hidden;transition: width 0.3s ease;}.sidebar.collapsed{width: var(--sidebar-collapsed);}.sidebar.collapsed .nav-header{display: none !important;}.sidebar.collapsed .nav-link span{display: none !important;}.sidebar.collapsed .nav-link{justify-content: center !important;padding: 15px 12px !important;}.sidebar.collapsed .nav-link i{font-size: 1.3rem;width: auto;}.sidebar.collapsed .sidebar-footer{display: none !important;}/* Tooltip for collapsed sidebar nav items */ .sidebar.collapsed .nav-item{position: relative;}.sidebar.collapsed .nav-link:hover::after{content: attr(title);position: absolute;left: 60px;background: #333;color: white;padding: 5px 10px;border-radius: 4px;font-size: 0.85rem;white-space: nowrap;z-index: 1000;}.sidebar-nav{padding: 15px 0;}.nav-list{list-style: none;}.nav-header{padding: 15px 20px 5px;font-size: 0.75rem;text-transform: uppercase;color: var(--text-muted);font-weight: 600;letter-spacing: 1px;}.nav-item{margin: 2px 0;}.nav-link{display: flex;align-items: center;gap: 12px;padding: 12px 20px;color: var(--text-soft);transition: var(--transition);border-left: 3px solid transparent;}.nav-link:hover{background: var(--primary-hover);color: var(--primary-color);}.nav-link-disabled,.nav-link-disabled:hover{color: #9ca3af;cursor: not-allowed;background: transparent;}.nav-item.disabled{opacity: 0.75;}.nav-item.active .nav-link{background: linear-gradient(90deg,rgba(102,126,234,0.1),transparent);color: var(--primary-color);border-left-color: var(--primary-color);}.nav-link i{width: 20px;text-align: center;font-size: 1.1rem;}.nav-link.text-danger{color: var(--danger-color);}.nav-link.text-danger:hover{background: rgba(220,53,69,0.1);}.sidebar-footer{padding: 15px 20px;border-top: 1px solid var(--border-color);text-align: center;font-size: 0.8rem;color: var(--text-muted);}.sidebar-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 998;display: none;}.sidebar-overlay.show{display: block;}/* Main Content */ .main-content{margin-left: var(--sidebar-width);margin-top: var(--header-height);width: auto;max-width: none;padding: clamp(16px,2vw,25px);min-height: calc(100vh - var(--header-height) - var(--footer-height));transition: var(--transition);}.main-content [id]{scroll-margin-top: calc(var(--header-height) + 16px);}body.sidebar-collapsed .main-content{margin-left: var(--sidebar-collapsed) !important;width: auto;max-width: none;}/* Footer */ .footer{margin-left: var(--sidebar-width);width: auto;max-width: none;padding: 15px 25px;background: var(--surface-color);border-top: 1px solid var(--border-color);text-align: center;font-size: 0.85rem;color: var(--text-muted);transition: var(--transition);}body.sidebar-collapsed .footer{margin-left: var(--sidebar-collapsed) !important;width: auto;max-width: none;}/* ============================================
   PAGE HEADER
   ============================================ */ .page-header{margin-bottom: 25px;}.page-header h1{font-size: 1.8rem;color: var(--text-color);margin-bottom: 5px;display: flex;align-items: center;gap: 10px;}.page-header h1 i{color: var(--primary-color);}.page-header p{color: var(--text-muted);}/* ============================================
   QUICK ACTIONS
   ============================================ */ .quick-actions{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,150px),1fr));gap: 15px;margin-bottom: 25px;}.action-btn{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;padding: 20px;border-radius: var(--border-radius);color: white;text-align: center;transition: var(--transition);}.action-btn:hover{transform: translateY(-3px);box-shadow: var(--box-shadow-lg);color: white;}.action-btn i{font-size: 2rem;}.btn-primary{background: linear-gradient(135deg,#4f46e5,#6d28d9);color: white !important;}.btn-primary i,.btn-primary span{color: white !important;}.btn-success{background: linear-gradient(135deg,#157f3d,#0f766e);color: white !important;}.btn-success i,.btn-success span{color: white !important;}.btn-info{background: linear-gradient(135deg,#0369a1,#6d28d9);color: white !important;}.btn-info i,.btn-info span{color: white !important;}.btn-secondary{background: linear-gradient(135deg,#334155,#475569);color: white !important;}.btn-secondary i,.btn-secondary span{color: white !important;}.btn-history{background: linear-gradient(135deg,#0f4c81,#1d70b8);color: #ffffff !important;box-shadow: 0 10px 24px rgba(15,76,129,0.22);}.btn-history i,.btn-history span{color: #ffffff !important;}.btn-history:hover{color: #ffffff !important;box-shadow: 0 14px 28px rgba(15,76,129,0.28);}.btn-warning{background: linear-gradient(135deg,#ffc107,#fd7e14);color: #333 !important;}.btn-warning:hover{color: #333 !important;}.btn-danger{background: linear-gradient(135deg,#dc3545,#c82333);color: white !important;}.btn-danger i,.btn-danger span{color: white !important;}/* ============================================
   STATISTICS CARDS
   ============================================ */ .stats-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));gap: 20px;margin-bottom: 25px;}.stat-card{background: var(--surface-color);border-radius: var(--border-radius);padding: 20px;display: flex;align-items: center;gap: 15px;box-shadow: var(--box-shadow);transition: var(--transition);}.stat-card:hover{transform: translateY(-3px);box-shadow: var(--box-shadow-lg);}.stat-card.alert-card{border: 2px solid var(--danger-color);animation: pulse 2s infinite;}@keyframes pulse{0%,100%{box-shadow: 0 0 0 0 rgba(220,53,69,0.4);}50%{box-shadow: 0 0 0 10px rgba(220,53,69,0);}}.stat-icon{width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 1.5rem;}.bg-primary{background: linear-gradient(135deg,#667eea,#764ba2);}.bg-success{background: linear-gradient(135deg,#28a745,#20c997);}.bg-info{background: linear-gradient(135deg,#17a2b8,#6f42c1);}.bg-warning{background: linear-gradient(135deg,#ffc107,#fd7e14);}.bg-danger{background: linear-gradient(135deg,#dc3545,#c82333);}.bg-purple{background: linear-gradient(135deg,#9b59b6,#8e44ad);}.bg-secondary{background: linear-gradient(135deg,#6c757d,#5a6268);}.bg-dark{background: linear-gradient(135deg,#343a40,#23272b);}.stat-info h3{font-size: 1.5rem;color: var(--text-color);margin-bottom: 3px;overflow-wrap: normal;}.stat-info p{color: var(--text-muted);font-size: 0.9rem;overflow-wrap: normal;}/* ============================================
   DASHBOARD GRID
   ============================================ */ .dashboard-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,360px),1fr));gap: 20px;margin-bottom: 25px;}.dashboard-card{background: var(--surface-color);border-radius: var(--border-radius);box-shadow: var(--box-shadow);overflow: hidden;}.card-header{padding: 15px 20px;border-bottom: 1px solid var(--border-color);display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;}.card-header h3{font-size: 1.1rem;color: var(--text-color);display: flex;align-items: center;gap: 8px;}.card-header h3 i{color: var(--primary-color);}.btn-link{color: var(--primary-color);font-size: 0.9rem;font-weight: 500;}.card-body{padding: 20px;overflow-x: auto;}.no-data{text-align: center;color: var(--text-muted);padding: 30px;}.no-data.text-success{color: var(--success-color);}/* ============================================
   TABLES
   ============================================ */ .table{width: 100%;max-width: 100%;border-collapse: collapse;}.table th,.table td{padding: 12px 15px;text-align: left;border-bottom: 1px solid var(--border-color);overflow-wrap: anywhere;vertical-align: top;}.table-responsive{width: 100%;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}.table th{background: var(--surface-muted);font-weight: 600;color: var(--text-soft);font-size: 0.9rem;}.table tbody tr:hover{background: var(--surface-muted);}.table-compact th,.table-compact td{padding: 10px 12px;font-size: 0.9rem;}.table-danger{background: rgba(220,53,69,0.1) !important;}.table-warning{background: rgba(255,193,7,0.1) !important;}/* ============================================
   BADGES
   ============================================ */ .badge{display: inline-block;padding: 4px 10px;border-radius: 20px;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;}.badge-cash{background: #d4edda;color: #155724;}.badge-card{background: #cce5ff;color: #004085;}.badge-mobile{background: #fff3cd;color: #856404;}.badge-bank_transfer{background: #e0e7ff;color: #3730a3;}.badge-credit{background: #f8d7da;color: #721c24;}.badge-paid{background: #d4edda;color: #155724;}.badge-pending{background: #fff3cd;color: #856404;}.badge-partial{background: #cce5ff;color: #004085;}.badge-success{background: #d4edda;color: #155724;}.badge-danger{background: #f8d7da;color: #721c24;}.badge-warning{background: #fff3cd;color: #856404;}.badge-info{background: #cce5ff;color: #004085;}.badge-secondary{background: #e2e8f0;color: #334155;}/* ============================================
   BUTTONS
   ============================================ */ .btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 20px;border-radius: var(--border-radius);font-size: 0.95rem;font-weight: 500;cursor: pointer;border: none;transition: var(--transition);max-width: 100%;min-width: 0;white-space: normal;}.btn i,.btn-icon i{flex: 0 0 auto;}.btn:hover{transform: translateY(-2px);box-shadow: var(--box-shadow);}.btn-sm{padding: 6px 15px;font-size: 0.85rem;}.btn-lg{padding: 15px 30px;font-size: 1.1rem;}.btn-icon{display: inline-flex;align-items: center;justify-content: center;width: 35px;height: 35px;border-radius: 5px;color: var(--text-soft);transition: var(--transition);}.btn-icon:hover{background: var(--primary-hover);color: var(--primary-color);}/* ============================================
   ALERTS
   ============================================ */ .alert{padding: 15px 20px;border-radius: var(--border-radius);margin-bottom: 20px;transition: opacity 0.3s;}.alert-success{background: #d4edda;color: #155724;border: 1px solid #c3e6cb;}.alert-error{background: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;}.alert-warning{background: #fff3cd;color: #856404;border: 1px solid #ffeaa7;}.alert-info{background: #cce5ff;color: #004085;border: 1px solid #b8daff;}/* ============================================
   QUICK LINKS
   ============================================ */ .quick-links{background: var(--surface-color);border-radius: var(--border-radius);padding: 20px;box-shadow: var(--box-shadow);}.quick-links h3{margin-bottom: 15px;color: var(--text-color);}.links-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 15px;}.quick-link{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 20px;background: var(--surface-muted);border-radius: var(--border-radius);color: var(--text-soft);transition: var(--transition);}.quick-link:hover{background: var(--primary-color);color: white;transform: translateY(-3px);}.quick-link i{font-size: 1.5rem;}/* ============================================
   FORMS
   ============================================ */ .form-group{margin-bottom: 20px;}.form-group label{display: block;margin-bottom: 8px;font-weight: 500;color: var(--text-color);}.form-control{width: 100%;max-width: 100%;padding: 12px 15px;border: 2px solid var(--border-color);border-radius: var(--border-radius);font-size: 1rem;transition: var(--transition);background: var(--surface-color);color: var(--text-color);}.form-control:focus{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(23,78,166,0.18);}@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior: auto !important;animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}}.form-control:disabled{background: var(--surface-muted);color: var(--text-muted);cursor: not-allowed;}.app-inline-feedback{margin: 0 0 16px;padding: 12px 14px;border-radius: 10px;border: 1px solid transparent;font-size: 0.92rem;}.app-inline-feedback[hidden]{display: none !important;}.app-inline-feedback-info{background: #eff6ff;border-color: #bfdbfe;color: #1d4ed8;}.app-inline-feedback-success{background: #ecfdf5;border-color: #a7f3d0;color: #047857;}.app-inline-feedback-warning{background: #fffbeb;border-color: #fde68a;color: #b45309;}.app-inline-feedback-error{background: #fef2f2;border-color: #fecaca;color: #b91c1c;}.app-toast-stack{position: fixed;right: 22px;bottom: 22px;z-index: 3000;display: grid;gap: 10px;width: min(360px,calc(100vw - 24px));}.app-toast{display: grid;gap: 4px;padding: 14px 16px;border-radius: 14px;color: #fff;box-shadow: 0 16px 34px rgba(15,23,42,0.22);animation: slideInUp 0.18s ease-out;}.app-toast.is-leaving{opacity: 0;transform: translateY(8px);transition: opacity 0.2s ease,transform 0.2s ease;}.app-toast-title{font-size: 0.9rem;}.app-toast-message{font-size: 0.92rem;line-height: 1.45;}.app-toast-info{background: #1d4ed8;}.app-toast-success{background: #047857;}.app-toast-warning{background: #b45309;}.app-toast-error{background: #b91c1c;}@keyframes slideInUp{from{opacity: 0;transform: translateY(8px);}to{opacity: 1;transform: translateY(0);}}select.form-control{cursor: pointer;}textarea.form-control{resize: vertical;min-height: 100px;}.form-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr));gap: 15px;}.form-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 25px;}.resource-propagation-panel{border: 1px solid var(--border-color);border-radius: var(--border-radius);padding: 14px;background: var(--surface-muted);}.resource-checklist{display: grid;gap: 8px;max-height: 320px;overflow: auto;padding: 4px 2px;}.resource-checklist-compact{grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));max-height: none;}.resource-check-item{display: flex;align-items: flex-start;gap: 8px;padding: 9px 10px;border: 1px solid var(--border-color);border-radius: var(--border-radius);background: var(--surface-color);line-height: 1.35;min-width: 0;}.resource-check-item input{flex: 0 0 auto;margin-top: 3px;}.resource-check-item span{min-width: 0;overflow-wrap: anywhere;}.resource-check-item small{display: block;margin-top: 2px;color: var(--text-muted);}.resource-check-all{margin-bottom: 10px;font-weight: 600;}.system-resource-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 20px;align-items: start;}.help-text{display: block;margin-top: 5px;font-size: 0.85rem;color: var(--text-muted);}.text-muted{color: var(--text-muted);}.text-success{color: var(--success-color);}/* ============================================
   CARDS
   ============================================ */ .card{background: var(--surface-color);border-radius: var(--border-radius);box-shadow: var(--box-shadow);overflow: hidden;margin-bottom: 20px;}.card-title{padding: 20px;border-bottom: 1px solid var(--border-color);}.card-title h2{font-size: 1.3rem;color: var(--text-color);}.card-content{padding: 20px;overflow-x: auto;}/* ============================================
   PAGINATION
   ============================================ */ .pagination{display: flex;flex-wrap: wrap;justify-content: center;gap: 5px;margin-top: 20px;}.pagination a,.pagination span{padding: 8px 15px;border-radius: 5px;background: var(--surface-color);color: var(--text-color);transition: var(--transition);}.pagination a:hover{background: var(--primary-color);color: white;}.pagination .active{background: var(--primary-color);color: white;}.pagination .disabled{color: var(--text-muted);cursor: not-allowed;}/* ============================================
   MODAL
   ============================================ */ .modal{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 2000;align-items: center;justify-content: center;}.modal.show{display: flex;}.modal-content{background: var(--surface-color);color: var(--text-color);border-radius: var(--border-radius);max-width: min(600px,calc(100vw - 24px));width: 90%;max-height: 90vh;overflow-y: auto;}.modal-header{padding: 20px;border-bottom: 1px solid var(--border-color);display: flex;align-items: center;justify-content: space-between;}.modal-body{padding: 20px;overflow-x: auto;}.modal-footer{padding: 15px 20px;border-top: 1px solid var(--border-color);display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 10px;}.modal-close{background: none;border: none;font-size: 1.5rem;cursor: pointer;color: var(--text-soft);}/* ============================================
   DESKTOP NORMAL VIEW DENSITY
   ============================================ */ @media (min-width: 769px){:root{--sidebar-width: 195px;--sidebar-collapsed: 52px;--header-height: 45px;--footer-height: 38px;--border-radius: 6px;}html{font-size: 12px;}body{line-height: 1.45;}.header{padding: 0 15px;gap: 9px;}.header-left,.header-actions,.user-toggle{gap: 8px;}.sidebar-toggle{width: 30px;height: 30px;padding: 6px;font-size: 16px;}.logo{gap: 7px;font-size: 1.35rem;}.logo i{font-size: 1.5rem;}.user-avatar{width: 27px;height: 27px;}.dropdown-menu{min-width: 160px;margin-top: 7px;}.dropdown-header,.dropdown-item{padding: 9px 11px;}.notification-menu{width: min(320px,calc(100vw - 18px));min-width: min(260px,calc(100vw - 18px));max-width: calc(100vw - 18px);}.notification-header,.notification-item,.notification-footer{padding: 10px 15px;}.notification-icon{width: 30px;height: 30px;}.sidebar-nav{padding: 10px 0;}.nav-header{padding: 10px 15px 4px;letter-spacing: 0.6px;}.nav-link{gap: 9px;padding: 9px 15px;border-left-width: 2px;}.nav-link i{width: 16px;}.sidebar-footer{padding: 11px 15px;}.main-content{padding: 12px 15px;}.footer{padding: 10px 18px;}.page-header{margin-bottom: 16px;}.page-header h1{font-size: 1.5rem;gap: 8px;}.quick-actions,.stats-grid,.dashboard-grid{gap: 12px;margin-bottom: 16px;}.quick-actions{grid-template-columns: repeat(auto-fit,minmax(min(100%,112px),1fr));}.stats-grid{grid-template-columns: repeat(auto-fit,minmax(min(100%,165px),1fr));}.dashboard-grid{grid-template-columns: repeat(auto-fit,minmax(min(100%,270px),1fr));}.action-btn,.stat-card,.quick-links{padding: 15px;}.action-btn{gap: 6px;}.action-btn i{font-size: 1.5rem;}.stat-card{gap: 11px;}.stat-icon{width: 45px;height: 45px;}.card,.dashboard-card{margin-bottom: 15px;}.card-header,.card-title,.card-body,.card-content,.modal-body{padding: 15px;}.card-title h2{font-size: 1.1rem;}.card-header h3{font-size: 1rem;}.table th,.table td{padding: 9px 11px;}.btn{gap: 6px;padding: 8px 15px;}.btn-sm{padding: 5px 11px;}.btn-lg{padding: 11px 22px;}.btn-icon{width: 28px;height: 28px;}.alert{padding: 11px 15px;margin-bottom: 15px;}.form-group{margin-bottom: 15px;}.form-group label{margin-bottom: 6px;}.form-control{padding: 9px 11px;border-width: 1px;}.form-row{gap: 12px;}.app-inline-feedback{margin-bottom: 12px;padding: 9px 11px;}.pagination{margin-top: 15px;}.pagination a,.pagination span{padding: 6px 11px;}.modal-content{max-height: calc(100vh - 24px);}.modal-footer{padding: 11px 15px;gap: 8px;}}/* ============================================
   RESPONSIVE
   ============================================ */ @media (max-width: 768px){.sidebar{transform: translateX(-100%);}.sidebar.show{transform: translateX(0);}.main-content,.footer{margin-left: 0;width: 100%;max-width: 100vw;}.dashboard-grid{grid-template-columns: 1fr;}.stats-grid{grid-template-columns: repeat(2,1fr);}.quick-actions{grid-template-columns: repeat(2,1fr);}.user-name{display: none;}}@media (max-width: 480px){.stats-grid{grid-template-columns: 1fr;}.quick-actions{grid-template-columns: 1fr;}.form-row{grid-template-columns: 1fr;}}/* ============================================
   RESPONSIVE DESIGN - MOBILE & TABLET
   ============================================ */ /* Tablet (768px - 1024px) */ @media (max-width: 1024px){:root{--sidebar-width: 220px;}.stats-grid{grid-template-columns: repeat(2,1fr);}.dashboard-grid{grid-template-columns: 1fr;}.system-resource-grid{grid-template-columns: repeat(2,minmax(0,1fr));}}@media (min-width: 769px) and (max-width: 1024px){:root{--sidebar-width: 195px;--sidebar-collapsed: 52px;--header-height: 45px;--footer-height: 38px;}.stats-grid{grid-template-columns: repeat(auto-fit,minmax(min(100%,165px),1fr));}.dashboard-grid{grid-template-columns: repeat(auto-fit,minmax(min(100%,270px),1fr));}.system-resource-grid{grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));}}/* Mobile (up to 768px) */ @media (max-width: 768px){:root{--sidebar-width: 260px;}/* Sidebar becomes overlay on mobile */ .sidebar{position: fixed;left: -260px;top: var(--header-height);width: 260px;height: calc(100vh - var(--header-height));z-index: 1000;transition: left 0.3s ease;}.sidebar.show{left: 0;}.sidebar.collapsed{left: -260px;width: 260px;}.sidebar.collapsed.show{left: 0;}/* Reset collapsed styles for mobile */ .sidebar.collapsed .nav-header,.sidebar.collapsed .nav-link span,.sidebar.collapsed .sidebar-footer{display: block !important;}.sidebar.collapsed .nav-link{justify-content: flex-start !important;padding: 12px 20px !important;}/* Main content takes full width */ .main-content{margin-left: 0 !important;width: 100% !important;max-width: 100vw !important;padding: 15px;}body.sidebar-collapsed .main-content{margin-left: 0 !important;width: 100% !important;max-width: 100vw !important;}/* Footer takes full width */ .footer{margin-left: 0 !important;width: 100% !important;max-width: 100vw !important;}body.sidebar-collapsed .footer{margin-left: 0 !important;width: 100% !important;max-width: 100vw !important;}/* Overlay for mobile sidebar */ .sidebar-overlay{display: none;position: fixed;top: var(--header-height);left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 999;}.sidebar-overlay.show{display: block;}body.mobile-sidebar-open{overflow: hidden;}/* Header adjustments */ .header{padding: 0 15px;}.header-title h1{font-size: 1.1rem;}.header-actions{gap: 8px;}.header-actions .btn{padding: 8px 12px;font-size: 0.85rem;}.header-actions .btn span{display: none;}/* Stats grid */ .stats-grid{grid-template-columns: repeat(2,1fr);gap: 15px;}.stat-card{padding: 15px;}.stat-icon{width: 45px;height: 45px;font-size: 1.2rem;}.stat-info h3{font-size: 1.3rem;}/* Page header */ .page-header{flex-direction: column;align-items: flex-start;gap: 15px;}.page-header h1{font-size: 1.4rem;}/* Cards */ .card{margin-bottom: 15px;}.card-title{padding: 15px 20px;}.card-content{padding: 15px 20px;}/* Tables */ .table{font-size: 0.9rem;}.table th,.table td{padding: 10px 12px;}/* Forms */ .form-row{grid-template-columns: 1fr;gap: 10px;}.form-group{margin-bottom: 15px;}/* Dashboard grid */ .dashboard-grid{grid-template-columns: 1fr;gap: 15px;}.system-resource-grid{grid-template-columns: 1fr;gap: 15px;}/* Quick actions */ .quick-actions{grid-template-columns: repeat(2,1fr);}/* Notification menu */ .notification-menu{position: fixed;top: var(--header-height);right: 0;left: 0;width: 100%;min-width: 0;max-width: 100%;border-radius: 0;}/* Keep the user trigger inside the header; only its menu becomes a mobile overlay. */ .user-dropdown{position: relative;top: auto;right: auto;left: auto;width: auto;}.user-dropdown .dropdown-menu{position: fixed;top: var(--header-height);right: 10px;left: 10px;width: auto;}}/* Small mobile (up to 480px) */ @media (max-width: 480px){.stats-grid{grid-template-columns: 1fr;}.quick-actions{grid-template-columns: 1fr;}.form-row{grid-template-columns: 1fr;}.header-title h1{display: none;}.header-logo{font-size: 1.2rem;}.logo span{display: none;}.table{min-width: 0;table-layout: fixed;width: 100%;}.table th,.table td{padding: 8px 10px;font-size: 0.82rem;}}/* ============================================
   SUPPORT & TRAINING
   ============================================ */ .support-release-banner{display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: 18px;align-items: center;margin-bottom: 24px;padding: 20px;border: 1px solid color-mix(in srgb,var(--primary-color) 24%,var(--border-color));border-radius: 14px;background: linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 10%,var(--surface-color)),var(--surface-color) 62% );box-shadow: var(--box-shadow);}.support-release-mark{width: 54px;height: 54px;display: grid;place-items: center;border-radius: 15px;background: var(--primary-color);color: #fff;font-size: 1.25rem;box-shadow: 0 12px 26px rgba(79,70,229,0.22);}.support-release-eyebrow,.support-section-heading span{color: var(--primary-color);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase;}.support-release-banner h2{margin: 4px 0 5px;color: var(--text-color);font-size: 1.28rem;}.support-release-banner h2 small{margin-left: 7px;color: var(--text-muted);font-size: 0.76rem;font-weight: 700;}.support-release-banner p{margin: 0;color: var(--text-muted);}.support-release-status{display: flex;align-items: center;gap: 10px;min-width: 168px;padding: 11px 13px;border: 1px solid var(--border-color);border-radius: 10px;background: var(--surface-color);color: var(--success-color);}.support-release-status span{display: grid;color: var(--text-muted);font-size: 0.72rem;}.support-release-status strong{color: var(--text-color);font-size: 0.82rem;}.support-layout{display: grid;grid-template-columns: minmax(220px,300px) minmax(0,1fr);gap: 24px;align-items: start;}.support-index{position: sticky;top: calc(var(--header-height) + 20px);background: var(--surface-color);border: 1px solid var(--border-color);border-radius: var(--border-radius);box-shadow: var(--box-shadow);padding: 18px;max-height: calc(100vh - var(--header-height) - 40px);overflow: auto;}.support-index-title{display: flex;align-items: center;gap: 10px;color: var(--text-color);font-weight: 700;margin-bottom: 16px;}.support-index-title small{margin-left: auto;min-width: 26px;padding: 3px 7px;border-radius: 999px;background: var(--surface-muted);color: var(--text-muted);text-align: center;}.support-search{display: grid;grid-template-columns: 1fr auto;gap: 8px;margin-bottom: 18px;}.support-search label{grid-column: 1 / -1;color: var(--text-color);font-size: 0.82rem;font-weight: 700;}.support-search>div{position: relative;min-width: 0;}.support-search>div i{position: absolute;top: 50%;left: 11px;transform: translateY(-50%);color: var(--text-muted);font-size: 0.82rem;}.support-search input{width: 100%;min-height: 38px;padding: 8px 10px 8px 31px;border: 1px solid var(--border-color);border-radius: 7px;background: var(--surface-color);color: var(--text-color);}.support-search input:focus{outline: 2px solid color-mix(in srgb,var(--primary-color) 34%,transparent);border-color: var(--primary-color);}.support-search-empty{padding: 12px;border-radius: 8px;background: var(--surface-muted);color: var(--text-muted);font-size: 0.86rem;}.support-index-section{margin-bottom: 18px;}.support-index-section:last-child{margin-bottom: 0;}.support-index-section h3{margin: 0 0 8px;font-size: 0.78rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0;}.support-index-link{display: flex;align-items: center;gap: 10px;padding: 9px 10px;border-radius: 6px;color: var(--text-soft);font-size: 0.92rem;}.support-index-link:hover,.support-index-link.active{background: var(--primary-hover);color: var(--primary-color);}.support-content{min-width: 0;}.support-hero-card{display: flex;justify-content: space-between;gap: 20px;align-items: center;background: var(--surface-color);border: 1px solid var(--border-color);border-radius: var(--border-radius);box-shadow: var(--box-shadow);padding: 24px;margin-bottom: 24px;}.support-hero-card h2{margin: 10px 0 8px;color: var(--text-color);}.support-hero-card p{color: var(--text-muted);max-width: 720px;margin: 0;}.support-hero-card>i{font-size: 3rem;color: var(--primary-color);}.support-version-chip{display: inline-flex;margin-left: 7px;padding: 4px 8px;border-radius: 999px;background: var(--surface-muted);color: var(--text-muted);font-size: 0.74rem;font-weight: 800;}.support-quick-start,.support-release-highlights{margin: 0 0 26px;}.support-section-heading{display: flex;align-items: end;justify-content: space-between;gap: 14px;margin-bottom: 12px;}.support-section-heading h2{margin: 3px 0 0;color: var(--text-color);font-size: 1.25rem;}.support-section-heading p{margin: 0;color: var(--text-muted);font-size: 0.84rem;}.support-quick-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(210px,1fr));gap: 10px;}.support-quick-grid>a{display: grid;grid-template-columns: 40px minmax(0,1fr) auto;gap: 11px;align-items: center;padding: 13px;border: 1px solid var(--border-color);border-radius: 10px;background: var(--surface-color);color: var(--text-color);box-shadow: var(--box-shadow);}.support-quick-grid>a:hover{border-color: var(--primary-color);transform: translateY(-1px);}.support-quick-grid>a>i:first-child{width: 40px;height: 40px;display: grid;place-items: center;border-radius: 9px;background: var(--primary-hover);color: var(--primary-color);}.support-quick-grid span{display: grid;gap: 2px;}.support-quick-grid small{color: var(--text-muted);}.support-quick-grid>a>i:last-child{color: var(--text-muted);font-size: 0.78rem;}.support-highlight-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;}.support-highlight-grid article{display: grid;grid-template-columns: 38px minmax(0,1fr);gap: 11px;padding: 14px;border: 1px solid var(--border-color);border-radius: 10px;background: var(--surface-color);}.support-highlight-grid article>i{width: 38px;height: 38px;display: grid;place-items: center;border-radius: 9px;background: var(--surface-muted);color: var(--primary-color);}.support-highlight-grid h3{margin: 0 0 4px;color: var(--text-color);font-size: 0.95rem;}.support-highlight-grid p{margin: 0;color: var(--text-muted);font-size: 0.84rem;}.support-no-results{padding: 34px;border: 1px dashed var(--border-color);border-radius: 12px;background: var(--surface-color);text-align: center;}.support-no-results>i{font-size: 1.8rem;color: var(--primary-color);}.support-no-results h2{margin: 10px 0 5px;color: var(--text-color);}.support-no-results p{margin: 0 0 14px;color: var(--text-muted);}.storefront-search-settings{margin: 22px 0;padding: 18px;border: 1px solid var(--border-color);border-radius: 12px;background: var(--surface-muted);}.storefront-search-settings legend{padding: 0 8px;color: var(--text-color);font-weight: 800;}.storefront-search-endpoints{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;margin: 12px 0;}.storefront-search-endpoints span{display: grid;gap: 5px;min-width: 0;padding: 11px;border: 1px solid var(--border-color);border-radius: 8px;background: var(--surface-color);color: var(--text-muted);font-size: 0.8rem;}.storefront-search-endpoints code{overflow-wrap: anywhere;color: var(--text-color);}.support-topic-section{margin-bottom: 26px;}.support-topic-section h2{margin: 0 0 14px;color: var(--text-color);font-size: 1.25rem;}.support-topic-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 14px;}.support-topic-card{display: grid;grid-template-columns: 48px minmax(0,1fr) 18px;gap: 14px;align-items: center;background: var(--surface-color);border: 1px solid var(--border-color);border-radius: var(--border-radius);box-shadow: var(--box-shadow);padding: 16px;color: var(--text-color);min-height: 136px;}.support-topic-card:hover{transform: translateY(-2px);border-color: var(--primary-color);box-shadow: var(--box-shadow-lg);}.support-topic-icon{width: 48px;height: 48px;border-radius: 8px;display: flex;align-items: center;justify-content: center;background: rgba(102,126,234,0.12);color: var(--primary-color);font-size: 1.2rem;}.support-topic-card h3{margin: 0 0 6px;color: var(--text-color);font-size: 1rem;}.support-topic-card p{margin: 0;color: var(--text-muted);font-size: 0.9rem;}.support-topic-arrow{color: var(--text-muted);}.support-detail-card{min-width: 0;}.support-detail-header{display: flex;justify-content: space-between;gap: 18px;align-items: flex-start;margin-bottom: 22px;}.support-detail-header h2{margin: 10px 0 8px;color: var(--text-color);font-size: 1.7rem;}.support-detail-header p{margin: 0;color: var(--text-muted);max-width: 820px;}.support-detail-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 18px;}.support-guide-section{background: var(--surface-color);border: 1px solid var(--border-color);border-radius: var(--border-radius);box-shadow: var(--box-shadow);padding: 20px;}.support-guide-section-wide{grid-column: 1 / -1;}.support-guide-section h3{display: flex;align-items: center;gap: 10px;margin: 0 0 14px;color: var(--text-color);font-size: 1.05rem;}.support-guide-section p{color: var(--text-muted);margin: 0 0 12px;}.support-guide-section p:last-child{margin-bottom: 0;}.support-step-list{margin: 0;padding-left: 20px;color: var(--text-muted);}.support-step-list li{margin-bottom: 8px;}.support-step-list li:last-child{margin-bottom: 0;}.support-screen{border: 1px solid var(--border-color);border-radius: 8px;overflow: hidden;background: var(--surface-muted);}.support-screenshot-frame{margin: 0;border: 1px solid var(--border-color);border-radius: 8px;overflow: hidden;background: var(--surface-muted);}.support-screenshot-frame img{display: block;width: 100%;aspect-ratio: 16 / 10;object-fit: cover;object-position: top left;background: var(--surface-color);}.support-screenshot-frame figcaption{padding: 10px 14px;color: var(--text-muted);font-size: 0.88rem;border-top: 1px solid var(--border-color);}.support-screen-header{display: flex;gap: 6px;padding: 10px;background: var(--surface-elevated);border-bottom: 1px solid var(--border-color);}.support-screen-header span{width: 10px;height: 10px;border-radius: 50%;background: var(--border-color);}.support-screen-title{display: flex;align-items: center;gap: 10px;padding: 14px;color: var(--text-color);border-bottom: 1px solid var(--border-color);}.support-screen-title i{color: var(--primary-color);}.support-screen-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(130px,1fr));gap: 10px;padding: 14px;}.support-screen-panel{min-height: 76px;border: 1px solid var(--border-color);border-radius: 6px;padding: 12px;background: var(--surface-color);}.support-screen-panel span{display: block;color: var(--primary-color);font-weight: 700;margin-bottom: 8px;}.support-screen-panel strong{color: var(--text-color);font-size: 0.88rem;}.support-screen .help-text{margin: 0;padding: 0 14px 14px;}@media (max-width: 992px){.support-layout,.support-detail-grid{grid-template-columns: 1fr;}.support-index{position: static;max-height: none;}.support-release-banner{grid-template-columns: auto minmax(0,1fr);}.support-release-status{grid-column: 1 / -1;}}@media (max-width: 576px){.support-hero-card,.support-detail-header{flex-direction: column;}.support-hero-card>i{display: none;}.support-topic-card{grid-template-columns: 42px minmax(0,1fr);}.support-topic-arrow{display: none;}.support-release-banner{grid-template-columns: 1fr;}.support-release-mark{width: 46px;height: 46px;}.support-release-status{grid-column: auto;}.support-highlight-grid{grid-template-columns: 1fr;}.storefront-search-endpoints{grid-template-columns: 1fr;}.support-section-heading{align-items: flex-start;flex-direction: column;}}/* ============================================
   DARK THEME
   ============================================ */ body.theme-dark{color-scheme: dark;--primary-color: #4f46e5;--primary-dark: #6366f1;--primary-hover: rgba(79,70,229,0.16);--secondary-color: #0ea5e9;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--info-color: #38bdf8;--light-color: #1f2937;--dark-color: #f8fafc;--body-bg: #0b1120;--surface-color: #111827;--surface-elevated: #182235;--surface-muted: #0f172a;--border-color: #273449;--text-color: #e5e7eb;--text-muted: #94a3b8;--text-soft: #cbd5e1;--box-shadow: 0 14px 34px rgba(0,0,0,0.28);--box-shadow-lg: 0 20px 46px rgba(0,0,0,0.38);background: radial-gradient(circle at top left,rgba(79,70,229,0.16),transparent 32rem ),radial-gradient(circle at bottom right,rgba(16,185,129,0.08),transparent 30rem ),var(--body-bg);color: var(--text-color);}body.theme-dark .header,body.theme-dark .sidebar,body.theme-dark .footer,body.theme-dark .dashboard-card,body.theme-dark .quick-links,body.theme-dark .stat-card,body.theme-dark .card,body.theme-dark .modal-content,body.theme-dark .summary-card,body.theme-dark .report-card,body.theme-dark .filter-bar,body.theme-dark .balance-hero,body.theme-dark .receipt-template-card,body.theme-dark .product-card,body.theme-dark .customer-card,body.theme-dark .settings-panel,body.theme-dark .tab-content,body.theme-dark .dropdown-menu,body.theme-dark .notification-menu,body.theme-dark .user-dropdown-menu,body.theme-dark .branch-switcher,body.theme-dark .pos-header,body.theme-dark .pos-cart,body.theme-dark .cart-summary{background: var(--surface-color) !important;border-color: var(--border-color) !important;color: var(--text-color) !important;box-shadow: var(--box-shadow);}body.theme-dark .header,body.theme-dark .sidebar,body.theme-dark .footer{border-color: var(--border-color);}body.theme-dark .sidebar{background: linear-gradient(180deg,#0f172a 0%,#111827 100%) !important;}body.theme-dark .main-content{background: transparent;}body.theme-dark .card-title,body.theme-dark .card-header,body.theme-dark .cart-header,body.theme-dark .modal-header,body.theme-dark .modal-footer,body.theme-dark .table th,body.theme-dark .table td,body.theme-dark .category-filter,body.theme-dark .sidebar-footer,body.theme-dark .line-item,body.theme-dark .report-card .line-item,body.theme-dark .balance-hero .line-item{border-color: var(--border-color) !important;}body.theme-dark .page-header h1,body.theme-dark .card-title h2,body.theme-dark .card-header h3,body.theme-dark .quick-links h3,body.theme-dark .stat-info h3,body.theme-dark .form-group label,body.theme-dark .table th,body.theme-dark .modal-header h2,body.theme-dark .summary-card .value,body.theme-dark .report-card header h3,body.theme-dark .line-item span,body.theme-dark .pl-row span,body.theme-dark .pos-header h1,body.theme-dark .cart-header h2,body.theme-dark .product-info h4,body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4,body.theme-dark h5,body.theme-dark h6{color: var(--text-color) !important;}body.theme-dark .page-header p,body.theme-dark .help-text,body.theme-dark .text-muted,body.theme-dark .no-data,body.theme-dark .stat-info p,body.theme-dark .summary-card .caption,body.theme-dark .summary-card .label,body.theme-dark .report-card header p,body.theme-dark .muted-note,body.theme-dark .source-list,body.theme-dark .chip,body.theme-dark .product-code,body.theme-dark .product-stock,body.theme-dark .sidebar-footer,body.theme-dark .nav-header{color: var(--text-muted) !important;}body.theme-dark a,body.theme-dark .btn-link,body.theme-dark .page-header h1 i,body.theme-dark .card-header h3 i,body.theme-dark .product-category{color: #a5b4fc;}body.theme-dark a:hover,body.theme-dark .btn-link:hover{color: var(--primary-dark);}body.theme-dark .sidebar-toggle,body.theme-dark .user-toggle,body.theme-dark .modal-close,body.theme-dark .btn-icon{color: var(--text-soft);}body.theme-dark .sidebar-toggle:hover,body.theme-dark .user-toggle:hover,body.theme-dark .btn-icon:hover,body.theme-dark .nav-link:hover,body.theme-dark .quick-link:hover,body.theme-dark .pagination a:hover{background: var(--primary-hover) !important;color: #c7d2fe !important;border-color: rgba(79,70,229,0.55) !important;}body.theme-dark .sidebar-toggle:active{background: rgba(79,70,229,0.24) !important;}body.theme-dark .nav-link{color: var(--text-soft) !important;}body.theme-dark .nav-item.active .nav-link{background: linear-gradient(90deg,rgba(79,70,229,0.24),transparent ) !important;color: #c7d2fe !important;border-left-color: var(--primary-color) !important;}body.theme-dark .nav-link-disabled,body.theme-dark .nav-link-disabled:hover{color: #64748b !important;background: transparent !important;}body.theme-dark .quick-link,body.theme-dark .table th,body.theme-dark .table tbody tr:hover,body.theme-dark .pl-section.highlight,body.theme-dark .form-control,body.theme-dark .pagination a,body.theme-dark .pagination span,body.theme-dark .app-inline-feedback,body.theme-dark .muted-note,body.theme-dark .chip,body.theme-dark .recipient-box,body.theme-dark .inline-form,body.theme-dark .logo-upload-section,body.theme-dark .current-logo,body.theme-dark .line-item.highlight,body.theme-dark .report-card .line-item.highlight{background: var(--surface-muted) !important;color: var(--text-color) !important;border-color: var(--border-color) !important;}body.theme-dark .form-control,body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background: #0f172a !important;border-color: var(--border-color) !important;color: var(--text-color) !important;}body.theme-dark .form-control:focus,body.theme-dark input:focus,body.theme-dark select:focus,body.theme-dark textarea:focus{border-color: var(--primary-color) !important;box-shadow: 0 0 0 3px rgba(79,70,229,0.24);}body.theme-dark .form-control::placeholder,body.theme-dark input::placeholder,body.theme-dark textarea::placeholder{color: #64748b;}body.theme-dark .form-control:disabled,body.theme-dark input:disabled,body.theme-dark select:disabled,body.theme-dark textarea:disabled{background: #111827 !important;color: #64748b !important;cursor: not-allowed;}body.theme-dark select option{background: #0f172a;color: var(--text-color);}body.theme-dark .table{color: var(--text-color);}body.theme-dark .table-danger{background: rgba(239,68,68,0.14) !important;}body.theme-dark .table-warning{background: rgba(245,158,11,0.14) !important;}body.theme-dark .btn,body.theme-dark .action-btn,body.theme-dark .btn-icon,body.theme-dark .quick-link,body.theme-dark .category-btn{border: 1px solid transparent;}body.theme-dark .btn:hover,body.theme-dark .action-btn:hover,body.theme-dark .product-card:hover,body.theme-dark .stat-card:hover,body.theme-dark .quick-link:hover{box-shadow: 0 18px 36px rgba(79,70,229,0.24) !important;}body.theme-dark .btn-primary,body.theme-dark .bg-primary,body.theme-dark .action-btn.bg-primary{background: linear-gradient(135deg,#4f46e5,#2563eb) !important;}body.theme-dark .btn-primary:hover,body.theme-dark .bg-primary:hover,body.theme-dark .action-btn.bg-primary:hover{background: linear-gradient(135deg,#6366f1,#4f46e5) !important;}body.theme-dark .btn-success,body.theme-dark .bg-success,body.theme-dark .action-btn.bg-success{background: linear-gradient(135deg,#10b981,#059669) !important;}body.theme-dark .btn-success:hover,body.theme-dark .bg-success:hover,body.theme-dark .action-btn.bg-success:hover{background: linear-gradient(135deg,#34d399,#10b981) !important;}body.theme-dark .btn-info,body.theme-dark .bg-info,body.theme-dark .action-btn.bg-info{background: linear-gradient(135deg,#0ea5e9,#4f46e5) !important;}body.theme-dark .btn-secondary,body.theme-dark .bg-secondary,body.theme-dark .action-btn.bg-secondary{background: linear-gradient(135deg,#334155,#1f2937) !important;}body.theme-dark .btn-warning,body.theme-dark .bg-warning,body.theme-dark .action-btn.bg-warning{background: linear-gradient(135deg,#f59e0b,#d97706) !important;color: #111827 !important;}body.theme-dark .btn-danger,body.theme-dark .bg-danger,body.theme-dark .action-btn.bg-danger{background: linear-gradient(135deg,#ef4444,#b91c1c) !important;}body.theme-dark .bg-purple,body.theme-dark .action-btn.bg-purple{background: linear-gradient(135deg,#7c3aed,#4f46e5) !important;}body.theme-dark .bg-dark,body.theme-dark .action-btn.bg-dark{background: linear-gradient(135deg,#1e293b,#0f172a) !important;}body.theme-dark .badge-cash,body.theme-dark .badge-paid{background: rgba(16,185,129,0.16) !important;color: #6ee7b7 !important;}body.theme-dark .badge-card,body.theme-dark .badge-partial,body.theme-dark .badge-bank_transfer{background: rgba(79,70,229,0.18) !important;color: #c7d2fe !important;}body.theme-dark .badge-mobile,body.theme-dark .badge-pending{background: rgba(245,158,11,0.18) !important;color: #fcd34d !important;}body.theme-dark .badge-credit{background: rgba(239,68,68,0.18) !important;color: #fca5a5 !important;}body.theme-dark .alert-success,body.theme-dark .app-inline-feedback-success{background: rgba(16,185,129,0.16) !important;border-color: rgba(16,185,129,0.35) !important;color: #a7f3d0 !important;}body.theme-dark .alert-error,body.theme-dark .app-inline-feedback-error{background: rgba(239,68,68,0.16) !important;border-color: rgba(239,68,68,0.35) !important;color: #fca5a5 !important;}body.theme-dark .alert-warning,body.theme-dark .app-inline-feedback-warning{background: rgba(245,158,11,0.16) !important;border-color: rgba(245,158,11,0.35) !important;color: #fcd34d !important;}body.theme-dark .alert-info,body.theme-dark .app-inline-feedback-info{background: rgba(79,70,229,0.16) !important;border-color: rgba(79,70,229,0.35) !important;color: #c7d2fe !important;}body.theme-dark .text-success{color: #34d399 !important;}body.theme-dark .text-danger{color: #f87171 !important;}body.theme-dark .pl-section.final{background: linear-gradient(135deg,#312e81,#4f46e5) !important;}body.theme-dark .balance-hero{background: linear-gradient(135deg,rgba(79,70,229,0.34),rgba(16,185,129,0.12) ),var(--surface-color) !important;}body.theme-dark .balance-pill{background: rgba(15,23,42,0.72) !important;color: var(--text-soft) !important;}body.theme-dark .balance-pill.success{background: rgba(16,185,129,0.2) !important;}body.theme-dark .balance-pill.warning{background: rgba(245,158,11,0.2) !important;}body.theme-dark .sidebar-overlay,body.theme-dark .modal{background: rgba(2,6,23,0.72) !important;}/* Reference-inspired graphite dark theme */ body.theme-dark{--theme-canvas: #111318;--theme-surface: #1a1f28;--theme-raised: #222936;--theme-surface-muted: #151922;--theme-text: #f3f6fb;--theme-text-muted: #aab6c8;--theme-border: #69778d;--theme-focus: #c4b5fd;--theme-primary: #6d28d9;--theme-on-primary: #ffffff;--theme-danger: #be123c;--theme-on-danger: #ffffff;--theme-warning: #fbbf24;--theme-on-warning: #111827;--theme-success: #34d399;--theme-on-success: #08111a;--theme-disabled-surface: #252b36;--theme-disabled-text: #94a3b8;--primary-color: #8b5cf6;--primary-dark: #a78bfa;--primary-hover: rgba(139,92,246,0.18);--secondary-color: #22d3ee;--success-color: #34d399;--danger-color: #fb7185;--warning-color: #fbbf24;--info-color: #38bdf8;--light-color: #252b36;--dark-color: #f5f7fb;--body-bg: #111318;--surface-color: #1a1f28;--surface-elevated: #222936;--surface-muted: #151922;--border-color: rgba(148,163,184,0.18);--text-color: #f3f6fb;--text-muted: #aab6c8;--text-soft: #d1d8e5;--purple-color: #8b5cf6;--dark-card-gradient: linear-gradient(180deg,rgba(35,41,53,0.98) 0%,rgba(27,32,42,0.99) 100% );--dark-card-gradient-soft: linear-gradient(180deg,rgba(43,51,66,0.82) 0%,rgba(26,31,40,0.98) 100% );--dark-input-bg: #111620;--dark-sidebar-bg: #151922;--dark-shadow: 0 16px 34px rgba(0,0,0,0.34);--dark-shadow-soft: 0 8px 20px rgba(0,0,0,0.24);--border-radius: 8px;--primary-color: var(--theme-primary);--success-color: var(--theme-success);--danger-color: var(--theme-danger);--warning-color: var(--theme-warning);--body-bg: var(--theme-canvas);--surface-color: var(--theme-surface);--surface-elevated: var(--theme-raised);--surface-muted: var(--theme-surface-muted);--border-color: var(--theme-border);--text-color: var(--theme-text);--text-muted: var(--theme-text-muted);background: var(--body-bg) !important;color: var(--text-color);}body.theme-dark .main-content,body.theme-dark.pos-body,body.theme-dark .pos-products{background: var(--body-bg) !important;}body.theme-dark .header,body.theme-dark .footer{background: #141821 !important;border-color: rgba(148,163,184,0.14) !important;box-shadow: 0 10px 26px rgba(0,0,0,0.22) !important;}body.theme-dark .sidebar{background: var(--dark-sidebar-bg) !important;border-right: 1px solid rgba(148,163,184,0.12) !important;box-shadow: 16px 0 34px rgba(0,0,0,0.24) !important;}body.theme-dark .logo{color: var(--primary-dark) !important;}body.theme-dark .logo i{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 50%;color: var(--primary-dark) !important;background: linear-gradient(135deg,rgba(139,92,246,0.26),rgba(34,211,238,0.1) ),#1d2430;box-shadow: 0 10px 22px rgba(0,0,0,0.28);}body.theme-dark .nav-header{color: #e7ecf6 !important;font-size: 0.92rem;text-transform: none;letter-spacing: 0;}body.theme-dark .nav-link{margin: 2px 12px;border-left: 0 !important;border-radius: 6px;color: #c6d0df !important;}body.theme-dark .nav-link i{color: #d8dfea !important;}body.theme-dark .nav-link:hover,body.theme-dark .nav-item.active .nav-link{background: linear-gradient(90deg,rgba(139,92,246,0.24),rgba(34,211,238,0.08) ) !important;color: #ffffff !important;border-color: transparent !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);}body.theme-dark .nav-link:hover i,body.theme-dark .nav-item.active .nav-link i{color: #ffffff !important;}body.theme-dark .sidebar-footer{background: transparent !important;}body.theme-dark .sidebar-toggle,body.theme-dark .user-toggle,body.theme-dark .notification-btn,body.theme-dark .btn-icon,body.theme-dark .modal-close{background: rgba(148,163,184,0.08) !important;color: var(--text-soft) !important;border: 1px solid rgba(148,163,184,0.16) !important;}body.theme-dark .sidebar-toggle:hover,body.theme-dark .user-toggle:hover,body.theme-dark .notification-btn:hover,body.theme-dark .btn-icon:hover,body.theme-dark .modal-close:hover{background: #242c3a !important;color: #ffffff !important;border-color: rgba(139,92,246,0.46) !important;box-shadow: 0 10px 22px rgba(0,0,0,0.24) !important;}body.theme-dark .user-name,body.theme-dark .user-role,body.theme-dark .dropdown-item,body.theme-dark .notification-header h4,body.theme-dark .notification-content p{color: #f3f6fb !important;}body.theme-dark .dropdown-header,body.theme-dark .dropdown-divider,body.theme-dark .notification-item,body.theme-dark .notification-footer{border-color: rgba(148,163,184,0.16) !important;}body.theme-dark .dropdown-item:hover,body.theme-dark .notification-item:hover,body.theme-dark .notification-item.unread,body.theme-dark .notification-item.unread:hover{background: rgba(148,163,184,0.08) !important;}body.theme-dark .notification-content .time,body.theme-dark .notification-empty,body.theme-dark .notification-empty i{color: var(--text-muted) !important;}body.theme-dark .card,body.theme-dark .dashboard-card,body.theme-dark .quick-links,body.theme-dark .stat-card,body.theme-dark .modal-content,body.theme-dark .summary-card,body.theme-dark .report-card,body.theme-dark .filter-bar,body.theme-dark .balance-hero,body.theme-dark .receipt-template-card,body.theme-dark .product-card,body.theme-dark .customer-card,body.theme-dark .settings-panel,body.theme-dark .tab-content,body.theme-dark .dropdown-menu,body.theme-dark .notification-menu,body.theme-dark .user-dropdown-menu,body.theme-dark .branch-switcher,body.theme-dark .support-hero-card,body.theme-dark .support-topic-card,body.theme-dark .support-index,body.theme-dark .support-detail-header,body.theme-dark .support-callout,body.theme-dark .support-step-list li,body.theme-dark .support-screen-panel,body.theme-dark .pos-header,body.theme-dark .pos-cart,body.theme-dark .cart-summary{background: var(--dark-card-gradient) !important;border: 1px solid rgba(148,163,184,0.16) !important;border-radius: 8px !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.06),var(--dark-shadow) !important;color: var(--text-color) !important;}body.theme-dark .stat-card,body.theme-dark .quick-link,body.theme-dark .product-card,body.theme-dark .customer-card,body.theme-dark .receipt-template-card,body.theme-dark .support-topic-card{transition: transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;}body.theme-dark .stat-card:hover,body.theme-dark .quick-link:hover,body.theme-dark .product-card:hover,body.theme-dark .customer-card:hover,body.theme-dark .receipt-template-card:hover,body.theme-dark .support-topic-card:hover{transform: translateY(-2px);border-color: rgba(139,92,246,0.36) !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 20px 38px rgba(0,0,0,0.38) !important;}body.theme-dark .card-title,body.theme-dark .card-header,body.theme-dark .modal-header,body.theme-dark .modal-footer,body.theme-dark .cart-header,body.theme-dark .notification-header,body.theme-dark .notification-footer{background: transparent !important;border-color: rgba(148,163,184,0.16) !important;}body.theme-dark .page-header h1,body.theme-dark .card-title h2,body.theme-dark .card-header h3,body.theme-dark .quick-links h3,body.theme-dark .modal-header h2,body.theme-dark .summary-card .value,body.theme-dark .report-card header h3,body.theme-dark .line-item span,body.theme-dark .pl-row span,body.theme-dark .pos-header h1,body.theme-dark .cart-header h2,body.theme-dark .product-info h4,body.theme-dark .form-group label,body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4,body.theme-dark h5,body.theme-dark h6{color: #f3f6fb !important;}body.theme-dark .page-header h1 i,body.theme-dark .card-header h3 i,body.theme-dark .card-title h2 i,body.theme-dark .support-topic-icon,body.theme-dark .support-topic-arrow,body.theme-dark .product-category{color: var(--primary-dark) !important;}body.theme-dark a{color: #c4b5fd;}body.theme-dark a:hover{color: #67e8f9;}body.theme-dark .page-header p,body.theme-dark .help-text,body.theme-dark .text-muted,body.theme-dark .no-data,body.theme-dark .stat-info p,body.theme-dark .summary-card .caption,body.theme-dark .summary-card .label,body.theme-dark .report-card header p,body.theme-dark .muted-note,body.theme-dark .source-list,body.theme-dark .chip,body.theme-dark .product-code,body.theme-dark .product-stock,body.theme-dark .cart-item-details,body.theme-dark .customer-info,body.theme-dark .payment-help,body.theme-dark .support-topic-card p,body.theme-dark .support-detail-header p,body.theme-dark .support-step-list p,body.theme-dark .support-screen .help-text{color: var(--text-muted) !important;}body.theme-dark .stat-icon,body.theme-dark .action-icon,body.theme-dark .support-topic-icon{background: linear-gradient(135deg,rgba(148,163,184,0.16),rgba(148,163,184,0.04) ),#1f2632 !important;color: #ffffff !important;border: 1px solid rgba(148,163,184,0.16);box-shadow: 0 10px 22px rgba(0,0,0,0.26);}body.theme-dark .stat-icon{width: 54px;height: 54px;}body.theme-dark .bg-primary,body.theme-dark .btn-primary,body.theme-dark .action-btn.bg-primary{background: linear-gradient(135deg,#7c3aed,#8b5cf6) !important;color: #ffffff !important;}body.theme-dark .bg-success,body.theme-dark .btn-success,body.theme-dark .action-btn.bg-success{background: linear-gradient(135deg,#10b981,#22d3ee) !important;color: #08111a !important;}body.theme-dark .bg-info,body.theme-dark .btn-info,body.theme-dark .action-btn.bg-info{background: linear-gradient(135deg,#22d3ee,#60a5fa) !important;color: #08111a !important;}body.theme-dark .bg-warning,body.theme-dark .btn-warning,body.theme-dark .action-btn.bg-warning{background: linear-gradient(135deg,#fbbf24,#f97316) !important;color: #121212 !important;}body.theme-dark .bg-danger,body.theme-dark .btn-danger,body.theme-dark .action-btn.bg-danger{background: linear-gradient(135deg,#fb7185,#be123c) !important;color: #ffffff !important;}body.theme-dark .bg-purple,body.theme-dark .action-btn.bg-purple{background: linear-gradient(135deg,#8b5cf6,#6366f1) !important;color: #ffffff !important;}body.theme-dark .bg-secondary,body.theme-dark .btn-secondary,body.theme-dark .action-btn.bg-secondary,body.theme-dark .bg-dark,body.theme-dark .action-btn.bg-dark{background: linear-gradient(135deg,#2f3848,#1b202a) !important;color: #ffffff !important;}body.theme-dark .btn{border-radius: 7px;box-shadow: 0 8px 18px rgba(0,0,0,0.22);}body.theme-dark .btn:hover,body.theme-dark .action-btn:hover{box-shadow: 0 12px 26px rgba(0,0,0,0.32) !important;}body.theme-dark .form-control,body.theme-dark input,body.theme-dark select,body.theme-dark textarea,body.theme-dark .payment-input,body.theme-dark .pos-search input,body.theme-dark .customer-search input{background: var(--dark-input-bg) !important;border: 1px solid rgba(148,163,184,0.18) !important;border-radius: 8px !important;color: var(--text-color) !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);}body.theme-dark .form-control:focus,body.theme-dark input:focus,body.theme-dark select:focus,body.theme-dark textarea:focus,body.theme-dark .payment-input:focus,body.theme-dark .pos-search input:focus,body.theme-dark .customer-search input:focus{border-color: rgba(139,92,246,0.78) !important;box-shadow: 0 0 0 3px rgba(139,92,246,0.22),inset 0 1px 0 rgba(255,255,255,0.06) !important;}body.theme-dark .form-control::placeholder,body.theme-dark input::placeholder,body.theme-dark textarea::placeholder{color: #7f8ba0;}body.theme-dark select option{background: #151922;color: var(--text-color);}body.theme-dark .quick-link,body.theme-dark .category-btn,body.theme-dark .payment-method,body.theme-dark .pagination a,body.theme-dark .pagination span,body.theme-dark .app-inline-feedback,body.theme-dark .muted-note,body.theme-dark .chip,body.theme-dark .recipient-box,body.theme-dark .inline-form,body.theme-dark .logo-upload-section,body.theme-dark .current-logo,body.theme-dark .line-item.highlight,body.theme-dark .report-card .line-item.highlight,body.theme-dark .support-search-card,body.theme-dark .support-topic-card.active{background: #202633 !important;border-color: rgba(148,163,184,0.18) !important;color: var(--text-color) !important;}body.theme-dark .category-btn:hover,body.theme-dark .payment-method:hover,body.theme-dark .pagination a:hover{background: #263041 !important;border-color: rgba(139,92,246,0.46) !important;color: #ffffff !important;}body.theme-dark .category-btn.active,body.theme-dark .payment-method.active,body.theme-dark .tabs .active,body.theme-dark .tab-button.active{background: linear-gradient(135deg,rgba(124,58,237,0.96),rgba(34,211,238,0.74) ) !important;border-color: rgba(167,139,250,0.72) !important;color: #ffffff !important;}body.theme-dark .table{color: var(--text-color);border-collapse: separate;border-spacing: 0;}body.theme-dark .table th{background: #202633 !important;color: #f3f6fb !important;border-color: rgba(148,163,184,0.16) !important;}body.theme-dark .table td{border-color: rgba(148,163,184,0.12) !important;}body.theme-dark .table tbody tr:hover{background: rgba(148,163,184,0.08) !important;}body.theme-dark .pl-section{border-color: rgba(148,163,184,0.16) !important;}body.theme-dark .pl-section.highlight{background: #202633 !important;}body.theme-dark .pl-section.final,body.theme-dark .balance-hero{background: linear-gradient(135deg,rgba(139,92,246,0.3),rgba(34,211,238,0.12) ),linear-gradient(180deg,#263041,#1a1f28) !important;border-radius: 8px !important;}body.theme-dark .balance-pill{background: rgba(15,23,42,0.42) !important;color: #e7ecf6 !important;border: 1px solid rgba(148,163,184,0.16);border-radius: 999px !important;}body.theme-dark .line-item{border-color: rgba(148,163,184,0.16) !important;}body.theme-dark .line-item.total{border-top-color: rgba(139,92,246,0.42) !important;}body.theme-dark .badge,body.theme-dark .badge-cash,body.theme-dark .badge-paid{background: rgba(34,211,238,0.14) !important;color: #a5f3fc !important;border: 1px solid rgba(34,211,238,0.24);}body.theme-dark .badge-card,body.theme-dark .badge-partial,body.theme-dark .badge-bank_transfer{background: rgba(139,92,246,0.18) !important;color: #ddd6fe !important;border-color: rgba(139,92,246,0.28);}body.theme-dark .badge-mobile,body.theme-dark .badge-pending{background: rgba(251,191,36,0.16) !important;color: #fde68a !important;border-color: rgba(251,191,36,0.28);}body.theme-dark .badge-credit,body.theme-dark .badge-danger{background: rgba(251,113,133,0.18) !important;color: #fda4af !important;border-color: rgba(251,113,133,0.3);}body.theme-dark .alert-success,body.theme-dark .app-inline-feedback-success{background: rgba(52,211,153,0.14) !important;border-color: rgba(52,211,153,0.34) !important;color: #a7f3d0 !important;}body.theme-dark .alert-error,body.theme-dark .app-inline-feedback-error{background: rgba(251,113,133,0.14) !important;border-color: rgba(251,113,133,0.34) !important;color: #fda4af !important;}body.theme-dark .alert-warning,body.theme-dark .app-inline-feedback-warning{background: rgba(251,191,36,0.14) !important;border-color: rgba(251,191,36,0.34) !important;color: #fde68a !important;}body.theme-dark .alert-info,body.theme-dark .app-inline-feedback-info{background: rgba(56,189,248,0.14) !important;border-color: rgba(56,189,248,0.34) !important;color: #bae6fd !important;}body.theme-dark .text-success{color: #86efac !important;}body.theme-dark .text-danger{color: #fda4af !important;}body.theme-dark .text-warning{color: #fde68a !important;}body.theme-dark .text-info{color: #7dd3fc !important;}body.theme-dark canvas{filter: saturate(1.08) contrast(1.02);}body.theme-dark .sidebar-overlay,body.theme-dark .modal{background: rgba(4,8,16,0.78) !important;}body.theme-dark ::selection{background: rgba(139,92,246,0.38);color: #ffffff;}body.theme-dark ::-webkit-scrollbar{width: 11px;height: 11px;}body.theme-dark ::-webkit-scrollbar-track{background: #111620;}body.theme-dark ::-webkit-scrollbar-thumb{background: #334155;border: 2px solid #111620;border-radius: 999px;}body.theme-dark ::-webkit-scrollbar-thumb:hover{background: #475569;}/* ============================================
   MATERIAL DESIGN THEME
   ============================================ */ body.theme-material{color-scheme: light;--theme-canvas: #eef3fb;--theme-surface: #ffffff;--theme-raised: #ffffff;--theme-surface-muted: #f5f7fb;--theme-text: #172033;--theme-text-muted: #526070;--theme-border: #718096;--theme-focus: #1d4ed8;--theme-primary: #1d4ed8;--theme-on-primary: #ffffff;--theme-danger: #b91c1c;--theme-on-danger: #ffffff;--theme-warning: #9a4d00;--theme-on-warning: #ffffff;--theme-success: #166534;--theme-on-success: #ffffff;--theme-disabled-surface: #e2e8f0;--theme-disabled-text: #64748b;--primary-color: var(--theme-primary);--primary-dark: #1d4ed8;--primary-hover: #eaf1ff;--secondary-color: #0f766e;--success-color: var(--theme-success);--danger-color: var(--theme-danger);--warning-color: var(--theme-warning);--info-color: #0369a1;--light-color: #f8fafc;--dark-color: #172033;--body-bg: var(--theme-canvas);--surface-color: var(--theme-surface);--surface-elevated: var(--theme-raised);--surface-muted: var(--theme-surface-muted);--border-color: var(--theme-border);--text-color: var(--theme-text);--text-muted: var(--theme-text-muted);--text-soft: #344256;--border-radius: 8px;--box-shadow: 0 10px 28px rgba(23,32,51,0.08);--box-shadow-lg: 0 16px 36px rgba(23,32,51,0.14);--transition: all 0.22s cubic-bezier(0.2,0,0,1);background: linear-gradient(180deg,#eef3fb 0%,#f8fafc 55%,#ffffff 100%);color: var(--text-color);}body.theme-material .main-content{background: transparent;color: var(--text-color);}body.theme-material .header,body.theme-material .sidebar,body.theme-material .footer,body.theme-material .dashboard-card,body.theme-material .quick-links,body.theme-material .stat-card,body.theme-material .card,body.theme-material .modal-content,body.theme-material .summary-card,body.theme-material .report-card,body.theme-material .filter-bar,body.theme-material .balance-hero,body.theme-material .receipt-template-card,body.theme-material .product-card,body.theme-material .customer-card,body.theme-material .settings-panel,body.theme-material .tab-content,body.theme-material .dropdown-menu,body.theme-material .notification-menu,body.theme-material .user-dropdown-menu,body.theme-material .branch-switcher{background: var(--surface-color) !important;border: 1px solid var(--border-color);box-shadow: var(--box-shadow);color: var(--text-color);}body.theme-material .header{background: rgba(255,255,255,0.96) !important;border-bottom: 1px solid var(--border-color);}body.theme-material .footer{background: #ffffff !important;border-top: 1px solid var(--border-color);color: var(--text-muted);}body.theme-material .sidebar{background: #ffffff !important;}body.theme-material .logo,body.theme-material .user-toggle,body.theme-material .dropdown-item,body.theme-material .nav-link{color: var(--text-soft) !important;}body.theme-material .nav-header,body.theme-material .help-text,body.theme-material .text-muted,body.theme-material .no-data,body.theme-material .stat-info p,body.theme-material .product-code,body.theme-material .product-stock,body.theme-material .sidebar-footer{color: var(--text-muted) !important;}body.theme-material .nav-item.active .nav-link{background: var(--primary-hover) !important;border-left-color: var(--primary-color) !important;color: var(--primary-dark) !important;font-weight: 700;}body.theme-material .page-header h1,body.theme-material .card-title h2,body.theme-material h1,body.theme-material h2,body.theme-material h3,body.theme-material h4,body.theme-material h5,body.theme-material h6{color: var(--text-color) !important;letter-spacing: 0;}body.theme-material .btn,body.theme-material .action-btn,body.theme-material .btn-icon,body.theme-material .quick-link,body.theme-material .product-card,body.theme-material .stat-card{transition: transform 0.18s cubic-bezier(0.2,0,0,1),box-shadow 0.18s cubic-bezier(0.2,0,0,1),background 0.18s;}body.theme-material .btn:hover,body.theme-material .action-btn:hover,body.theme-material .quick-link:hover,body.theme-material .product-card:hover,body.theme-material .stat-card:hover{transform: translateY(-1px);box-shadow: var(--box-shadow-lg) !important;}body.theme-material .btn-primary,body.theme-material .bg-primary,body.theme-material .action-btn.bg-primary{background: var(--primary-color) !important;color: #ffffff !important;border-color: var(--primary-color) !important;}body.theme-material .btn-primary:hover,body.theme-material .action-btn.bg-primary:hover{background: var(--primary-dark) !important;}body.theme-material .btn-secondary,body.theme-material .bg-secondary,body.theme-material .action-btn.bg-secondary{background: #e7edf7 !important;color: #203047 !important;border-color: #c7d2e3 !important;}body.theme-material .btn-success,body.theme-material .bg-success,body.theme-material .action-btn.bg-success{background: var(--success-color) !important;color: #ffffff !important;}body.theme-material .btn-warning,body.theme-material .bg-warning,body.theme-material .action-btn.bg-warning{background: #d97706 !important;color: #ffffff !important;}body.theme-material .btn-danger,body.theme-material .bg-danger,body.theme-material .action-btn.bg-danger{background: var(--danger-color) !important;color: #ffffff !important;}body.theme-material .btn-icon{background: #f8fafc;color: var(--text-soft);border: 1px solid var(--border-color);}body.theme-material .form-control,body.theme-material input,body.theme-material select,body.theme-material textarea{background: #ffffff;border-color: #bfcbe0;border-radius: 6px;color: var(--text-color) !important;}body.theme-material .form-control:focus,body.theme-material input:focus,body.theme-material select:focus,body.theme-material textarea:focus{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(37,99,235,0.16);}body.theme-material input::placeholder,body.theme-material textarea::placeholder{color: #778397;}body.theme-material .table,body.theme-material table{background: #ffffff;color: var(--text-color);}body.theme-material .table th,body.theme-material table th{background: #eaf1ff !important;color: #1e3a8a !important;border-bottom-color: #bfd0f2 !important;}body.theme-material .table td,body.theme-material table td{color: var(--text-color);border-bottom-color: #e3e9f3;}body.theme-material tbody tr:hover{background: #f4f8ff;}body.theme-material .badge,body.theme-material .status-badge{color: #132038;border: 1px solid rgba(23,32,51,0.12);}body.theme-material .alert-success{background: #eaf7ee;color: #14532d;border-color: #bce7c8;}body.theme-material .alert-error,body.theme-material .alert-danger{background: #fdecec;color: #7f1d1d;border-color: #f5b8b8;}body.theme-material .alert-warning{background: #fff7e6;color: #7c3f00;border-color: #f4cf8e;}body.theme-material .alert-info{background: #e8f6fc;color: #075985;border-color: #b7e1f2;}/* ============================================
   MINIMALIST THEME
   ============================================ */ body.theme-minimal{color-scheme: light;--theme-canvas: #f6f8f6;--theme-surface: #ffffff;--theme-raised: #ffffff;--theme-surface-muted: #f0f4f2;--theme-text: #202326;--theme-text-muted: #5c6670;--theme-border: #74827c;--theme-focus: #0b5c55;--theme-primary: #0b5c55;--theme-on-primary: #ffffff;--theme-danger: #b42318;--theme-on-danger: #ffffff;--theme-warning: #8a4b00;--theme-on-warning: #ffffff;--theme-success: #166534;--theme-on-success: #ffffff;--theme-disabled-surface: #e4e9e6;--theme-disabled-text: #66736d;--primary-color: var(--theme-primary);--primary-dark: #0b5c55;--primary-hover: #e6f5f2;--secondary-color: #4b5563;--success-color: var(--theme-success);--danger-color: var(--theme-danger);--warning-color: var(--theme-warning);--info-color: #2f6f8f;--light-color: #f8faf8;--dark-color: #202326;--body-bg: var(--theme-canvas);--surface-color: var(--theme-surface);--surface-elevated: var(--theme-raised);--surface-muted: var(--theme-surface-muted);--border-color: var(--theme-border);--text-color: var(--theme-text);--text-muted: var(--theme-text-muted);--text-soft: #333a41;--border-radius: 6px;--box-shadow: 0 1px 0 rgba(32,35,38,0.08);--box-shadow-lg: 0 8px 20px rgba(32,35,38,0.1);background: var(--body-bg);color: var(--text-color);}body.theme-minimal .header,body.theme-minimal .sidebar,body.theme-minimal .footer,body.theme-minimal .dashboard-card,body.theme-minimal .quick-links,body.theme-minimal .stat-card,body.theme-minimal .card,body.theme-minimal .modal-content,body.theme-minimal .summary-card,body.theme-minimal .report-card,body.theme-minimal .filter-bar,body.theme-minimal .balance-hero,body.theme-minimal .receipt-template-card,body.theme-minimal .product-card,body.theme-minimal .customer-card,body.theme-minimal .settings-panel,body.theme-minimal .tab-content,body.theme-minimal .dropdown-menu,body.theme-minimal .notification-menu,body.theme-minimal .user-dropdown-menu,body.theme-minimal .branch-switcher{background: var(--surface-color) !important;border: 1px solid var(--border-color) !important;box-shadow: var(--box-shadow) !important;color: var(--text-color);}body.theme-minimal .main-content{background: var(--body-bg);color: var(--text-color);}body.theme-minimal .sidebar{background: #ffffff !important;}body.theme-minimal .header{background: #ffffff !important;border-bottom: 1px solid var(--border-color);}body.theme-minimal .footer{background: #ffffff !important;border-top: 1px solid var(--border-color);color: var(--text-muted);}body.theme-minimal .card,body.theme-minimal .dashboard-card,body.theme-minimal .quick-links,body.theme-minimal .summary-card,body.theme-minimal .report-card{padding-top: 22px;padding-bottom: 22px;}body.theme-minimal .page-header h1,body.theme-minimal .card-title h2,body.theme-minimal h1,body.theme-minimal h2,body.theme-minimal h3,body.theme-minimal h4,body.theme-minimal h5,body.theme-minimal h6{color: var(--text-color) !important;font-weight: 600;letter-spacing: 0;}body.theme-minimal .help-text,body.theme-minimal .text-muted,body.theme-minimal .no-data,body.theme-minimal .stat-info p,body.theme-minimal .source-list,body.theme-minimal .product-code,body.theme-minimal .product-stock,body.theme-minimal .sidebar-footer,body.theme-minimal .nav-header{color: var(--text-muted) !important;}body.theme-minimal .logo,body.theme-minimal .user-toggle,body.theme-minimal .dropdown-item,body.theme-minimal .nav-link{color: var(--text-soft) !important;}body.theme-minimal .nav-item.active .nav-link{background: var(--primary-hover) !important;border-left-color: var(--primary-color) !important;color: var(--primary-dark) !important;font-weight: 700;}body.theme-minimal .btn-primary,body.theme-minimal .bg-primary,body.theme-minimal .action-btn.bg-primary{background: var(--primary-color) !important;color: #ffffff !important;border-color: var(--primary-color) !important;}body.theme-minimal .btn-primary:hover,body.theme-minimal .action-btn.bg-primary:hover{background: var(--primary-dark) !important;}body.theme-minimal .btn-secondary,body.theme-minimal .bg-secondary,body.theme-minimal .action-btn.bg-secondary{background: #eef2f0 !important;color: var(--text-color) !important;border-color: var(--border-color) !important;}body.theme-minimal .btn-success,body.theme-minimal .bg-success,body.theme-minimal .action-btn.bg-success{background: var(--success-color) !important;color: #ffffff !important;}body.theme-minimal .btn-warning,body.theme-minimal .bg-warning,body.theme-minimal .action-btn.bg-warning{background: #b7791f !important;color: #ffffff !important;}body.theme-minimal .btn-danger,body.theme-minimal .bg-danger,body.theme-minimal .action-btn.bg-danger{background: var(--danger-color) !important;color: #ffffff !important;}body.theme-minimal .btn-icon{background: #ffffff;color: var(--text-soft);border: 1px solid var(--border-color);}body.theme-minimal .form-control,body.theme-minimal input,body.theme-minimal select,body.theme-minimal textarea{background: #ffffff !important;border-color: #bfcbc6 !important;color: var(--text-color) !important;}body.theme-minimal .form-control:focus,body.theme-minimal input:focus,body.theme-minimal select:focus,body.theme-minimal textarea:focus{border-color: var(--primary-color) !important;box-shadow: 0 0 0 3px rgba(15,118,110,0.14) !important;}body.theme-minimal input::placeholder,body.theme-minimal textarea::placeholder{color: #77827b;}body.theme-minimal .table th,body.theme-minimal table th{background: #eef5f2 !important;color: #183b36 !important;border-bottom-color: #bed1cb !important;}body.theme-minimal .table,body.theme-minimal table{background: #ffffff;color: var(--text-color);}body.theme-minimal .table td,body.theme-minimal table td{color: var(--text-color);border-bottom-color: #e1e7e4;}body.theme-minimal tbody tr:hover{background: #f3f8f6;}body.theme-minimal .badge,body.theme-minimal .status-badge{color: var(--text-color);border: 1px solid rgba(32,35,38,0.12);}body.theme-minimal .alert-success{background: #eaf7ee;color: #14532d;border-color: #bce7c8;}body.theme-minimal .alert-error,body.theme-minimal .alert-danger{background: #fdecec;color: #7f1d1d;border-color: #f5b8b8;}body.theme-minimal .alert-warning{background: #fff7e6;color: #754400;border-color: #e8c178;}body.theme-minimal .alert-info{background: #eaf6fa;color: #21516b;border-color: #bfe0ea;}/* ============================================
   MODERN REFERENCE THEMES
   ============================================ */ body.theme-modern-1{color-scheme: light;--theme-canvas: #f4f1fa;--theme-surface: #ffffff;--theme-raised: #ffffff;--theme-surface-muted: #f7f4fc;--theme-text: #162033;--theme-text-muted: #5f6b7a;--theme-border: #7b7189;--theme-focus: #5f25a5;--theme-primary: #5f25a5;--theme-on-primary: #ffffff;--theme-danger: #b4233d;--theme-on-danger: #ffffff;--theme-warning: #8a4b00;--theme-on-warning: #ffffff;--theme-success: #0f6b42;--theme-on-success: #ffffff;--theme-disabled-surface: #e8e2ef;--theme-disabled-text: #6c6475;--primary-color: var(--theme-primary);--primary-dark: #5f25a5;--primary-hover: #f0e8ff;--secondary-color: #10c9be;--success-color: var(--theme-success);--danger-color: var(--theme-danger);--warning-color: var(--theme-warning);--info-color: #0a8ebc;--body-bg: var(--theme-canvas);--surface-color: var(--theme-surface);--surface-elevated: var(--theme-raised);--surface-muted: var(--theme-surface-muted);--border-color: var(--theme-border);--text-color: var(--theme-text);--text-muted: var(--theme-text-muted);--text-soft: #3e4859;--box-shadow: 0 16px 34px rgba(89,44,137,0.13);--box-shadow-lg: 0 22px 50px rgba(89,44,137,0.2);background: radial-gradient(circle at 15% 0%,rgba(172,104,255,0.34),transparent 26rem ),radial-gradient(circle at 100% 8%,rgba(255,255,255,0.78),transparent 20rem ),linear-gradient(135deg,#7c3ac8 0%,#eee7ff 24%,#f7f5fb 100%);color: var(--text-color);}body.theme-modern-2{color-scheme: dark;--theme-canvas: #1f2430;--theme-surface: #242b39;--theme-raised: #2c3444;--theme-surface-muted: #202632;--theme-text: #f8fafc;--theme-text-muted: #b7c0ce;--theme-border: #75839a;--theme-focus: #c4b5fd;--theme-primary: #4f46e5;--theme-on-primary: #ffffff;--theme-danger: #be123c;--theme-on-danger: #ffffff;--theme-warning: #fbbf24;--theme-on-warning: #111827;--theme-success: #34d399;--theme-on-success: #08111a;--theme-disabled-surface: #303849;--theme-disabled-text: #a0aabd;--primary-color: var(--theme-primary);--primary-dark: #8b8cf8;--primary-hover: rgba(91,92,226,0.18);--secondary-color: #349cf4;--success-color: var(--theme-success);--danger-color: var(--theme-danger);--warning-color: var(--theme-warning);--info-color: #38bdf8;--body-bg: var(--theme-canvas);--surface-color: var(--theme-surface);--surface-elevated: var(--theme-raised);--surface-muted: var(--theme-surface-muted);--border-color: var(--theme-border);--text-color: var(--theme-text);--text-muted: var(--theme-text-muted);--text-soft: #d8dee9;--box-shadow: 0 18px 44px rgba(0,0,0,0.32);--box-shadow-lg: 0 24px 56px rgba(0,0,0,0.42);background: #1f2430;color: var(--text-color);}body.theme-modern-3{color-scheme: light;--theme-canvas: #eef1f7;--theme-surface: #ffffff;--theme-raised: #ffffff;--theme-surface-muted: #e4e8f1;--theme-text: #1f2633;--theme-text-muted: #5b667a;--theme-border: #74839b;--theme-focus: #1d4ed8;--theme-primary: #2552b6;--theme-on-primary: #ffffff;--theme-danger: #b4233d;--theme-on-danger: #ffffff;--theme-warning: #8a4b00;--theme-on-warning: #ffffff;--theme-success: #166534;--theme-on-success: #ffffff;--theme-disabled-surface: #e0e5ee;--theme-disabled-text: #667085;--primary-color: var(--theme-primary);--primary-dark: #2552b6;--primary-hover: #e8f0ff;--secondary-color: #64748b;--success-color: var(--theme-success);--danger-color: var(--theme-danger);--warning-color: var(--theme-warning);--info-color: #246ead;--body-bg: var(--theme-canvas);--surface-color: var(--theme-surface);--surface-elevated: var(--theme-raised);--surface-muted: var(--theme-surface-muted);--border-color: var(--theme-border);--text-color: var(--theme-text);--text-muted: var(--theme-text-muted);--text-soft: #3f4a5f;--box-shadow: 0 16px 34px rgba(37,82,182,0.11);--box-shadow-lg: 0 22px 46px rgba(37,82,182,0.17);background: #eef1f7;color: var(--text-color);}body.theme-modern-1 .main-content,body.theme-modern-3 .main-content{background: transparent;}body.theme-modern-2 .main-content,body.theme-modern-2.pos-body,body.theme-modern-2 .pos-products{background: var(--body-bg) !important;color: var(--text-color);}body.theme-modern-1 .header,body.theme-modern-1 .footer,body.theme-modern-1 .dashboard-card,body.theme-modern-1 .quick-links,body.theme-modern-1 .stat-card,body.theme-modern-1 .card,body.theme-modern-1 .modal-content,body.theme-modern-1 .summary-card,body.theme-modern-1 .report-card,body.theme-modern-1 .filter-bar,body.theme-modern-1 .balance-hero,body.theme-modern-1 .receipt-template-card,body.theme-modern-1 .product-card,body.theme-modern-1 .customer-card,body.theme-modern-1 .settings-panel,body.theme-modern-1 .tab-content,body.theme-modern-1 .dropdown-menu,body.theme-modern-1 .notification-menu,body.theme-modern-1 .user-dropdown-menu,body.theme-modern-1 .branch-switcher,body.theme-modern-2 .header,body.theme-modern-2 .footer,body.theme-modern-2 .dashboard-card,body.theme-modern-2 .quick-links,body.theme-modern-2 .stat-card,body.theme-modern-2 .card,body.theme-modern-2 .modal-content,body.theme-modern-2 .summary-card,body.theme-modern-2 .report-card,body.theme-modern-2 .filter-bar,body.theme-modern-2 .balance-hero,body.theme-modern-2 .receipt-template-card,body.theme-modern-2 .product-card,body.theme-modern-2 .customer-card,body.theme-modern-2 .settings-panel,body.theme-modern-2 .tab-content,body.theme-modern-2 .dropdown-menu,body.theme-modern-2 .notification-menu,body.theme-modern-2 .user-dropdown-menu,body.theme-modern-2 .branch-switcher,body.theme-modern-3 .header,body.theme-modern-3 .footer,body.theme-modern-3 .dashboard-card,body.theme-modern-3 .quick-links,body.theme-modern-3 .stat-card,body.theme-modern-3 .card,body.theme-modern-3 .modal-content,body.theme-modern-3 .summary-card,body.theme-modern-3 .report-card,body.theme-modern-3 .filter-bar,body.theme-modern-3 .balance-hero,body.theme-modern-3 .receipt-template-card,body.theme-modern-3 .product-card,body.theme-modern-3 .customer-card,body.theme-modern-3 .settings-panel,body.theme-modern-3 .tab-content,body.theme-modern-3 .dropdown-menu,body.theme-modern-3 .notification-menu,body.theme-modern-3 .user-dropdown-menu,body.theme-modern-3 .branch-switcher{background: var(--surface-color) !important;border-color: var(--border-color) !important;color: var(--text-color) !important;box-shadow: var(--box-shadow);}body.theme-modern-1 .header{border-bottom: 5px solid var(--secondary-color);}body.theme-modern-1 .sidebar{background: linear-gradient(180deg,#7c3ac8 0%,#5f25a5 100%) !important;box-shadow: 18px 0 40px rgba(95,37,165,0.24);}body.theme-modern-2 .header,body.theme-modern-2 .sidebar,body.theme-modern-2 .footer{background: #1f2430 !important;border-color: var(--border-color) !important;}body.theme-modern-2 .sidebar{box-shadow: 18px 0 38px rgba(0,0,0,0.3);}body.theme-modern-3 .sidebar{background: linear-gradient(180deg,#3468d8 0%,#2e62cb 100%) !important;box-shadow: 18px 0 38px rgba(37,82,182,0.18);}body.theme-modern-1 .logo,body.theme-modern-1 .nav-link,body.theme-modern-1 .nav-header,body.theme-modern-1 .sidebar-footer,body.theme-modern-3 .logo,body.theme-modern-3 .nav-link,body.theme-modern-3 .nav-header,body.theme-modern-3 .sidebar-footer{color: rgba(255,255,255,0.88) !important;}body.theme-modern-1 .nav-link i,body.theme-modern-3 .nav-link i{color: rgba(255,255,255,0.9) !important;}body.theme-modern-1 .nav-link:hover,body.theme-modern-1 .nav-item.active .nav-link,body.theme-modern-3 .nav-link:hover,body.theme-modern-3 .nav-item.active .nav-link{background: rgba(255,255,255,0.18) !important;color: #ffffff !important;border-left-color: #ffffff !important;}body.theme-modern-2 .logo,body.theme-modern-2 .nav-link,body.theme-modern-2 .nav-header,body.theme-modern-2 .sidebar-footer{color: var(--text-soft) !important;}body.theme-modern-2 .nav-link:hover,body.theme-modern-2 .nav-item.active .nav-link{background: rgba(91,92,226,0.18) !important;color: #ffffff !important;border-left-color: var(--primary-color) !important;}body.theme-modern-1 .page-header{background: linear-gradient(90deg,#10c9be,#0db7af);color: #ffffff;padding: 18px 22px;border-radius: 8px;box-shadow: var(--box-shadow);}body.theme-modern-1 .page-header h1,body.theme-modern-1 .page-header h1 i,body.theme-modern-1 .page-header label,body.theme-modern-1 .page-header p{color: #ffffff !important;}body.theme-modern-2 .page-header h1,body.theme-modern-2 .page-header h1 i,body.theme-modern-2 .page-header label,body.theme-modern-2 .card-title h2,body.theme-modern-2 .card-header h3,body.theme-modern-2 .quick-links h3,body.theme-modern-2 .stat-info h3,body.theme-modern-2 .form-group label,body.theme-modern-2 h1,body.theme-modern-2 h2,body.theme-modern-2 h3,body.theme-modern-2 h4,body.theme-modern-2 h5,body.theme-modern-2 h6{color: var(--text-color) !important;}body.theme-modern-2 :where(.btn-primary,.action-btn.btn-primary,.bg-primary),body.theme-modern-2 :where(.btn-primary,.action-btn.btn-primary,.bg-primary) :where(span,i),body.theme-modern-2 .page-header :where(h1,h2,h3,p,label,i){color: var(--theme-on-primary) !important;}body.theme-modern-2 .user-toggle :where(.user-name,.user-role){color: var(--text-soft) !important;}body.theme-modern-2 .nav-link.text-danger :where(span,i){color: #ffffff !important;}body.theme-modern-2 :where(.btn-link,.help-text a,.footer-content a){color: #c4b5fd !important;}body.theme-modern-2 .help-text,body.theme-modern-2 .text-muted,body.theme-modern-2 .no-data,body.theme-modern-2 .stat-info p,body.theme-modern-2 .product-code,body.theme-modern-2 .product-stock,body.theme-modern-2 .notification-content .time{color: var(--text-muted) !important;}body.theme-modern-1 .form-control,body.theme-modern-1 input,body.theme-modern-1 select,body.theme-modern-1 textarea,body.theme-modern-2 .form-control,body.theme-modern-2 input,body.theme-modern-2 select,body.theme-modern-2 textarea,body.theme-modern-3 .form-control,body.theme-modern-3 input,body.theme-modern-3 select,body.theme-modern-3 textarea{background: var(--surface-elevated) !important;border-color: var(--border-color) !important;color: var(--text-color) !important;}body.theme-modern-2 select option{background: var(--surface-color);color: var(--text-color);}body.theme-modern-1 .table th,body.theme-modern-2 .table th,body.theme-modern-3 .table th{background: var(--surface-muted) !important;color: var(--text-color) !important;border-color: var(--border-color) !important;}body.theme-modern-1 .table td,body.theme-modern-2 .table td,body.theme-modern-3 .table td{color: var(--text-color) !important;border-color: var(--border-color) !important;}body.theme-modern-1 .bg-primary,body.theme-modern-1 .btn-primary,body.theme-modern-1 .action-btn.bg-primary{background: linear-gradient(135deg,#7c3ac8,#10c9be) !important;color: #ffffff !important;}body.theme-modern-2 .bg-primary,body.theme-modern-2 .btn-primary,body.theme-modern-2 .action-btn.bg-primary{background: linear-gradient(135deg,#4338ca,#1d4ed8) !important;color: #ffffff !important;}body.theme-modern-3 .bg-primary,body.theme-modern-3 .btn-primary,body.theme-modern-3 .action-btn.bg-primary{background: linear-gradient(135deg,#3468d8,#2552b6) !important;color: #ffffff !important;}body.theme-modern-1 .btn-secondary,body.theme-modern-3 .btn-secondary{background: var(--surface-muted) !important;color: var(--text-color) !important;border-color: var(--border-color) !important;}body.theme-modern-2 .btn-secondary{background: #303849 !important;color: var(--text-color) !important;border-color: var(--border-color) !important;}body.theme-modern-2 .app-inline-feedback,body.theme-modern-2 .muted-note,body.theme-modern-2 .chip,body.theme-modern-2 .recipient-box,body.theme-modern-2 .inline-form,body.theme-modern-2 .logo-upload-section,body.theme-modern-2 .current-logo{background: var(--surface-muted) !important;border-color: var(--border-color) !important;color: var(--text-color) !important;}body.theme-modern-2 .alert-success,body.theme-modern-2 .app-inline-feedback-success{background: rgba(61,187,114,0.16) !important;border-color: rgba(61,187,114,0.36) !important;color: #bff4d4 !important;}body.theme-modern-2 .alert-error,body.theme-modern-2 .alert-danger,body.theme-modern-2 .app-inline-feedback-error{background: rgba(223,92,92,0.16) !important;border-color: rgba(223,92,92,0.36) !important;color: #ffcaca !important;}body.theme-modern-2 .alert-warning,body.theme-modern-2 .app-inline-feedback-warning{background: rgba(240,179,35,0.16) !important;border-color: rgba(240,179,35,0.36) !important;color: #ffe7a6 !important;}body.theme-modern-2 .alert-info,body.theme-modern-2 .app-inline-feedback-info{background: rgba(56,189,248,0.16) !important;border-color: rgba(56,189,248,0.36) !important;color: #bae6fd !important;}.fas{font-style: normal;line-height: 1;}.fa-cog::before{content: '\2699';}.fa-store::before{content: '\1F3EC';}.fa-palette::before{content: '\25D0';}.fa-check::before{content: '\2713';}.fa-database::before{content: '\25A3';}.fa-paper-plane::before{content: '\27A4';}.fa-money-bill-wave::before{content: '\1F4B5';}.fa-building-columns::before{content: '\25A5';}.fa-warehouse::before{content: '\2302';}.fa-undo-alt::before,.fa-rotate-left::before{content: '\21BA';}.fa-comment-sms::before{content: '\2709';}.fa-receipt::before{content: '\2630';}.fa-save::before{content: '\2714';}.fa-upload::before{content: '\21E7';}.fa-mobile-screen-button::before{content: '\25AF';}.fa-code-branch::before{content: '\2387';}.fa-triangle-exclamation::before{content: '\26A0';}.fa-wifi::before{content: '\25C9';}.offline-status-chip{display: inline-flex;align-items: center;gap: 8px;min-height: 34px;padding: 6px 10px;border: 1px solid #d1d5db;border-radius: 8px;background: #ffffff;color: #374151;text-decoration: none;font-size: 0.85rem;font-weight: 600;white-space: nowrap;}.offline-status-chip:hover{color: #111827;border-color: #9ca3af;}.offline-badge-online,.offline-badge-offline,.offline-badge-pending{display: inline-flex;align-items: center;border-radius: 999px;padding: 3px 8px;font-size: 0.78rem;line-height: 1;}.offline-badge-online{background: #dcfce7;color: #166534;}.offline-badge-offline{background: #fee2e2;color: #991b1b;}.offline-badge-pending{background: #fef3c7;color: #92400e;}.offline-disabled{opacity: 0.5;cursor: not-allowed !important;}.offline-out-of-stock{opacity: 0.55;}.offline-sync-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 16px;margin-bottom: 20px;}.offline-sync-card{background: #ffffff;border: 1px solid #e5e7eb;border-radius: 8px;padding: 16px;}.offline-sync-card small{display: block;color: #6b7280;margin-bottom: 6px;}.offline-sync-card strong{color: #111827;font-size: 1.4rem;}.offline-sync-actions{display: flex;flex-wrap: wrap;gap: 10px;margin: 16px 0 20px;}.offline-records-panel[hidden]{display: none;}.system-update-overlay{position: fixed;z-index: 5000;inset: 0;padding: 24px;display: grid;place-items: center;background: rgba(8,22,28,0.78);backdrop-filter: blur(10px);}.system-update-dialog{width: min(720px,100%);max-height: min(760px,calc(100dvh - 32px));overflow: auto;padding: clamp(22px,4vw,38px);border: 1px solid rgba(255,255,255,0.3);border-radius: 24px;background: #fff;color: #17202a;box-shadow: 0 35px 90px rgba(0,0,0,0.38);}.system-update-topline,.system-update-actions{display: flex;align-items: center;justify-content: space-between;gap: 16px;}.system-update-topline{color: #667085;font-size: 0.82rem;font-weight: 800;}.system-update-topline>div{display: flex;align-items: center;flex-wrap: wrap;gap: 8px 12px;}.system-update-version{color: #17202a;font-size: 0.9rem;}.system-update-release-name{padding: 5px 9px;border-radius: 999px;background: #eef4ff;color: #3538cd;}.system-update-progress{white-space: nowrap;}.system-update-track{height: 5px;margin-top: 16px;overflow: hidden;border-radius: 999px;background: #edf0f4;}.system-update-track span{display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg,#0f766e,#4f46e5);transition: width 0.24s ease;}.system-update-card{padding: 28px 0 22px;}.system-update-card[hidden]{display: none;}.system-update-icon{width: 64px;height: 64px;margin-bottom: 22px;display: grid;place-items: center;border-radius: 19px;font-size: 1.65rem;}.system-update-icon.is-search{background: #eef4ff;color: #3538cd;}.system-update-icon.is-commerce{background: #ecfdf3;color: #067647;}.system-update-icon.is-security{background: #e9f2ff;color: #175cd3;}.system-update-icon.is-training{background: #fff4e8;color: #b54708;}.system-update-kicker{color: #0f766e;font-weight: 900;font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.08em;}.system-update-card h2{margin: 8px 0 12px;font-size: clamp(1.65rem,4vw,2.3rem);line-height: 1.08;}.system-update-card h2:focus{outline: none;}.system-update-card p{color: #556070;font-size: 1rem;}.system-update-card ul{margin: 20px 0 0;padding-left: 21px;color: #344054;}.system-update-card li + li{margin-top: 8px;}.system-update-meta{display: flex;justify-content: space-between;gap: 12px;flex-wrap: wrap;padding: 13px 0 18px;color: #667085;font-size: 0.86rem;}.system-update-meta span,.system-update-meta a{display: inline-flex;align-items: center;gap: 7px;}.system-update-meta a{color: #0f766e;font-weight: 800;}.system-update-actions{padding-top: 20px;border-top: 1px solid #e4e7ec;}.system-update-actions [hidden]{display: none !important;}@media (max-width: 560px){.system-update-overlay{padding: 10px;align-items: end;}.system-update-dialog{max-height: calc(100dvh - 20px);padding: 22px;border-radius: 22px 22px 12px 12px;}.system-update-card{padding-block: 24px 18px;}.system-update-meta{flex-direction: column;}.system-update-actions .btn{min-height: 44px;}}/* Mobile staff workspace refinements */ @media (max-width: 600px){.header{padding: 0 8px;gap: 4px;}.header-left{flex: 0 0 auto;gap: 2px;}.sidebar-toggle{width: 44px;height: 44px;padding: 0;}.logo{gap: 0;}.logo .company-logo{width: 34px;height: 34px;padding: 2px;border-radius: 8px;}.logo span,.header-actions>.btn span,.header-actions .offline-status-chip span,.user-toggle>.fa-chevron-down{display: none !important;}.header-right{flex: 1 1 auto;min-width: 0;}.header-actions{width: 100%;gap: 4px;}.header-actions>.btn,.header-actions .offline-status-chip,.header-actions .btn-icon,.header-actions .user-toggle{width: 40px;min-width: 40px;height: 40px;min-height: 40px;padding: 0;justify-content: center;border-radius: 8px;}.user-avatar{width: 34px;height: 34px;}.main-content{padding: 12px;}.page-header{margin-bottom: 14px;}.page-header h1{font-size: 1.28rem;line-height: 1.2;}.dashboard-page .quick-actions,.dashboard-page .stats-grid,.reports-page .stats-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;}.dashboard-page .action-btn{min-height: 88px;padding: 10px 8px;gap: 5px;font-size: 0.86rem;line-height: 1.22;}.dashboard-page .action-btn i{font-size: 1.45rem;}.dashboard-page .stat-card,.reports-page .stat-card{min-height: 82px;padding: 10px;gap: 8px;}.dashboard-page .stat-icon,.reports-page .stat-icon{width: 40px;height: 40px;flex: 0 0 40px;font-size: 1rem;}.dashboard-page .stat-info h3,.reports-page .stat-info h3{font-size: 1.04rem;line-height: 1.15;}.dashboard-page .stat-info p,.reports-page .stat-info p{font-size: 0.76rem;line-height: 1.25;}.dashboard-page .dashboard-card .card-body{padding: 10px;}.dashboard-page .dashboard-card .table{min-width: 540px;}.report-filter-card .card-title,.report-filter-card .card-content{padding: 12px;}.report-filter-card .card-title h2{font-size: 1.08rem;}.report-filter-form .form-row{display: grid;gap: 10px;margin-bottom: 10px;}.report-filter-form .form-group{margin-bottom: 0;}.report-period-row,.report-dimension-row{grid-template-columns: repeat(2,minmax(0,1fr)) !important;}.report-period-row .form-group:first-child{grid-column: 1 / -1;}.report-filter-form label{font-size: 0.82rem;}.report-filter-form .form-control{min-height: 44px;padding: 9px 10px;font-size: 16px;}.report-filter-form .form-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px;}.report-filter-form .form-actions .btn{width: 100%;min-height: 44px;justify-content: center;padding: 8px;}.reports-page .dashboard-grid{gap: 12px;}.reports-page .dashboard-card .card-body{padding: 10px;}.reports-page .dashboard-card .table{min-width: 340px;font-size: 0.78rem;}.reports-page .table-responsive .table{min-width: 620px;}.reports-page .card[style*='margin-top']{margin-top: 14px !important;}.app-toast-stack{left: 12px;right: 12px;bottom: 76px;width: auto;gap: 6px;}.app-toast{padding: 11px 13px;}}/* System-wide mobile workspace: shared staff pages, forms, tables and dialogs. */ @media (max-width: 600px){html{-webkit-text-size-adjust: 100%;}body.staff-shell{overflow-x: hidden;}.staff-shell .main-content,.staff-shell .page-header,.staff-shell .card,.staff-shell .dashboard-card,.staff-shell .card-title,.staff-shell .card-header,.staff-shell .card-content,.staff-shell .card-body,.staff-shell .form-row,.staff-shell .form-group{min-width: 0;max-width: 100%;}.staff-shell .page-header{display: block;}.staff-shell .page-header h1{width: 100%;align-items: flex-start;gap: 8px;overflow-wrap: anywhere;}.staff-shell .page-header h1 i{width: 1.2em;min-width: 1.2em;height: 1.2em;display: inline-grid;place-items: center;line-height: 1.2;}.staff-shell .page-header p{margin-top: 4px;line-height: 1.45;}.staff-shell .card-title,.staff-shell .card-header{gap: 10px;}.staff-shell .card-title[style*='display: flex']{flex-direction: column;align-items: stretch !important;}.staff-shell .card-title>div[style*='display: flex'],.staff-shell .card-header>div[style*='display: flex']{width: 100%;min-width: 0;flex-wrap: wrap;}.staff-shell .card-title form[style*='display: flex'],.staff-shell .card-header form[style*='display: flex']{min-width: min(100%,190px);flex: 1 1 190px;display: grid !important;grid-template-columns: minmax(0,1fr) 44px;gap: 8px !important;}.staff-shell .card-title form .form-control,.staff-shell .card-header form .form-control{width: 100% !important;}.staff-shell .card-title>div>.btn,.staff-shell .card-header>div>.btn{flex: 1 1 125px;}.staff-shell .card-title h2,.staff-shell .card-title h3,.staff-shell .card-header h2,.staff-shell .card-header h3{line-height: 1.3;overflow-wrap: anywhere;}.staff-shell .main-content .form-control,.staff-shell .main-content input:not([type='hidden']):not([type='checkbox']):not([type='radio'] ):not([type='file']),.staff-shell .main-content select,.staff-shell .main-content textarea{min-height: 44px;font-size: 16px;}.staff-shell .main-content input[type='checkbox'],.staff-shell .main-content input[type='radio']{width: 20px;min-width: 20px;height: 20px;min-height: 20px;}.staff-shell .main-content .btn{min-height: 44px;white-space: normal;line-height: 1.25;text-align: center;}.staff-shell .main-content .btn-icon{width: 44px;min-width: 44px;height: 44px;min-height: 44px;padding: 0;flex: 0 0 44px;}.staff-shell .form-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px;margin-top: 18px;}.staff-shell .form-actions>.btn,.staff-shell .form-actions>button,.staff-shell .form-actions>a{width: 100%;justify-content: center;}.staff-shell .form-actions>:only-child{grid-column: 1 / -1;}.staff-shell .category-filter{width: 100%;max-width: 100%;padding-bottom: 5px;display: flex;gap: 8px;overflow-x: auto;overscroll-behavior-inline: contain;scrollbar-width: thin;}.staff-shell .category-filter .category-btn{min-width: max-content;min-height: 40px;padding: 9px 12px;display: inline-flex;align-items: center;gap: 5px;border: 1px solid var(--border-color);border-radius: 999px;white-space: nowrap;}.staff-shell .card-content,.staff-shell .card-body,.staff-shell .table-responsive{overflow-x: auto;overscroll-behavior-inline: contain;-webkit-overflow-scrolling: touch;scrollbar-width: thin;}.staff-shell .card-content>.table,.staff-shell .card-body>.table,.staff-shell .table-responsive .table{width: max-content;min-width: 100%;max-width: none;table-layout: auto;}.staff-shell .table th,.staff-shell .table td{min-width: 72px;padding: 9px 10px;overflow-wrap: normal;word-break: normal;vertical-align: middle;}.staff-shell .table th{white-space: nowrap;}.staff-shell .table th:last-child,.staff-shell .table td:last-child{min-width: 108px;}.staff-shell .table td .badge,.staff-shell .table td .btn{white-space: nowrap;}.staff-shell .stats-grid,.staff-shell .quick-actions{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;}.staff-shell .stat-card{min-height: 82px;padding: 10px;gap: 8px;}.staff-shell .stat-icon{width: 40px;height: 40px;flex: 0 0 40px;font-size: 1rem;}.staff-shell .stat-info{min-width: 0;}.staff-shell .stat-info h3{font-size: 1.04rem;line-height: 1.15;overflow-wrap: anywhere;}.staff-shell .stat-info p{font-size: 0.76rem;line-height: 1.25;}.staff-shell .quick-actions .action-btn{min-height: 82px;padding: 10px 8px;font-size: 0.86rem;line-height: 1.22;}.staff-shell .pagination a,.staff-shell .pagination span{min-width: 40px;min-height: 40px;padding: 8px 10px;display: inline-grid;place-items: center;}.staff-shell details>summary{min-height: 44px;display: flex;align-items: center;cursor: pointer;}.staff-shell pre,.staff-shell code{max-width: 100%;overflow-x: auto;}.staff-shell .modal{padding-top: 12px;align-items: flex-end;}.staff-shell .modal-content{width: 100%;max-width: 100%;max-height: calc(100dvh - 12px);margin: 0;display: flex;flex-direction: column;overflow: hidden;border-radius: 20px 20px 0 0;}.staff-shell .modal-header{flex: 0 0 auto;padding: 14px 16px;}.staff-shell .modal-body{flex: 1 1 auto;min-height: 0;padding: 16px;overflow: auto;}.staff-shell .modal-footer{flex: 0 0 auto;padding: 12px 16px calc(12px + env(safe-area-inset-bottom));display: grid;grid-template-columns: repeat(2,minmax(0,1fr));}.staff-shell .modal-footer .btn{width: 100%;justify-content: center;}.staff-shell .modal-close{width: 44px;min-width: 44px;height: 44px;padding: 0;display: grid;place-items: center;}}@media (max-width: 420px){.staff-shell .card-title,.staff-shell .card-header,.staff-shell .card-content,.staff-shell .card-body{padding-left: 12px;padding-right: 12px;}.staff-shell .form-actions .btn{padding-left: 8px;padding-right: 8px;}}@media (max-width: 600px){.receipt-page .receipt-page-wrap{max-width: 100%;padding-left: 10px;padding-right: 10px;}.receipt-page .btn{min-height: 44px;white-space: normal;justify-content: center;}.receipt-page .receipt-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px;}.receipt-page .receipt-actions .btn{width: 100%;}.receipt-page .email-section{padding: 16px !important;}.receipt-page .email-section form{display: grid !important;grid-template-columns: 1fr;}.receipt-page .email-section input{width: 100%;min-width: 0 !important;min-height: 44px;font-size: 16px !important;}.receipt-page .receipt-selection-toolbar{padding: 18px !important;border-radius: 18px !important;}}/* ============================================
   PRINT STYLES
   ============================================ */ @media print{body{background: #ffffff !important;color: #000000 !important;}.header,.sidebar,.footer,.btn,.action-btn{display: none !important;}.main-content{margin-left: 0;margin-top: 0;width: 100%;max-width: 100%;}}/* Exact product-combination editor */ .product-variant-builder .variant-presets{display: flex;flex-wrap: wrap;gap: 8px;margin: 16px 0;padding: 14px;border: 1px solid var(--border-color,#d8dee8);border-radius: 8px;}.product-variant-builder .variant-presets legend{padding: 0 6px;font-weight: 700;}.variant-attribute-card{margin-bottom: 12px;padding: 14px;border: 1px solid var(--border-color,#d8dee8);border-left: 4px solid var(--primary-color,#2563eb);border-radius: 8px;background: var(--card-bg,#fff);}.variant-values-group{flex: 2 1 320px;}.variant-shared-images{display: grid;gap: 8px;margin: 12px 0;padding: 12px;border-radius: 8px;background: var(--body-bg,#f6f8fb);}.variant-quantity-determiner{max-width: 560px;padding: 12px;border: 1px solid var(--border-color,#d8dee8);border-radius: 8px;background: var(--body-bg,#f6f8fb);}.variant-quantity-allocations{border: 1px solid color-mix(in srgb,var(--primary-color,#2563eb) 30%,transparent);}.variant-quantity-allocations .form-row{margin-top: 4px;}.variant-quantity-allocations .form-group{min-width: 140px;margin-bottom: 0;}.variant-quantity-allocations .variant-stock-pool{flex: 1 1 280px;padding: 10px;border: 1px solid var(--border-color,#d8dee8);border-radius: 7px;background: var(--card-bg,#fff);}.variant-stock-pool>strong{display: block;margin-bottom: 6px;}.variant-stock-pool-fields{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px;}.variant-stock-pool-fields label{min-width: 0;margin: 0;font-size: 0.78rem;}.variant-quantity-allocations .form-control{margin-top: 5px;}.variant-shared-image-row{display: grid;grid-template-columns: minmax(110px,0.55fr) minmax(150px,1fr) minmax(190px,1.4fr );align-items: center;gap: 10px;margin: 0;}.variant-shared-image-row .form-control{margin: 0;}.variant-shared-image-swatch::before{content: '';display: inline-block;width: 16px;height: 16px;margin-right: 7px;border: 1px solid rgba(0,0,0,0.22);border-radius: 50%;vertical-align: -3px;background: var(--variant-swatch);}.form-group.has-error .form-control,.form-control[aria-invalid='true']{border-color: #b42318;box-shadow: 0 0 0 3px rgba(180,35,24,0.14);}.product-form-attention{border: 2px solid #b42318 !important;background: rgba(254,243,242,0.55) !important;}.product-form-stepper{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px;margin-bottom: 16px;}.product-form-stepper button{min-height: 52px;padding: 9px 12px;border: 1px solid var(--border-color,#d7dee8);border-radius: 8px;background: var(--card-bg,#fff);color: var(--text-color,#334155);cursor: pointer;font: inherit;font-weight: 600;text-align: left;}.product-form-stepper button span{display: inline-grid;width: 26px;height: 26px;margin-right: 6px;place-items: center;border-radius: 50%;background: #e2e8f0;color: #334155;}.product-form-stepper button.is-active{border-color: var(--primary-color,#2563eb);background: rgba(37,99,235,0.08);color: var(--primary-color,#1d4ed8);}.product-form-stepper button.is-active span,.product-form-stepper button.is-complete span{background: var(--primary-color,#2563eb);color: #fff;}.product-form-templates{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-bottom: 18px;padding: 10px 12px;border: 1px solid var(--border-color,#d7dee8);border-radius: 8px;background: #f8fafc;}.product-form-templates [data-product-draft-status]{margin-left: auto;}.product-form-step[hidden]{display: none !important;}.product-form-step-heading{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;margin: 0 0 18px;padding-bottom: 12px;border-bottom: 1px solid var(--border-color,#e2e8f0);}.product-form-step-heading span{color: var(--primary-color,#2563eb);font-size: 0.78rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;}.product-form-step-heading h3{margin: 3px 0 0;}.product-form-step-heading p{max-width: 520px;margin: 0;color: var(--muted-text,#64748b);}.product-form-wizard-actions{position: sticky;z-index: 20;bottom: 0;margin: 18px -20px -20px;padding: 12px 20px;border-top: 1px solid var(--border-color,#d7dee8);background: rgba(255,255,255,0.96);box-shadow: 0 -8px 20px rgba(15,23,42,0.08);backdrop-filter: blur(8px);}.product-form-progress-copy{margin-right: auto;color: var(--muted-text,#64748b);font-weight: 600;}@media (max-width: 768px){.product-form-stepper{grid-template-columns: repeat(2,minmax(0,1fr));}.product-form-stepper button{min-height: 46px;font-size: 0.82rem;}.product-form-step-heading{display: block;}.product-form-step-heading p{margin-top: 8px;}.product-form-templates [data-product-draft-status]{width: 100%;margin-left: 0;}.product-form-wizard-actions{margin-right: -15px;margin-left: -15px;padding: 10px 15px;}.product-form-progress-copy{width: 100%;order: -1;}}.product-gallery-manager{grid-column: 1 / -1;order: 10;padding: 14px;border: 1px solid var(--border-color,#d7dee7);border-radius: 12px;background: var(--surface-muted,#f8fafc);}.product-gallery-manager>.form-control{background: var(--surface-color,#fff);}.product-gallery-selection-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));gap: 12px;margin-top: 14px;}.product-gallery-selection-grid[hidden]{display: none;}.product-gallery-selection-card{display: grid;grid-template-columns: 88px minmax(0,1fr);align-items: center;gap: 12px;min-width: 0;padding: 10px;border: 1px solid var(--border-color,#d7dee7);border-radius: 10px;background: var(--surface-color,#fff);}.product-gallery-selection-card img{width: 88px;height: 88px;border: 1px solid var(--border-color,#d7dee7);border-radius: 8px;background: var(--body-bg,#f6f8fb);object-fit: cover;}.product-gallery-selection-details{display: grid;align-content: center;justify-items: start;gap: 5px;min-width: 0;}.product-gallery-selection-details strong{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.product-gallery-selection-details small{color: var(--text-muted,#667085);}.product-gallery-selection-details .btn{margin-top: 3px;}.product-gallery-existing-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr));gap: 12px;margin-top: 14px;}.product-gallery-existing-card{display: grid;grid-template-columns: 104px minmax(0,1fr);align-items: center;gap: 12px;min-width: 0;padding: 10px;border: 1px solid var(--border-color,#d7dee7);border-radius: 10px;background: var(--surface-color,#fff);}.product-gallery-existing-card.is-marked-for-removal{border-color: var(--danger-color,#b42318);box-shadow: inset 0 0 0 1px var(--danger-color,#b42318);}.product-gallery-existing-card.is-marked-for-removal .product-gallery-existing-preview{opacity: 0.58;}.product-gallery-existing-card [data-remove-saved-gallery]{margin-top: 8px;}.product-gallery-existing-preview{display: grid;gap: 5px;color: var(--text-muted,#667085);font-size: 0.75rem;text-align: center;}.product-gallery-existing-preview img,.product-gallery-missing{width: 104px;height: 104px;border: 1px solid var(--border-color,#d7dee7);border-radius: 8px;background: var(--body-bg,#f6f8fb);object-fit: cover;}.product-gallery-missing{display: grid;place-items: center;padding: 8px;}.product-gallery-error{display: block;margin-top: 6px;color: #b42318;font-weight: 600;}.product-gallery-error[hidden]{display: none;}@media (max-width: 720px){.variant-shared-image-row,.variant-stock-pool-fields{grid-template-columns: 1fr;}.product-gallery-existing-card{grid-template-columns: 84px minmax(0,1fr);}.product-gallery-existing-preview img,.product-gallery-missing{width: 84px;height: 84px;}.product-gallery-selection-card{grid-template-columns: 76px minmax(0,1fr);}.product-gallery-selection-card img{width: 76px;height: 76px;}}.variant-combination-table td{min-width: 150px;vertical-align: top;}.variant-combination-table td:first-child{min-width: 210px;}.variant-combination-table .form-control + .form-control,.variant-combination-table small + .form-control,.variant-combination-table .form-control + label{margin-top: 7px;}.variant-combination-table [data-variant-stock-pool]{display: block;margin-top: 7px;line-height: 1.35;}.variant-advanced-fields{margin-top: 8px;}.variant-advanced-fields summary{cursor: pointer;font-weight: 700;}.variant-advanced-grid{width: min(440px,70vw);margin-top: 8px;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px;}.variant-advanced-grid label{font-size: 0.78rem;}/* WCAG 2.2 AA semantic theme normalization.
   Keep these rules scoped to the authenticated shell so storefront and
   terminal-receipt print styling remain independent. */ body.staff-shell .nav-item.disabled{opacity: 1;}body.staff-shell .nav-link-disabled,body.staff-shell .nav-link-disabled:hover,body.staff-shell .nav-link-disabled :where(span,i){color: var(--theme-disabled-text) !important;background: transparent !important;}body.staff-shell.theme-modern-1 .nav-link-disabled,body.staff-shell.theme-modern-1 .nav-link-disabled :where(span,i),body.staff-shell.theme-modern-3 .nav-link-disabled,body.staff-shell.theme-modern-3 .nav-link-disabled :where(span,i){color: #ffffff !important;}body.staff-shell.theme-modern-1 .nav-link,body.staff-shell.theme-modern-1 .nav-header,body.staff-shell.theme-modern-1 .sidebar-footer,body.staff-shell.theme-modern-3 .nav-link,body.staff-shell.theme-modern-3 .nav-header,body.staff-shell.theme-modern-3 .sidebar-footer{color: #ffffff !important;}body.staff-shell.theme-modern-1 .nav-link:hover,body.staff-shell.theme-modern-1 .nav-item.active .nav-link,body.staff-shell.theme-modern-3 .nav-link:hover,body.staff-shell.theme-modern-3 .nav-item.active .nav-link{background: rgba(0,0,0,0.2) !important;color: #ffffff !important;}body.staff-shell .logo span{background: none !important;color: inherit !important;-webkit-background-clip: border-box !important;background-clip: border-box !important;-webkit-text-fill-color: currentColor !important;}body.staff-shell.theme-dark .sidebar .nav-link.text-danger,body.staff-shell.theme-dark .sidebar .nav-link.text-danger :where(span,i),body.staff-shell.theme-modern-1 .sidebar .nav-link.text-danger,body.staff-shell.theme-modern-1 .sidebar .nav-link.text-danger :where(span,i),body.staff-shell.theme-modern-2 .sidebar .nav-link.text-danger,body.staff-shell.theme-modern-2 .sidebar .nav-link.text-danger :where(span,i),body.staff-shell.theme-modern-3 .sidebar .nav-link.text-danger,body.staff-shell.theme-modern-3 .sidebar .nav-link.text-danger :where(span,i){color: #ffffff !important;}body.staff-shell:not(.theme-dark):not(.theme-modern-1):not(.theme-modern-2):not(.theme-modern-3 ) .sidebar .nav-link.text-danger,body.staff-shell:not(.theme-dark):not(.theme-modern-1):not(.theme-modern-2):not(.theme-modern-3 ) .sidebar .nav-link.text-danger :where(span,i){color: var(--theme-danger) !important;}body.staff-shell .sidebar button.nav-link.text-danger{border: 2px solid currentColor !important;background: transparent !important;}body.staff-shell.theme-dark .sidebar{overflow-x: auto;}body.staff-shell.staff-shell :is(.sidebar-toggle,.notification-btn,.btn-icon,.user-toggle){border: 2px solid var(--theme-border) !important;}body.staff-shell .info-app-install button:focus-visible{outline: 3px solid #174ea6 !important;outline-offset: 3px !important;}body.staff-shell.staff-shell .info-app-install .info-app-install__dialog-card{border-color: #132033 !important;background: #ffffff !important;color: #132033 !important;}body.staff-shell.staff-shell .info-app-install .info-app-install__dialog-card :where(h1,h2,h3,p,strong,span){color: #132033 !important;}body.staff-shell.staff-shell .main-content :where(.form-control,input:not([type='hidden']):not([type='checkbox']):not([type='radio'] ):not([type='range']),select,textarea ),body.staff-shell.staff-shell .modal-content :where(.form-control,input:not([type='hidden']):not([type='checkbox']):not([type='radio'] ):not([type='range']),select,textarea ),body.staff-shell.staff-shell .receipt-page-wrap :where(.form-control,input:not([type='hidden']):not([type='checkbox']):not([type='radio'] ):not([type='range']),select,textarea ){border: 2px solid var(--theme-border) !important;background-color: var(--theme-raised) !important;color: var(--theme-text) !important;}/* Placeholder text must retain the theme's readable foreground on controls. */ body.staff-shell.staff-shell :where(input,textarea)::placeholder{color: var(--theme-text-muted) !important;opacity: 1;}body.staff-shell.staff-shell :where(.btn-primary,.action-btn.btn-primary,.action-btn.bg-primary,.bg-primary ){border-color: var(--theme-primary) !important;background: var(--theme-primary) !important;color: var(--theme-on-primary) !important;}body.staff-shell.staff-shell :where(.btn-secondary,.action-btn.btn-secondary,.action-btn.bg-secondary,.bg-secondary ){border: 2px solid var(--theme-border) !important;background: var(--theme-surface-muted) !important;color: var(--theme-text) !important;}body.staff-shell.staff-shell :where(.btn-success,.action-btn.btn-success,.action-btn.bg-success,.bg-success ){border-color: var(--theme-success) !important;background: var(--theme-success) !important;color: var(--theme-on-success) !important;}body.staff-shell.staff-shell :where(.btn-danger,.action-btn.btn-danger,.action-btn.bg-danger,.bg-danger ){border-color: var(--theme-danger) !important;background: var(--theme-danger) !important;color: var(--theme-on-danger) !important;}body.staff-shell.staff-shell :where(.btn-warning,.action-btn.btn-warning,.action-btn.bg-warning,.bg-warning ){border-color: var(--theme-warning) !important;background: var(--theme-warning) !important;color: var(--theme-on-warning) !important;}body.staff-shell.staff-shell :where(.btn-info,.action-btn.btn-info,.action-btn.bg-info,.bg-info){border-color: #075985 !important;background: #075985 !important;color: #ffffff !important;}body.staff-shell.staff-shell :where(.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning,.btn-info,.action-btn ) :where(span,i){color: inherit !important;}body.staff-shell .text-danger{color: var(--theme-danger) !important;}body.staff-shell .text-success{color: var(--theme-success) !important;}body.staff-shell.theme-modern-1 .page-header{background: linear-gradient(90deg,#0f766e,#115e59) !important;}body.staff-shell.theme-modern-1 .header .logo,body.staff-shell.theme-modern-3 .header .logo{color: var(--theme-primary) !important;}/* The release acknowledgement dialog is deliberately a fixed light surface;
   themes must not leak light-on-light heading or link colors into it. */ body.staff-shell .system-update-dialog{border-color: #667085 !important;background: #ffffff !important;color: #17202a !important;}body.staff-shell .system-update-dialog :where(h1,h2,h3,h4,h5,h6,.system-update-version){color: #17202a !important;}body.staff-shell .system-update-dialog :where(p,li,.system-update-topline,.system-update-meta){color: #475467 !important;}body.staff-shell .system-update-dialog :where(a,.system-update-kicker){color: #0b615d !important;}body.staff-shell .system-update-dialog .btn-primary,body.staff-shell .system-update-dialog .btn-primary :where(span,i){border-color: #3730a3 !important;background: #3730a3 !important;color: #ffffff !important;}/* Page-owned light panels participate in the selected staff palette. */ body.staff-shell :is(.barcode-panel,.barcode-empty,.summary-card,.report-card,.category-card,.price-product-picker,.price-product-row,.price-preview-summary .summary-item,.pl-section,.support-release-banner,.support-section-heading,.warehouse-report-chip,.warehouse-report-empty ){border-color: var(--theme-border) !important;background: var(--theme-surface) !important;color: var(--theme-text) !important;}body.staff-shell :is(.barcode-panel,.barcode-empty,.summary-card,.report-card,.category-card,.price-product-picker,.price-product-row,.price-preview-summary .summary-item,.pl-section,.support-release-banner,.support-section-heading,.warehouse-report-chip,.warehouse-report-empty ) :where(h1,h2,h3,h4,h5,h6,label,strong,.value,.price-product-name){color: var(--theme-text) !important;}body.staff-shell :is(.barcode-empty,.summary-card,.report-card,.category-card,.price-product-row,.support-release-banner,.support-section-heading,.warehouse-report-empty ) :where(p,small,.label,.caption,.price-product-meta,.warehouse-report-kpi-note ){color: var(--theme-text-muted) !important;}body.staff-shell .balance-hero,body.staff-shell .balance-hero :where(h1,h2,h3,p,span,strong){color: #ffffff !important;}body.staff-shell.staff-shell .balance-hero{border-color: #123c69 !important;background: linear-gradient(135deg,#123c69,#1d4ed8) !important;}body.staff-shell .summary-card .line-item,body.staff-shell .summary-card .line-item>span,body.staff-shell .report-card .line-item,body.staff-shell .report-card .line-item>span,body.staff-shell .report-card .source-list,body.staff-shell .report-card .source-list :where(li,strong){color: var(--theme-text) !important;}body.staff-shell.staff-shell .report-card .line-item.highlight,body.staff-shell.staff-shell .report-card .line-item.highlight>span{background: var(--theme-surface-muted) !important;color: var(--theme-text) !important;}body.staff-shell .report-card .line-item.negative span:last-child,body.staff-shell .pl-section .text-danger{color: #fda4af !important;}body.staff-shell .report-card .line-item.positive span:last-child,body.staff-shell .pl-section .text-success{color: #86efac !important;}body.staff-shell:not(.theme-dark):not(.theme-modern-2) .report-card .line-item.positive span:last-child{color: #116b36 !important;}body.staff-shell:not(.theme-dark):not(.theme-modern-2) .report-card .line-item.negative span:last-child,body.staff-shell:not(.theme-dark):not(.theme-modern-2) .pl-section .text-danger{color: var(--theme-danger) !important;}body.staff-shell:not(.theme-dark):not(.theme-modern-2) .report-card .line-item.positive span:last-child,body.staff-shell:not(.theme-dark):not(.theme-modern-2) .pl-section .text-success{color: var(--theme-success) !important;}body.staff-shell .pl-section.highlight{background: var(--theme-surface-muted) !important;}body.staff-shell .pl-section.highlight:not(.final) :is(.text-success,.text-danger){display: inline-block;padding: 2px 6px;border-radius: 4px;}body.staff-shell .pl-section.highlight:not(.final) .text-success{background: var(--theme-success) !important;color: var(--theme-on-success) !important;}body.staff-shell .pl-section.highlight:not(.final) .text-danger{background: var(--theme-danger) !important;color: var(--theme-on-danger) !important;}body.staff-shell .pl-section.final{background: var(--theme-primary) !important;color: var(--theme-on-primary) !important;}body.staff-shell .pl-section.final :where(span,h1,h2,h3,p){background: transparent !important;color: var(--theme-on-primary) !important;}body.staff-shell.staff-shell .pl-section.highlight.final :is(.text-success,.text-danger){color: var(--theme-on-primary) !important;}body.staff-shell .hrm-tabs a{background: var(--theme-surface-muted) !important;color: var(--theme-text) !important;}body.staff-shell .hrm-tabs a.active{background: var(--theme-primary) !important;color: var(--theme-on-primary) !important;}body.staff-shell.staff-shell.theme-dark .category-btn.active{border-color: var(--theme-primary) !important;background: var(--theme-primary) !important;color: var(--theme-on-primary) !important;}body.staff-shell.theme-modern-1 .support-topic-section h2{padding: 10px 12px;border: 1px solid var(--theme-border);border-radius: 8px;background: var(--theme-surface) !important;color: var(--theme-text) !important;}body.staff-shell .support-release-eyebrow,body.staff-shell .support-section-heading>div>span,body.staff-shell .warehouse-report-kpi-note,body.staff-shell .warehouse-report-muted-cell{color: var(--theme-text-muted) !important;}body.staff-shell .warehouse-report-positive{color: var(--theme-success) !important;}body.staff-shell .warehouse-report-negative{color: var(--theme-danger) !important;}body.staff-shell.theme-dark .warehouse-report-positive,body.staff-shell.theme-modern-2 .warehouse-report-positive{color: #86efac !important;}body.staff-shell.theme-dark .warehouse-report-negative,body.staff-shell.theme-modern-2 .warehouse-report-negative{color: #fda4af !important;}body.staff-shell .reports-page .badge,body.staff-shell.reports-page .badge{border: 1px solid #6b7280 !important;background: #e5e7eb !important;color: #111827 !important;}body.staff-shell .reports-page .badge.badge-paid,body.staff-shell.reports-page .badge.badge-paid{border-color: #15803d !important;background: #dcfce7 !important;color: #14532d !important;}.product-price-approval-table-wrap{max-width: 100%;margin-bottom: 14px;}.product-price-approval-table{width: 100%;min-width: 720px;}/* Receipt design previews stay paper-white and ink-black on screen. The
   terminal printer contract remains owned exclusively by its @media print
   rules, so staff-theme declarations cannot enter the print cascade. */ @media screen{body.staff-shell.staff-shell .receipt-selection-toolbar,body.staff-shell.staff-shell .receipt-preview-card,body.staff-shell.staff-shell .receipt-paper,body.staff-shell.staff-shell .receipt-panel{border-color: #737373 !important;background: #ffffff !important;color: #000000 !important;}body.staff-shell.staff-shell :is(.receipt-selection-toolbar,.receipt-preview-card,.receipt-paper,.receipt-panel ) :where(h1,h2,h3,p,label,strong,span,.receipt-line-name){color: #000000 !important;}}body.staff-shell:not(.theme-dark):not(.theme-modern-2) .report-card .line-item.positive span:last-child{color: #116b36 !important;}/* Narrow specificity bridges for legacy theme rules that already use
   !important. These selectors intentionally name the affected component. */ body.staff-shell.staff-shell.theme-dark .btn-primary,body.staff-shell.staff-shell.theme-modern-1 .btn-primary,body.staff-shell.staff-shell.theme-modern-2 .btn-primary,body.staff-shell.staff-shell.theme-modern-3 .btn-primary{border: 2px solid var(--theme-text) !important;background: var(--theme-primary) !important;color: var(--theme-on-primary) !important;}body.staff-shell.staff-shell.theme-dark .btn-primary :where(span,i),body.staff-shell.staff-shell.theme-modern-1 .btn-primary :where(span,i),body.staff-shell.staff-shell.theme-modern-2 .btn-primary :where(span,i),body.staff-shell.staff-shell.theme-modern-3 .btn-primary :where(span,i){color: var(--theme-on-primary) !important;}body.staff-shell.staff-shell :is(.btn-success,.btn-danger,.btn-warning,.btn-info){border: 2px solid var(--theme-text) !important;}body.staff-shell.staff-shell :is(.sidebar-toggle,.notification-btn,.btn-icon,.user-toggle){border: 2px solid var(--theme-border) !important;}body.staff-shell.staff-shell .header .logo span{background: none !important;color: inherit !important;-webkit-background-clip: border-box !important;background-clip: border-box !important;-webkit-text-fill-color: currentColor !important;}body.staff-shell.staff-shell.theme-modern-1 .header .logo,body.staff-shell.staff-shell.theme-modern-3 .header .logo{color: var(--theme-primary) !important;}body.staff-shell.staff-shell :is(.barcode-panel,.barcode-empty,.summary-card,.report-card) :where(p,small,.helper-text,.label,.caption){color: var(--theme-text-muted) !important;}@media screen{body.staff-shell.staff-shell.receipt-page .receipt-page-wrap :is(.receipt-selection-toolbar,.receipt-preview-card,.receipt-paper,.receipt-panel ){border-color: #737373 !important;background: #ffffff !important;color: #000000 !important;}body.staff-shell.staff-shell.receipt-page .receipt-page-wrap :is(.receipt-selection-toolbar,.receipt-preview-card,.receipt-paper,.receipt-panel ) :where(h1,h2,h3,p,label,strong,span,.receipt-line-name){color: #000000 !important;}body.staff-shell.staff-shell.receipt-page .receipt-page-wrap :is(.btn-primary,.btn-success,.btn-danger,.btn-warning,.btn-info){border: 2px solid #111827 !important;}}/* Staff financial presentation: reflow the layout, never split or truncate money.
   Screen-only so printable invoices/receipts keep their paper layout. */ @media screen{body:is(.staff-shell,.pos-body) .money-value{display: inline-block;max-width: 100%;vertical-align: bottom;white-space: nowrap;overflow-wrap: normal;word-break: normal;font-variant-numeric: tabular-nums;/* Exceptionally large values remain accessible by local scrolling. */ overflow-x: auto;text-overflow: clip;}body.staff-shell .stats-grid{grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr));gap: 1rem;}body.staff-shell .stat-card{flex-wrap: wrap;align-content: center;gap: 0.75rem;padding: 1rem;min-width: 0;}body.staff-shell .stat-card .stat-icon{flex-shrink: 0;}body.staff-shell .stat-card :is(.stat-info,.stat-content){flex: 1 1 12rem;min-width: 0;max-width: 100%;}body.staff-shell .stat-card :is(.stat-info,.stat-content) h3{font-size: 1.25rem;line-height: 1.4;white-space: normal;overflow-wrap: normal;word-break: normal;font-variant-numeric: tabular-nums;}body.staff-shell .stat-card :is(.stat-info,.stat-content) p{font-size: 0.9rem;line-height: 1.4;white-space: normal;overflow-wrap: normal;word-break: normal;}body.staff-shell .table .money-value{max-width: none;overflow: visible;}body.staff-shell :is(.table-responsive,.card-body,.card-content):has(>.table){min-width: 0;max-width: 100%;overflow-x: auto;overscroll-behavior-inline: contain;}body.staff-shell :is(.pl-row,.line-item,.proforma-totals-row,.refund-summary-row){flex-wrap: wrap;gap: 0.35rem 1rem;min-width: 0;}body.staff-shell :is(.pl-row,.line-item,.proforma-totals-row,.refund-summary-row)>:last-child{min-width: 0;max-width: 100%;margin-inline-start: auto;}body.staff-shell .proforma-totals-row :is(#subtotal,#taxAmount,#totalAmount){white-space: nowrap;overflow-wrap: normal;font-variant-numeric: tabular-nums;overflow-x: auto;}}/* v1.9 dashboard: semantic shortcut colours stay consistent across staff themes.
   Keep this scoped: shared buttons, POS, reports and print layouts are unchanged. */ @media screen{html:has(>body.staff-shell.dashboard-page){/* The dashboard uses the normal 16px scale, not legacy compact density. */ font-size: 16px;}body.staff-shell.dashboard-page{--sidebar-width: 260px;--sidebar-collapsed: 70px;--header-height: 60px;--footer-height: 50px;--dashboard-border: color-mix(in srgb,var(--theme-text) 16%,var(--theme-surface) );--dashboard-radius: 12px;background: var(--theme-canvas);}body.staff-shell.dashboard-page .main-content{min-width: 0;background: transparent;}body.staff-shell.dashboard-page .dashboard-heading{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.75rem 1.5rem;padding: 0;margin-bottom: 1.75rem;background: transparent !important;border: 0;box-shadow: none;}body.staff-shell.dashboard-page .dashboard-heading h1{color: var(--theme-text) !important;font-size: 1.8rem;line-height: 1.25;}body.staff-shell.dashboard-page .dashboard-heading p,body.staff-shell.dashboard-page .dashboard-date{color: var(--theme-text-muted) !important;line-height: 1.5;}body.staff-shell.dashboard-page .dashboard-date{display: flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;}body.staff-shell.dashboard-page .dashboard-section-title{margin: 0 0 0.85rem;font-size: 1.1rem;font-weight: 650;line-height: 1.4;color: var(--theme-text);}body.staff-shell.dashboard-page .quick-actions{grid-template-columns: repeat(2,minmax(0,1fr));grid-auto-rows: 1fr;gap: 1rem;margin-bottom: 1.75rem;}body.staff-shell.dashboard-page .dashboard-action{--action-accent: #6742bb;--action-icon-bg: #50319a;--action-tint: #6742bb;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;gap: 1rem;min-width: 0;min-height: 7rem;padding: 1.125rem;border: 1px solid color-mix(in srgb,var(--action-accent) 80%,#ffffff) !important;border-radius: var(--dashboard-radius);background: var(--action-tint) !important;color: #ffffff !important;text-align: left;box-shadow: none;transition: transform 160ms ease,box-shadow 160ms ease;}body.staff-shell.dashboard-page .dashboard-action--sync{--action-accent: #16776f;--action-icon-bg: #105d57;--action-tint: #16776f;}body.staff-shell.dashboard-page .dashboard-action--product{--action-accent: #237c42;--action-icon-bg: #196232;--action-tint: #237c42;}body.staff-shell.dashboard-page .dashboard-action--pricing{--action-accent: #9a369f;--action-icon-bg: #7a287f;--action-tint: #9a369f;}body.staff-shell.dashboard-page .dashboard-action--stock{--action-accent: #b34c26;--action-icon-bg: #90391b;--action-tint: #b34c26;}body.staff-shell.dashboard-page :is(.dashboard-action--history,.dashboard-action--my-sales){--action-accent: #355db5;--action-icon-bg: #294991;--action-tint: #355db5;}body.staff-shell.dashboard-page :is(.dashboard-action--reports,.dashboard-action--proforma){--action-accent: #18748a;--action-icon-bg: #115b6d;--action-tint: #18748a;}body.staff-shell.dashboard-page :is(.dashboard-action--profit,.dashboard-action--expense){--action-accent: #91681c;--action-icon-bg: #735114;--action-tint: #91681c;}body.staff-shell.dashboard-page .dashboard-action .dashboard-action-icon{display: flex;align-items: center;justify-content: center;flex: 0 0 3.75rem;width: 3.75rem;height: 3.75rem;border-radius: 11px;background: var(--action-icon-bg);color: #ffffff !important;box-shadow: 0 3px 7px rgb(15 23 42 / 12%);}body.staff-shell.dashboard-page .dashboard-action .dashboard-action-icon i{font-size: 1.75rem;color: #ffffff !important;}body.staff-shell.dashboard-page .dashboard-action .dashboard-action-label{/* Move the label below its icon if enlarged text needs the full card. */ flex: 1 1 min-content;min-width: 0;font-size: 1rem;font-weight: 650;line-height: 1.45;white-space: normal;overflow-wrap: normal;word-break: normal;color: #ffffff !important;}body.staff-shell.dashboard-page .dashboard-action:hover{transform: translateY(-2px);box-shadow: 0 5px 14px rgb(15 23 42 / 10%);}body.staff-shell.dashboard-page :is(.dashboard-action,.quick-link,.btn-icon,.btn-link,.card-body ):focus-visible{outline: 3px solid var(--theme-focus);outline-offset: 3px;}/* Keep the approved deep fills and white labels together in every theme. */ body.staff-shell.dashboard-page.theme-minimal{--dashboard-radius: 7px;}body.staff-shell.dashboard-page.theme-minimal .dashboard-action-icon{box-shadow: none;}body.staff-shell.dashboard-page .dashboard-overview .stats-grid{grid-template-columns: repeat(auto-fit,minmax(min(100%,20rem),1fr));gap: 1rem;overflow: visible;margin-bottom: 1rem;border: 0;border-radius: 0;background: transparent;}body.staff-shell.dashboard-page .dashboard-overview .dashboard-stats-secondary{grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr));}body.staff-shell.dashboard-page .dashboard-overview .stat-card{justify-content: center;padding: 1.25rem 1rem;border: 1px solid var(--dashboard-border) !important;border-radius: var(--dashboard-radius);background: var(--theme-surface) !important;box-shadow: none !important;transform: none;animation: none;}body.staff-shell.dashboard-page .dashboard-overview .stat-icon{display: flex;flex: 0 0 2.5rem;width: 2.5rem;height: 2.5rem;border-radius: 10px;font-size: 1.1rem;}body.staff-shell.dashboard-page .dashboard-overview .stat-info{flex: 1 1 16rem;display: flex;flex-direction: column;align-items: stretch;gap: 0.45rem;text-align: center;}body.staff-shell.dashboard-page .dashboard-overview .stat-info h3{margin: 0;font-size: 1.4rem;color: var(--theme-text);}body.staff-shell.dashboard-page .dashboard-stats-primary .stat-info h3{font-size: 1.65rem;}body.staff-shell.dashboard-page .dashboard-overview .stat-info p{order: -1;margin: 0;color: var(--theme-text-muted);}body.staff-shell.dashboard-page .dashboard-overview .alert-card .stat-info h3{color: var(--theme-danger);}body.staff-shell.dashboard-page .dashboard-overview{margin-bottom: 1.75rem;}body.staff-shell.dashboard-page :is(.dashboard-card,.quick-links){min-width: 0;border: 1px solid var(--dashboard-border) !important;border-radius: var(--dashboard-radius);box-shadow: none;background: var(--theme-surface) !important;}body.staff-shell.dashboard-page .dashboard-card .card-header{display: flex;flex-wrap: wrap;align-items: center;gap: 0.6rem 1rem;padding: 1rem;border-bottom: 1px solid var(--dashboard-border);background: transparent;}body.staff-shell.dashboard-page .card-header h2{display: flex;align-items: center;gap: 0.5rem;margin: 0;font-size: 1.05rem;line-height: 1.45;color: var(--theme-text);}body.staff-shell.dashboard-page .card-header .btn-link{display: inline-flex;align-items: center;min-height: 2.75rem;color: var(--theme-focus);text-decoration: underline;text-underline-offset: 3px;}body.staff-shell.dashboard-page .dashboard-card .card-body{padding: 0.75rem 1rem;}body.staff-shell.dashboard-page .dashboard-grid .table{margin-bottom: 0;}body.staff-shell.dashboard-page .dashboard-grid .table :is(th,td){padding: 0.8rem 0.65rem;}body.staff-shell.dashboard-page .dashboard-grid .btn-icon{min-width: 2.75rem;min-height: 2.75rem;}body.staff-shell.dashboard-page .dashboard-stock-row td:first-child{min-width: 9rem;}body.staff-shell.dashboard-page .dashboard-stock-row small{display: block;color: var(--theme-text-muted);}body.staff-shell.dashboard-page .dashboard-stock-status{display: inline-block;padding: 0.3rem 0.55rem;border-radius: 6px;font-size: 0.8rem;font-weight: 600;white-space: nowrap;}body.staff-shell.dashboard-page .dashboard-stock-status.is-empty{background: #fef2f2;color: #b91c1c;}body.staff-shell.dashboard-page .dashboard-stock-status.is-low{background: #fff5db;color: #854d0e;}body.staff-shell.dashboard-page:is(.theme-dark,.theme-modern-2) .dashboard-stock-status.is-empty{background: #471e2b;color: #fecdd3;}body.staff-shell.dashboard-page:is(.theme-dark,.theme-modern-2) .dashboard-stock-status.is-low{background: #43321b;color: #fde68a;}body.staff-shell.dashboard-page .quick-links{padding: 1.15rem;}body.staff-shell.dashboard-page .quick-link{min-height: 3rem;}/* Keep the optional installation control available without covering KPIs.
       Its child dialog remains fixed and retains its existing focus handling. */ body.staff-shell.dashboard-page .info-app-install{position: static;width: min(26rem,calc(100% - 2rem));margin: 1rem 1rem 1rem auto;}body.staff-shell.dashboard-page .info-app-install__passive{float: none;}body.staff-shell.dashboard-page .info-app-install__dialog{z-index: 10050;}@media (min-width: 1200px){body.staff-shell.dashboard-page .quick-actions{grid-template-columns: repeat(4,minmax(0,1fr));}}@media (max-width: 599px){body.staff-shell.dashboard-page .quick-actions{gap: 0.65rem;}body.staff-shell.dashboard-page .dashboard-action{flex-direction: column;align-items: flex-start;padding: 0.85rem;gap: 0.7rem;}body.staff-shell.dashboard-page .dashboard-action .dashboard-action-icon{flex-basis: 3rem;width: 3rem;height: 3rem;}body.staff-shell.dashboard-page .dashboard-action .dashboard-action-label{font-size: 0.95rem;}body.staff-shell.dashboard-page .dashboard-stats-primary .stat-info h3{font-size: 1.4rem;}body.staff-shell.dashboard-page .dashboard-date{font-size: 0.8rem;}}@media (max-width: 359px){body.staff-shell.dashboard-page .quick-actions{grid-template-columns: minmax(0,1fr);}body.staff-shell.dashboard-page .dashboard-action{flex-direction: row;align-items: center;min-height: 5rem;}}@media (prefers-reduced-motion: reduce){body.staff-shell.dashboard-page .dashboard-action{transition: none;}body.staff-shell.dashboard-page .dashboard-action:hover{transform: none;}}}