/* Administrative screens share the dark, calm visual language of #history. */
#tab-expenses, #tab-reports, #tab-audit, #tab-qr, #tab-whatsapp, #tab-calendar, #tab-settings {
  --admin-surface: var(--color-surface, #181b1f);
  --admin-panel: var(--color-background, #101214);
  --admin-raised: var(--color-surface-raised, #20252b);
  --admin-border: var(--color-border, #2b3239);
  --admin-text: var(--color-text-primary, #f7f3ec);
  --admin-muted: var(--color-text-muted, #9ca5ae);
  --admin-accent: var(--color-primary, #df5b47);
  color: var(--admin-text);
}
#tab-expenses *, #tab-reports *, #tab-audit *, #tab-qr *, #tab-whatsapp *, #tab-calendar *, #tab-settings * { box-sizing: border-box; }
#tab-expenses, #tab-reports, #tab-audit, #tab-qr, #tab-whatsapp, #tab-calendar, #tab-settings { padding: var(--space-4, 1rem); }
#tab-expenses .ui-card, #tab-reports .ui-card, #tab-audit .ui-card, #tab-whatsapp .ui-card, #tab-calendar .ui-card, #tab-settings .ui-card { min-width:0; }
#tab-expenses .ui-input, #tab-expenses .ui-select, #tab-expenses .ui-textarea, #tab-reports .ui-input, #tab-reports .ui-select, #tab-reports .ui-textarea, #tab-audit .ui-input, #tab-audit .ui-select, #tab-whatsapp .ui-input, #tab-whatsapp .ui-select, #tab-whatsapp .ui-textarea, #tab-calendar .ui-input, #tab-calendar .ui-select, #tab-calendar .ui-textarea, #tab-settings .ui-input, #tab-settings .ui-select, #tab-settings .ui-textarea { min-height:42px; padding:.58rem .72rem; font:inherit; }
#tab-expenses .ui-button, #tab-reports .ui-button, #tab-audit .ui-button, #tab-whatsapp .ui-button, #tab-calendar .ui-button, #tab-settings .ui-button { min-height:40px; padding:.55rem .85rem; font:inherit; font-weight:750; cursor:pointer; }
#tab-expenses .ui-table, #tab-reports .ui-table, #tab-audit .ui-table { border-collapse:collapse; }

#tab-expenses .expenses-container { display:grid; grid-template-columns:minmax(280px,.82fr) minmax(0,1.4fr); gap:var(--space-4,1rem); align-items:start; }
#tab-expenses .expense-form-card, #tab-expenses .expenses-list-card, #tab-expenses .employee-pay-wrapper > *,
#tab-reports .business-analytics-card, #tab-reports .drawer-cuadre-card, #tab-reports .expenses-list-card,
#tab-reports .stat-card, #tab-audit .audit-card, #tab-settings .config-card,
#tab-whatsapp .whatsapp-card, #tab-calendar .calendar-card, #tab-calendar .calendar-auth-card {
  border:1px solid var(--admin-border); border-radius:var(--radius-lg,18px); background:var(--admin-surface); color:var(--admin-text);
  box-shadow:var(--shadow-md,0 10px 24px rgb(0 0 0 / .22));
}
#tab-expenses .expense-form-card { padding:var(--space-4,1rem); }
#tab-expenses .inventory-purchase-card { margin:0 0 1rem; padding:1rem; border:1px solid var(--admin-border); border-radius:15px; background:linear-gradient(145deg,color-mix(in srgb,var(--admin-accent) 10%,transparent),var(--admin-surface)); }
#tab-expenses .quick-expenses-bar { margin-bottom:1rem; padding:.85rem; border:1px solid var(--admin-border); border-radius:14px; background:var(--admin-raised); }
#tab-expenses .quick-expense-chips { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.7rem; }
#tab-expenses .quick-chip { min-height:36px; padding:.4rem .7rem; border:1px solid var(--color-border-strong); border-radius:var(--radius-pill); background:var(--admin-raised); color:var(--admin-text); font:inherit; font-size:.78rem; font-weight:750; cursor:pointer; }
#tab-expenses .quick-chip:hover { border-color:var(--admin-accent); }
#tab-expenses .expenses-list-card, #tab-reports .expenses-list-card { overflow:hidden; }
#tab-expenses .custom-table, #tab-reports .custom-table, #tab-audit table { width:100%; border-collapse:collapse; }
#tab-expenses .custom-table th, #tab-reports .custom-table th, #tab-audit th { padding:.75rem .8rem; color:var(--admin-muted); background:var(--admin-raised); font-size:.68rem; letter-spacing:.06em; text-transform:uppercase; text-align:left; }
#tab-expenses .custom-table td, #tab-reports .custom-table td, #tab-audit td { padding:.72rem .8rem; border-top:1px solid var(--admin-border); color:var(--color-text-secondary); }

#tab-reports .business-analytics-card { max-width:none; padding:clamp(1rem,2vw,1.5rem); background:radial-gradient(circle at 90% -12%,color-mix(in srgb,var(--admin-accent) 14%,transparent),transparent 35%),var(--admin-panel); }
#tab-reports .business-analytics-header, #tab-reports .reports-live-status, #tab-reports .reports-manager-brief,
#tab-reports .reports-chart-card { border:1px solid var(--admin-border); border-radius:16px; background:var(--admin-surface); }
#tab-reports .business-analytics-header { padding:1.1rem; }
#tab-reports .business-analytics-header h2, #tab-reports h2 { color:var(--admin-text); letter-spacing:-.03em; }
#tab-reports .reports-live-status, #tab-reports .reports-manager-brief, #tab-reports .reports-chart-card { padding:1rem; }
#tab-reports .analytics-kpi-grid, #tab-reports .stats-cards-grid { gap:.75rem; }
#tab-reports .analytics-kpi, #tab-reports .stat-card { min-width:0; padding:1rem; border:1px solid var(--admin-border); border-radius:15px; background:var(--admin-raised); color:var(--admin-text); }
#tab-reports .analytics-kpi strong, #tab-reports .stat-value { color:var(--admin-text); font-variant-numeric:tabular-nums; }
#tab-reports .drawer-cuadre-card { overflow:hidden; }
#tab-reports .drawer-cuadre-header, #tab-reports .formula-breakdown { padding:1rem; }

#tab-audit.audit-panel { max-width:none; margin:0; padding:clamp(1rem,2vw,1.5rem); border:1px solid var(--admin-border); border-radius:22px; background:radial-gradient(circle at 92% -15%,color-mix(in srgb,var(--admin-accent) 15%,transparent),transparent 34%),var(--admin-panel); }
#tab-audit .audit-card { padding:1rem; }
#tab-audit .audit-summary-grid > div { border:1px solid var(--admin-border); border-radius:14px; background:var(--admin-raised); }
#tab-audit .audit-filter-bar { border:1px solid var(--admin-border); border-radius:13px; background:var(--admin-raised); }
#tab-audit .audit-filter-bar button, #tab-audit .audit-row-actions button, #tab-audit [data-audit-save-count], #tab-audit [data-audit-review] { min-height:36px; padding:.45rem .7rem; border:1px solid var(--color-border-strong); border-radius:var(--radius-sm); color:var(--admin-text); background:var(--admin-surface); font:inherit; font-size:.78rem; font-weight:750; cursor:pointer; }
#tab-audit .audit-filter-bar button.active, #tab-audit [data-audit-action="CONFIRMED"] { border-color:color-mix(in srgb,var(--admin-accent) 55%,var(--admin-border)); background:color-mix(in srgb,var(--admin-accent) 16%,var(--admin-surface)); }
#tab-audit .audit-queue-item { padding:.85rem; border-radius:13px; background:var(--admin-raised); }
#tab-audit input { max-width:140px; }

#tab-qr .qr-admin-shell, #tab-whatsapp .whatsapp-page, #tab-calendar .calendar-page { max-width:1180px; margin:0 auto; }
#tab-qr .qr-admin-shell { padding:clamp(1rem,2vw,1.5rem); border:1px solid var(--admin-border); border-radius:22px; background:radial-gradient(circle at 90% -12%,color-mix(in srgb,var(--admin-accent) 14%,transparent),transparent 35%),var(--admin-panel); }
#tab-qr .qr-card { border:1px solid var(--admin-border); border-radius:18px; background:var(--admin-surface); }
#tab-qr .qr-image-wrap { border:1px solid var(--admin-border); border-radius:16px; background:#fff; }

#tab-whatsapp .whatsapp-page-head, #tab-calendar .calendar-page-head { margin-bottom:1rem; }
#tab-whatsapp .whatsapp-card, #tab-calendar .calendar-card, #tab-calendar .calendar-auth-card { padding:1rem; }
#tab-whatsapp .whatsapp-card-heading h3, #tab-calendar .calendar-card h3, #tab-calendar .calendar-auth-card h3 { color:var(--admin-text); }
#tab-whatsapp .whatsapp-qr-empty, #tab-whatsapp .whatsapp-qr-box, #tab-whatsapp .whatsapp-message-preview,
#tab-whatsapp .whatsapp-conversation-list, #tab-whatsapp .whatsapp-conversation-detail,
#tab-calendar .calendar-grid, #tab-calendar .calendar-setup-notice { border-color:var(--admin-border); background:var(--admin-raised); }
#tab-whatsapp .whatsapp-safety-note, #tab-calendar .calendar-privacy-note { border:1px solid var(--admin-border); border-radius:13px; background:var(--admin-raised); color:var(--color-text-secondary); }
#tab-calendar .calendar-event-form .form-group, #tab-whatsapp .form-group { min-width:0; }

#tab-expenses .form-input, #tab-expenses .form-select, #tab-reports select, #tab-settings .form-input, #tab-settings .form-select,
#tab-whatsapp .form-input, #tab-calendar .form-input, #tab-audit input {
  border:1px solid var(--color-border-strong); border-radius:var(--radius-md); background:var(--color-input); color:var(--admin-text);
}
#tab-expenses .form-input:focus, #tab-expenses .form-select:focus, #tab-settings .form-input:focus, #tab-settings .form-select:focus,
#tab-whatsapp .form-input:focus, #tab-calendar .form-input:focus, #tab-audit input:focus { outline:2px solid var(--color-focus); outline-offset:2px; }
#tab-expenses .btn-primary, #tab-reports .btn-primary, #tab-whatsapp .btn-primary, #tab-calendar .btn-primary,
#tab-settings .btn-primary, #tab-audit .btn-primary { border-radius:10px; }
#tab-expenses .btn-secondary, #tab-reports .btn-secondary, #tab-whatsapp .btn-secondary, #tab-calendar .btn-secondary,
#tab-settings .btn-secondary, #tab-audit .btn-secondary { border-radius:10px; }
@media (max-width:850px) {
  #tab-expenses .expenses-container, #tab-calendar .calendar-layout { grid-template-columns:minmax(0,1fr); }
  #tab-expenses .table-responsive, #tab-reports .table-responsive, #tab-audit .audit-table-wrap { max-width:100%; overflow-x:auto; }
}