/* ====================================================================
   QUIET LAYER (owner, 2026-11-03): office app, Booker and Admin panel.
   Keeps every colour of the current design (dark Home card, blue icons,
   coloured figures) and removes only clutter:
   - no ALL CAPS and no wide letter spacing;
   - no glows or heavy shadows;
   - Booker number cards alike (numbers keep their colour);
   - one heading font in every app.
   Loaded last in all three apps; remove the one line to undo.
==================================================================== */

/* Plain words: no ALL CAPS, no wide spacing (colours unchanged). */
body :not(input):not(textarea):not(select):not([style*="capitalize"]):not([class*="avatar"]) {
    text-transform: none !important;
    letter-spacing: normal !important;
}
/* Table headers: same blue band and blue text, in normal letters. */
.data-table th, .admin-table thead th, .wa-table thead th, .rvb-grid thead th, .home-table th, .inv2 table thead th {
    font-size: 12px !important;
    font-weight: 600 !important;
}
/* Small labels above boxes and figures */
:is(.form-label, .field label, .stat-label, .wa-stat-label, .detail-stat-label, .history-stat-lbl,
    .date-filter-field label, .receipt-no-label, .payroll-stat span, .label) {
    font-size: 12px !important;
    font-weight: 500 !important;
}
:is(.section-title, .form-section-title, .detail-card-title, .bk-sync-label, .inv2-band-label, .inv2-step) {
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* No glows or heavy shadows. */
@media (max-width: 900px) {
    body.app-erp .ui-bottom-nav .ui-nav-plus .ui-nav-icon,
    body.app-erp .ui-bottom-nav .ui-nav-icon { box-shadow: none !important; }
}
.ph-hero, .mhome-position { box-shadow: none !important; }
body.app-booker .nav-fab { box-shadow: none !important; }

/* Booker: all number cards alike; Orders stays blue and Collected stays green. */
body.app-booker .stat-card.accent, body.app-booker .stat-card.green {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
}
body.app-booker .header-icon-btn { background: transparent !important; color: #D6D3D1 !important; }

/* One heading font everywhere; the wanbooks name keeps its logo face. */
:is(h1, h2, h3, .topbar-title, .admin-topbar-title, .admin-page h1, .greeting) {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}
:is(.nav-brand-name, .mh-brand-text, .admin-brand h2) { font-family: 'Outfit', 'Inter', sans-serif !important; }