/* Ghazawy Treasury — approved navy identity. Shared screen styling only. */
:root {
    --primary: #1767a7;
    --primary-dark: #15588e;
    --primary-light: #75a8ce;
    --primary-gradient: #1767a7;
    --royal-blue: #153b60;
    --royal-blue-hover: #174e7b;
    --royal-blue-active: #1767a7;
    --royal-blue-light: #9bc0db;
    --royal-footer: #153b60;
    --bg-main: #f3f6f9;
    --bg-gradient: #f3f6f9;
    --surface: #fff;
    --text-main: #182d40;
    --text-secondary: #566a7c;
    --text-light: #64788a;
    --border: #dce5ed;
    --border-color: #dce5ed;
    --radius-md: 7px;
    --radius-lg: 10px;
    --shadow-sm: 0 1px 3px rgb(21 59 96 / 4%);
    --shadow-md: 0 2px 8px rgb(21 59 96 / 5%);
    --shadow-lg: 0 4px 16px rgb(21 59 96 / 7%);
    --transition: background-color .15s ease, color .15s ease, border-color .15s ease;
    --success: #087663;
    --success-bg: #eaf6f1;
    --danger: #b4423d;
    --danger-bg: #fbefee;
    --navy-soft: #eaf3fa;
}
@media screen {
    body.app-theme-navy {
        background: var(--bg-main);
        color: var(--text-main);
        font-size: 15px;
        padding-top: 0 !important;
        padding-bottom: 0;
        color-scheme: light;
    }
    .app-theme-navy :where(button, input, select, textarea) { font-family: var(--app-font-family, 'Tajawal', sans-serif); }
    .app-theme-navy :where(button, a) { touch-action: manipulation; }
    .app-theme-navy :where(button, a, input, select, textarea, summary):focus-visible {
        outline: 3px solid #3984bd !important;
        outline-offset: 3px;
    }
    .app-theme-navy :where(h1, h2, h3, h4) { text-wrap: balance; }
    .app-theme-navy :where(td, .formatted-number, .stat-details p) { font-variant-numeric: tabular-nums; }
    .app-theme-navy .page-content {
        max-width: 1500px;
        width: calc(100% - 48px);
        padding: 0;
        margin: 24px auto;
    }
    .app-theme-navy .modern-header {
        position: sticky !important;
        top: 0;
        margin-bottom: 0;
        background: var(--royal-blue);
        border: 0;
        box-shadow: none;
    }
    .app-theme-navy .header-container { max-width: 1500px; padding: 16px 24px; }
    .app-theme-navy .header-brand { gap: 12px; }
    .app-theme-navy .brand-logo {
        width: 46px; height: 46px; padding: 4px;
        background: #fff; border: 0; border-radius: 9px; box-shadow: none;
    }
    .app-theme-navy .brand-title { font-size: 18px; font-weight: 700; letter-spacing: 0; }
    .app-theme-navy .brand-subtitle { color: #c9d9e6; font-size: 13px; opacity: 1; }
    .app-theme-navy .header-date { color: #d2e0eb; font-size: 13px; }
    .app-theme-navy .user-badge { background: transparent; border: 0; box-shadow: none; padding: 0; }
    .app-theme-navy .user-avatar { background: #d9e6f0; color: var(--royal-blue); width: 30px; height: 30px; border-radius: 50%; }
    .app-theme-navy .btn-logout-modern { background: transparent; border: 1px solid #64839e; box-shadow: none; min-height: 40px; border-radius: 7px; }
    .app-theme-navy .header-nav-row { background: #fff; border-bottom: 1px solid var(--border); box-shadow: none; padding: 0; }
    .app-theme-navy .header-nav {
        max-width: 1500px; margin: auto; padding: 8px 24px;
        display: flex; justify-content: space-between; gap: 16px;
    }
    .app-theme-navy .nav-list { gap: 5px; }
    .app-theme-navy .nav-link {
        background: transparent; color: var(--text-secondary) !important;
        border: 1px solid transparent; border-radius: 7px; min-height: 44px;
        font-size: 14px; padding: 9px 13px; box-shadow: none; font-weight: 700;
    }
    .app-theme-navy .nav-link i { color: inherit !important; }
    .app-theme-navy .nav-link.active,
    .app-theme-navy .nav-link:hover { background: var(--navy-soft); color: var(--primary) !important; transform: none; border-color: transparent; box-shadow: none; }
    .app-theme-navy .nav-link.btn-backup-nav,
    .app-theme-navy .nav-link.btn-search-nav { background: #fff !important; border-color: var(--border); color: var(--text-secondary) !important; box-shadow: none; }
    .app-theme-navy .nav-link.btn-add-nav { background: var(--primary) !important; color: #fff !important; border-color: var(--primary); box-shadow: none; }
    .app-theme-navy .mobile-nav-overlay { background: rgb(15 36 55 / 45%); backdrop-filter: none; }
    .app-theme-navy .mobile-nav-content { background: #fff; }
    .app-theme-navy .mobile-nav-header { background: var(--royal-blue); }
    .app-theme-navy .mobile-nav-list .nav-link { border-radius: 7px; }
    .app-theme-navy .modern-footer { background: #fff; color: var(--text-secondary); border-top: 1px solid var(--border); padding: 20px 24px; margin-top: 30px; box-shadow: none; }
    .app-theme-navy .modern-footer :where(.footer-title, .footer-brand-title, h3, h4, a) { color: var(--royal-blue); }
    .app-theme-navy .modern-footer :where(p, small, .copyright, .footer-copyright, .footer-subtitle, .footer-tagline) { color: var(--text-secondary); }
    .app-theme-navy .modern-footer .footer-brand-subtitle,
    .app-theme-navy .modern-footer .footer-nav i { color: var(--text-secondary); }
    .app-theme-navy .modern-footer .brand-logo { width: 40px; height: 40px; }
    .app-theme-navy .glass-card {
        background: #fff; backdrop-filter: none; border: 1px solid var(--border);
        border-radius: 10px; box-shadow: none;
    }
    .app-theme-navy .glass-card:hover { transform: none; box-shadow: none; }
    .app-theme-navy .glass-card::before,
    .app-theme-navy .stat-card::before,
    .app-theme-navy .stat-card::after { display: none; }
    .app-theme-navy .bento-stats { gap: 12px; margin-bottom: 20px; }
    .app-theme-navy .home-metrics,
    .app-theme-navy .statistics-primary-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    .app-theme-navy .stat-card {
        display: block; position: relative; min-width: 0; min-height: 128px;
        padding: 18px; border: 1px solid var(--border); border-radius: 10px; background: #fff;
        overflow: hidden; animation: none;
    }
    .app-theme-navy .stat-icon {
        position: absolute; top: 19px; inset-inline-end: 18px;
        width: 18px; height: 18px; font-size: 16px; border: 0; border-radius: 0;
        background: transparent; color: var(--text-secondary); box-shadow: none; transform: none;
    }
    .app-theme-navy .stat-details { min-width: 0; }
    .app-theme-navy .stat-details h4 { color: var(--text-secondary); font-size: 13px; font-weight: 500; line-height: 1.6; margin: 0 0 10px; padding-inline-end: 25px; }
    .app-theme-navy .stat-details p,
    .app-theme-navy #overview .stat-details p { font-size: clamp(20px, 1.6vw, 26px); line-height: 1.5; color: var(--text-main); font-weight: 700; overflow-wrap: anywhere; margin: 0; }
    .app-theme-navy .stat-details small { display: block; color: var(--text-secondary); margin-top: 6px; font-size: 12px; }
    .app-theme-navy .stat-card.stat-closing,
    .app-theme-navy .stat-card.stat-net { background: var(--royal-blue); border-color: var(--royal-blue); }
    .app-theme-navy .stat-card.stat-closing :where(h4, p, small, i),
    .app-theme-navy .stat-card.stat-net :where(h4, p, small, i) { color: #fff !important; }
    .app-theme-navy .text-green, .app-theme-navy .income-text { color: var(--success) !important; }
    .app-theme-navy .text-red, .app-theme-navy .expense-text { color: var(--danger) !important; }
    .app-theme-navy .text-indigo { color: var(--primary) !important; }
    .app-theme-navy .home-heading,
    .app-theme-navy .stats-header {
        padding: 0 !important; margin-bottom: 20px !important; background: transparent !important;
        border: 0 !important; box-shadow: none !important; border-radius: 0;
        display: flex; align-items: center; justify-content: space-between; gap: 16px;
    }
    .app-theme-navy .home-heading h1,
    .app-theme-navy .stats-header h1 { color: var(--text-main) !important; font-size: 26px !important; margin: 0; font-weight: 700; }
    .app-theme-navy .home-heading p { margin: 4px 0 0; font-size: 14px; color: var(--text-secondary); }
    .app-theme-navy .stats-header > .btn-submit-modern { color: var(--text-main) !important; background: #fff !important; border: 1px solid var(--border) !important; }
    .app-theme-navy .home-heading-actions { display: flex; gap: 8px; flex-wrap: wrap; }
    .app-theme-navy .home-heading .home-secondary-action { color: var(--text-main) !important; background: #fff !important; border: 1px solid var(--border) !important; }
    .app-theme-navy .quick-add-modern {
        border-radius: 10px; border: 1px solid var(--border); padding: 0;
        margin-bottom: 20px; background: #fff; box-shadow: none;
    }
    .app-theme-navy .quick-add-header {
        padding: 16px 20px; margin: 0; border-bottom: 1px solid var(--border);
        background: #fff; color: var(--text-main);
    }
    .app-theme-navy .quick-add-header h3 { font-size: 18px; color: var(--text-main); font-weight: 700; }
    .app-theme-navy .quick-add-header i { color: var(--primary); }
    .app-theme-navy .modern-entry-form { padding: 18px 20px; }
    .app-theme-navy .home-add-form .entry-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: end; }
    .app-theme-navy #filterForm .entry-row { display: grid; gap: 14px; align-items: end; grid-template-columns: .7fr .9fr 1.2fr 1.2fr 1.2fr auto; }
    .app-theme-navy .home-add-form .entry-field,
    .app-theme-navy #filterForm .entry-field { width: auto; min-width: 0 !important; margin: 0; flex: initial; }
    .app-theme-navy .entry-field label { font-size: 13px; margin-bottom: 7px; color: #40586d; font-weight: 700; }
    .app-theme-navy .entry-field :where(input, select, textarea) {
        border: 1px solid #cedbe6; background: #fff; color: var(--text-main);
        border-radius: 6px; height: 44px; min-height: 44px; font-size: 14px; box-shadow: none;
        padding-block: 8px; line-height: 1.5;
    }
    .app-theme-navy .entry-field :where(input, select, textarea):focus { border-color: var(--primary); box-shadow: none; }
    .app-theme-navy .input-wrapper > i { color: #71889b; }
    .app-theme-navy .date-badge,
    .app-theme-navy .badge-section,
    .app-theme-navy .table-filter-chip { background: #eef3f7; border: 0; color: #40596d; border-radius: 5px; box-shadow: none; }
    .app-theme-navy .date-badge { padding: 3px 8px; font-size: 12px; }
    .app-theme-navy .home-add-form .section-field,
    .app-theme-navy .home-add-form .note-field { grid-column: span 2; }
    .app-theme-navy .home-add-form .action-field { grid-column: 1 / -1; display: flex; flex-direction: row; justify-content: flex-end; }
    .app-theme-navy .home-add-form .action-field button { min-width: 145px; width: auto; flex: 0 0 auto; }
    .app-theme-navy :is(.btn-submit-modern, .btn-add-apply, .btn-print-apply, .btn-backup-apply, .btn-login-modern, .table-print-button, .visa-button, .modal-pro-btn-primary) {
        background: var(--primary) !important; border: 1px solid var(--primary) !important; color: #fff !important;
        border-radius: 7px !important; min-height: 44px; box-shadow: none !important; transform: none !important;
        font-size: 14px; font-weight: 700; padding: 10px 16px;
    }
    .app-theme-navy :is(.btn-submit-modern, .btn-add-apply, .btn-print-apply, .btn-backup-apply, .btn-login-modern, .table-print-button, .visa-button):hover { background: var(--primary-dark) !important; border-color: var(--primary-dark) !important; }
    .app-theme-navy :is(.btn-submit-modern, .btn-add-apply, .btn-print-apply, .btn-backup-apply, .btn-login, .table-print-button, .visa-button, .btn-filter-action) i { color: inherit !important; }
    .app-theme-navy :is(.btn-clear-modern, .btn-print-cancel, .btn-backup-cancel, .modal-pro-btn-close, .btn-back-home, .table-filter-button, .home-secondary-action) {
        background: #fff !important; color: var(--text-secondary) !important; border: 1px solid var(--border) !important;
        border-radius: 7px !important; min-height: 44px; box-shadow: none !important; transform: none !important;
    }
    .app-theme-navy .statistics-export { color: var(--primary) !important; background: #fff !important; }
    .app-theme-navy a.btn-submit-modern { color: var(--text-secondary) !important; background: #fff !important; border: 1px solid var(--border) !important; }
    .app-theme-navy .report-ledger-card,
    .app-theme-navy .table-container-modern { background: #fff; border: 1px solid var(--border) !important; border-radius: 10px; box-shadow: none; }
    .app-theme-navy .table-tools { background: #fff; border-bottom: 1px solid var(--border); padding: 16px 20px; box-shadow: none; }
    .app-theme-navy .section-title,
    .app-theme-navy .table-toolbar h2 { color: var(--text-main) !important; font-size: 18px !important; font-weight: 700; }
    .app-theme-navy :where(.table-tools, .table-toolbar) i { color: var(--primary); }
    .app-theme-navy .table-meta,
    .app-theme-navy .table-meta span { color: var(--text-secondary); font-size: 12px; }
    .app-theme-navy #report-table,
    .app-theme-navy .modern-table { background: #fff; font-size: 14px; border: 0; border-radius: 0; box-shadow: none; }
    .app-theme-navy :is(#report-table, .modern-table) th { background: #f7f9fb !important; color: #51687b !important; border-color: var(--border); padding-block: 13px; box-shadow: none; font-size: 13px; font-weight: 700; }
    .app-theme-navy :is(#report-table, .modern-table) td { border-color: #eaf0f5; font-weight: 400; padding-block: 14px; }
    .app-theme-navy .money-chip { background: transparent !important; border: 0; box-shadow: none; padding: 0; font-size: 14px; border-radius: 0; }
    /* Keep the cash ledger legible on desktop and in its mobile cards. */
    .app-theme-navy #report-table thead th { font-size: 16px; font-weight: 800; }
    .app-theme-navy #report-table tbody td { font-size: 17px; font-weight: 700; line-height: 1.7; }
    .app-theme-navy #report-table tbody td:is(.col-section, .col-notes) {
        font-size: 18px; font-weight: 700; line-height: 1.8;
        color: var(--text-main); white-space: normal; overflow-wrap: anywhere;
    }
    .app-theme-navy #report-table .money-chip { font-size: 17px; font-weight: 800; }
    .app-theme-navy #report-table :is(.record-id, .record-date) { font-size: 16px; font-weight: 800; }
    .app-theme-navy #report-table .record-time { font-size: 14px; font-weight: 600; }
    .app-theme-navy .income-chip { color: var(--success) !important; }
    .app-theme-navy .expense-chip { color: var(--danger) !important; }
    .app-theme-navy .opening-chip { color: var(--royal-blue) !important; }
    .app-theme-navy #report-table .row-highlight-opening td { background: #f4f8fc !important; border-color: #eaf0f5; }
    /* Approved ledger actions: raised buttons with persistent labels below the icons. */
    .app-theme-navy #report-table td.actions { column-gap: 0; }
    .app-theme-navy #report-table td.actions :is(.btn-edit, .btn-delete) {
        display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
        flex: 0 0 60px; width: 60px; height: auto; min-height: 62px;
        margin: 4px 5px; padding: 7px 5px; gap: 5px;
        color: #fff; border: 1px solid; border-bottom-width: 2px; border-radius: 8px;
        font-size: 14px !important; font-weight: 700; line-height: 1.2; text-decoration: none;
        box-shadow: inset 0 1px 0 #ffffff40, 0 3px 0 var(--ledger-action-edge), 0 5px 7px #1b344426;
        transform: translateY(-2px);
        transition: background-color .15s ease, border-color .15s ease, transform .12s ease;
    }
    .app-theme-navy #report-table td.actions .btn-edit {
        --ledger-action-edge: #104a72;
        background: #2177af; border-color: #196698;
    }
    .app-theme-navy #report-table td.actions .btn-delete {
        --ledger-action-edge: #862c33;
        background: #bf414b; border-color: #a73540;
    }
    .app-theme-navy #report-table td.actions .btn-edit:hover { background: #19699f; border-color: #155d8c; }
    .app-theme-navy #report-table td.actions .btn-delete:hover { background: #ae3540; border-color: #982d37; }
    .app-theme-navy #report-table td.actions :is(.btn-edit, .btn-delete):hover {
        transform: translateY(-3px);
        box-shadow: inset 0 1px 0 #ffffff40, 0 4px 0 var(--ledger-action-edge), 0 6px 8px #1b34442e;
    }
    .app-theme-navy #report-table td.actions :is(.btn-edit, .btn-delete):active {
        transform: translateY(1px);
        box-shadow: inset 0 1px 3px #00000020, 0 1px 0 var(--ledger-action-edge);
    }
    .app-theme-navy #report-table td.actions .btn-delete:focus-visible { outline-color: #862c33 !important; }
    .app-theme-navy #report-table td.actions :is(.btn-edit, .btn-delete) i {
        color: inherit; font-size: 20px; line-height: 1; margin: 0;
    }
    .app-theme-navy #report-table td.actions .action-label {
        display: block; font-size: 14px !important; font-weight: 700; line-height: 1.2;
    }
    .app-theme-navy .displayed-summary-modern { margin: 20px auto !important; padding: 18px 20px !important; }
    .app-theme-navy .displayed-summary-modern .bento-stats { margin-bottom: 0; }
    .app-theme-navy .displayed-summary-modern .stat-card { border: 0; padding: 12px; min-height: 0; }
    .app-theme-navy .tabs-nav-modern {
        border-bottom: 1px solid #cfdae4; border-radius: 0; gap: 4px; padding-bottom: 0; box-shadow: none;
    }
    .app-theme-navy .tabs-nav-modern .tab-chip {
        background: transparent; color: var(--text-secondary); border: 0; border-bottom: 3px solid transparent;
        border-radius: 0; min-height: 46px; padding: 11px 15px; box-shadow: none; transform: none;
    }
    .app-theme-navy .tabs-nav-modern .tab-chip.active { color: var(--primary); background: transparent; border-bottom-color: var(--primary); }
    .app-theme-navy .expense-filter-chips .tab-chip { background: #fff; border: 1px solid var(--border); border-radius: 6px; color: var(--text-secondary); box-shadow: none; min-height: 44px; }
    .app-theme-navy .expense-filter-chips .tab-chip.active { background: var(--primary); color: #fff; border-color: var(--primary); }
    .app-theme-navy .active-filter-chip { background: transparent; border: 0; color: var(--text-secondary); padding-inline: 0; font-size: 12px; }
    .app-theme-navy .clear-filters-link { color: var(--primary); font-weight: 700; }
    .app-theme-navy .statistics-secondary-facts {
        display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
        background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 13px 18px; margin-bottom: 20px;
    }
    .app-theme-navy .statistics-secondary-facts > div { color: var(--text-secondary); font-size: 13px; }
    .app-theme-navy .statistics-secondary-facts strong { color: var(--text-main); margin-inline-start: 6px; font-variant-numeric: tabular-nums; }
    .app-theme-navy .statistics-secondary-facts small { display: block; font-size: 12px; }
    .app-theme-navy .chart-box,
    .app-theme-navy .statistics-context { border-radius: 10px; box-shadow: none; }
    .app-theme-navy .main-tab-content { animation: none; }
    .app-theme-navy .modal-header,
    .app-theme-navy .modal-pro-header,
    .app-theme-navy .backup-modal-header,
    .app-theme-navy #carryForwardModal .carry-forward-header { background: #f7f9fb !important; color: var(--text-main) !important; border-bottom: 1px solid var(--border); box-shadow: none; }
    .app-theme-navy :is(.modal-header, .modal-pro-header, .backup-modal-header, .carry-forward-header) h2 { color: var(--text-main) !important; }
    .app-theme-navy :is(.modal-content, .modal-pro-content, .print-settings-content, .backup-modal-content) { border-radius: 12px; border: 1px solid var(--border); box-shadow: 0 8px 32px rgb(15 36 55 / 15%); background: #fff; }
    .app-theme-navy .carry-forward-icon { background: var(--navy-soft); color: var(--primary); box-shadow: none; width: 56px; height: 56px; font-size: 24px; border-radius: 10px; }
    .app-theme-navy .preset-chip { background: #fff; border-color: var(--border); color: var(--text-secondary); border-radius: 7px; box-shadow: none; }
    .app-theme-navy .preset-chip:hover,
    .app-theme-navy .preset-chip.active { background: var(--navy-soft); border-color: #9bc0db; color: var(--primary); }
    .app-theme-navy .login-wrapper { background: #fff; border: 1px solid var(--border); box-shadow: var(--shadow-lg); border-radius: 12px; }
    .app-theme-navy .login-title { color: var(--royal-blue); }
    .app-theme-navy .edit-record-shell { max-width: 948px; width: calc(100% - 48px); padding: 0; }
    .app-theme-navy .edit-record-shell > .page-content { width: 100%; }
    .app-theme-navy .edit-record-shell .quick-add-modern { padding: 0 !important; }
    .app-theme-navy .edit-record-shell .btn-container { flex-wrap: wrap; margin-top: 20px !important; padding-top: 20px !important; }
    .app-theme-navy .users-button.primary { background: var(--primary); }
    .app-theme-navy .btn-login,
    .app-theme-navy .btn-filter-search,
    .app-theme-navy .btn-filter-excel { background: var(--primary); color: #fff; border-radius: 7px; box-shadow: none; transform: none; }
    .app-theme-navy .btn-login:hover,
    .app-theme-navy .btn-filter-search:hover,
    .app-theme-navy .btn-filter-excel:hover { background: var(--primary-dark); box-shadow: none; transform: none; }
    .app-theme-navy .btn-filter-reset { background: #fff; color: var(--text-secondary); border: 1px solid var(--border); border-radius: 7px; box-shadow: none; }
    .app-theme-navy .btn-filter-action::before { display: none; }
    .app-theme-navy .modal-header-premium { background: #f7f9fb; color: var(--text-main); border-bottom: 1px solid var(--border); }
    .app-theme-navy .modal-header-premium h2,
    .app-theme-navy .modal-header-premium h2 i { color: var(--text-main); }
    .app-theme-navy .user-permission-badge { background: var(--navy-soft); color: var(--primary); }
    .app-theme-navy .activity-page .stats-header,
    .app-theme-navy .records-search-heading { background: #fff !important; border: 1px solid var(--border) !important; color: var(--text-main); box-shadow: none; }
    .app-theme-navy .records-search-title-group :where(h1, p) { color: var(--text-main); }
    .app-theme-navy .records-search-title-icon { color: var(--primary); background: var(--navy-soft); border: 0; }
    .app-theme-navy .visa-tabs a[aria-current=page] { color: var(--primary); background: var(--navy-soft); border-color: #9bc0db; }
    .app-theme-navy .visa-totals > div { box-shadow: none; border-radius: 10px; }
    .app-theme-navy .visa-filters,
    .app-theme-navy .visa-card { border-radius: 10px; box-shadow: none; }
    @media (max-width: 1100px) {
        .app-theme-navy .header-nav { padding-inline: 20px; gap: 10px; }
        .app-theme-navy .nav-link { padding-inline: 9px; font-size: 13px; }
        .app-theme-navy .home-add-form .entry-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .app-theme-navy #filterForm .entry-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .app-theme-navy .home-add-form .section-field { grid-column: span 1; }
        .app-theme-navy .home-add-form .note-field { grid-column: span 2; }
    }
    @media (max-width: 992px) {
        .app-theme-navy .header-container { padding: 14px 18px; }
        .app-theme-navy .header-nav-row { display: none; }
        .app-theme-navy .page-content { width: calc(100% - 32px); margin-top: 20px; }
        .app-theme-navy .stat-card { padding: 16px 13px; }
        .app-theme-navy .stat-icon { inset-inline-end: 13px; top: 17px; }
        .app-theme-navy .home-heading h1,
        .app-theme-navy .stats-header h1 { font-size: 23px !important; }
    }
    @media (max-width: 720px) {
        .app-theme-navy .home-metrics,
        .app-theme-navy .statistics-primary-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px; }
        .app-theme-navy .stat-card { min-height: 120px; text-align: start; }
        .app-theme-navy .stat-details h4 { font-size: 12px; }
        .app-theme-navy .stat-details p,
        .app-theme-navy #overview .stat-details p { font-size: 20px; }
        .app-theme-navy .home-heading { align-items: flex-start; flex-direction: column; }
        .app-theme-navy .home-heading-actions { width: 100%; }
        .app-theme-navy .home-add-form .entry-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .app-theme-navy #filterForm .entry-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .app-theme-navy .home-add-form .section-field,
        .app-theme-navy .home-add-form .note-field { grid-column: 1 / -1; }
        .app-theme-navy .home-add-form .action-field button { width: 100%; }
        .app-theme-navy .modern-entry-form { padding: 15px; }
        .app-theme-navy .entry-field :where(input, select, textarea) { font-size: 16px; }
        .app-theme-navy .quick-add-header { padding: 15px; }
        .app-theme-navy #statisticsFilters { padding: 0; }
        .app-theme-navy .statistics-secondary-facts { gap: 12px; }
        .app-theme-navy .statistics-secondary-facts > div { flex: 1 1 42%; }
        .app-theme-navy .modern-footer { padding-inline: 16px; }
        .app-theme-navy .edit-record-shell { width: calc(100% - 24px); }
        .app-theme-navy .edit-record-shell .btn-container > * { flex: 1; min-width: 0 !important; }
        .app-theme-navy .displayed-summary-modern .bento-stats { grid-template-columns: minmax(0, 1fr) !important; }
    }
    @media (max-width: 370px) {
        .app-theme-navy .page-content { width: calc(100% - 24px); }
        .app-theme-navy .brand-title { font-size: 14px; }
        .app-theme-navy .brand-logo { width: 39px; height: 39px; }
        .app-theme-navy .stat-details p,
        .app-theme-navy #overview .stat-details p { font-size: 18px; }
        .app-theme-navy .stat-details h4 { padding-inline-end: 16px; }
        .app-theme-navy .home-add-form .entry-row { grid-template-columns: minmax(0, 1fr); }
        .app-theme-navy #filterForm .entry-row { grid-template-columns: minmax(0, 1fr); }
        .app-theme-navy .home-heading-actions > * { flex: 1; }
    }
    @media (prefers-reduced-motion: reduce) {
        .app-theme-navy *, .app-theme-navy *::before, .app-theme-navy *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
    }
}