/* ==========================================================================
   AURA ENTERPRISE ECOSYSTEM - CORE LAYOUT STYLE CONFIGURATIONS
   ========================================================================== */

:root {
  --primary: #7c2d12;
  --primary-hover: #9a3412;
  --primary-light: #ffedd5;
  --accent: #ea580c;
  --accent-glow: rgba(234, 88, 12, 0.15);
}

[data-theme="coffee"] {
  --primary: #7c2d12;
  --primary-hover: #9a3412;
  --primary-light: #ffedd5;
  --accent: #ea580c;
}

[data-theme="blue"] {
  --primary: #1e40af;
  --primary-hover: #1d4ed8;
  --primary-light: #dbeafe;
  --accent: #3b82f6;
}

[data-theme="green"] {
  --primary: #065f46;
  --primary-hover: #047857;
  --primary-light: #d1fae5;
  --accent: #10b981;
}

.theme-bg { background-color: var(--primary) !important; }
.theme-bg-hover:hover { background-color: var(--primary-hover) !important; }
.theme-text { color: var(--primary) !important; }
.theme-border { border-color: var(--primary) !important; }
.theme-light-bg { background-color: var(--primary-light) !important; }

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(156, 163, 175, 0.3); border-radius: 10px; }

.glass-panel {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.dark .glass-panel {
  background: rgba(24, 24, 27, 0.75);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(63, 63, 70, 0.3);
}

@keyframes scaleIn { from { transform: scale(0.96); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.animate-scale-in { animation: scaleIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

table { width: 100%; border-collapse: collapse; }

/* ==========================================================================
   HARDWARE STANDARDIZED PRINT OVERRIDES OVERLAY LAYOUT BLOCKS
   ========================================================================== */
@media print {
  body *, #app-layout, aside, main, header, footer, .no-print, [id^="modal-"]:not(#modal-receipt-preview):not(#modal-payslip-print-preview) {
    visibility: hidden !important;
    display: none !important;
  }
  body { background: #ffffff !important; color: #000000 !important; }

  #modal-receipt-preview, #modal-receipt-preview * { visibility: visible !important; }
  #modal-receipt-preview { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; display: flex !important; }
  #print-receipt-section { position: absolute !important; left: 0 !important; top: 0 !important; background: #ffffff !important; color: #000000 !important; box-shadow: none !important; padding: 0 !important; }

  #modal-payslip-print-preview, #modal-payslip-print-preview * { visibility: visible !important; }
  #modal-payslip-print-preview { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; display: block !important; }
  #print-payslip-section { position: absolute !important; left: 0 !important; top: 0 !important; width: 210mm !important; background: #ffffff !important; color: #000000 !important; box-shadow: none !important; padding: 15mm !important; display: block !important; }
}