:root {
    --ux-green-950: #082417; --ux-green-900: #0b2b1c; --ux-green-800: #16452f;
    --ux-gold: #c99a3d; --ux-gold-soft: #f5e7c7; --ux-cream: #f7f3e9;
    --ux-surface: #fff; --ux-ink: #17251d; --ux-muted: #617068; --ux-line: #dfe5df;
    --ux-danger: #a63131; --ux-radius-sm: 10px; --ux-radius: 16px; --ux-radius-lg: 22px;
    --ux-shadow: 0 12px 34px rgba(8,36,23,.08); --ux-sidebar: 268px; --ux-header: 72px; --ux-bottom-nav: 72px;
}
*,*::before,*::after{box-sizing:border-box} html{min-width:320px;scroll-behavior:smooth}
body.unified-app-shell{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--ux-ink);background:var(--ux-cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a,button,input,select,textarea{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(201,154,61,.55);outline-offset:2px}
.skip-link{position:fixed;z-index:1000;left:12px;top:8px;transform:translateY(-160%);padding:10px 14px;border-radius:10px;color:#fff;background:var(--ux-green-900)}.skip-link:focus{transform:none}
.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:var(--ux-sidebar);min-height:100vh;flex-direction:column;overflow-y:auto;color:#fff;background:linear-gradient(180deg,var(--ux-green-950),var(--ux-green-900))}
.sidebar-brand{display:flex;min-height:112px;align-items:center;gap:12px;padding:22px 20px;color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1)}
.logo-mark[hidden]{display:none!important}
.sidebar-brand .brand-logo-img{width:58px;height:58px;flex:0 0 58px;padding:4px;border-radius:50%;object-fit:contain;background:var(--ux-cream)}.sidebar-brand .logo-mark{width:52px;height:52px;align-items:center;justify-content:center;border:1px solid rgba(201,154,61,.7);border-radius:50%;color:var(--ux-gold);font-weight:800}.sidebar-brand .logo-mark:not([hidden]){display:inline-flex}
.brand-copy{display:grid;min-width:0;gap:3px}.brand-copy strong{font-family:Georgia,serif;font-size:1.05rem}.brand-copy small{color:rgba(255,255,255,.67);font-size:.68rem}
.sidebar-nav{flex:1;padding:14px 12px 24px}.sidebar-group{margin:0 0 16px}.sidebar-group h2{margin:0 10px 6px;color:rgba(255,255,255,.56);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sidebar-group a{display:flex;min-height:42px;align-items:center;gap:11px;margin:2px 0;padding:9px 12px;border-radius:11px;color:rgba(255,255,255,.82);text-decoration:none}.sidebar-group a:hover,.sidebar-group a.is-active{color:#fff;background:rgba(255,255,255,.11)}.sidebar-group a.is-active{box-shadow:inset 3px 0 0 var(--ux-gold)}.sidebar-group .td-icon{width:19px;height:19px;flex:0 0 19px;color:var(--ux-gold)}
.sidebar-user-card{display:flex;align-items:center;gap:10px;margin:12px;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.07)}.sidebar-user-card>span:last-child{display:grid;min-width:0;gap:2px}.sidebar-user-card strong,.sidebar-user-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-card small{color:rgba(255,255,255,.63)}
.avatar-dot,.topbar-avatar{display:inline-flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;border-radius:50%;color:var(--ux-green-950);background:var(--ux-gold);font-size:.75rem;font-weight:900}
.app-main{min-height:100vh;margin-left:var(--ux-sidebar)}
.topbar{position:sticky;top:0;z-index:20;display:flex;min-height:var(--ux-header);align-items:center;justify-content:flex-end;gap:18px;padding:10px clamp(20px,3vw,48px);border-bottom:1px solid var(--ux-line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.topbar-brand{display:none;color:inherit;text-decoration:none}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-user-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.topbar-logout{min-height:40px;display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--ux-line);border-radius:10px;color:var(--ux-green-900);text-decoration:none;font-weight:750}
.pin-reset-notice{margin:12px clamp(18px,3vw,48px) 0;padding:12px 16px;border-radius:12px;color:#553608;background:var(--ux-gold-soft)}.content-shell{width:min(100%,1680px);min-width:0;margin:0 auto;padding:clamp(20px,3vw,44px)}.content-shell>*{max-width:100%}
.content-shell h1{color:var(--ux-green-950);font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.15}.content-shell h2{color:var(--ux-green-900)}.content-shell p,.content-shell small{line-height:1.5}
.content-shell :where(.card,.panel,.summary-card,.metric-card,.admin-users-card,.etpos-card,.sales-card,.stock-card,.invoice-card,.reservation-card){border-color:var(--ux-line);border-radius:var(--ux-radius);box-shadow:0 5px 20px rgba(8,36,23,.045)}
.content-shell :where(form,.filters,.filter-bar,.filter-form,.login-form){min-width:0}.content-shell label{color:var(--ux-green-900);font-weight:700}.content-shell :where(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;min-height:44px;border:1px solid var(--ux-line);border-radius:var(--ux-radius-sm);background:#fff;color:var(--ux-ink)}.content-shell textarea{min-height:104px;resize:vertical}.content-shell :where(button,.button,.btn,[class$="-button"],[class$="-link"]){min-height:42px;border-radius:var(--ux-radius-sm)}
.content-shell table{width:100%;border-collapse:separate;border-spacing:0;background:var(--ux-surface)}.content-shell th{color:var(--ux-green-900);background:#f0f4f0;font-size:.78rem;letter-spacing:.025em;text-align:left}.content-shell th,.content-shell td{padding:12px 14px;border-bottom:1px solid var(--ux-line);vertical-align:top}.content-shell tr:last-child td{border-bottom:0}.status-badge,.badge,[class*="status-"]{border-radius:999px}.empty-state,[class*="empty"]{color:var(--ux-muted)}
.technical-details{margin-top:18px;border:1px solid var(--ux-line);border-radius:var(--ux-radius);background:#f7f9f7}.technical-details summary{min-height:46px;display:flex;cursor:pointer;align-items:center;padding:12px 16px;color:var(--ux-green-900);font-weight:800}.technical-details-content{padding:0 16px 16px;color:var(--ux-muted)}
/* Historical production identity on the canonical responsive dashboard. */
.dashboard-welcome{padding:16px 18px;margin-bottom:12px;border:1px solid var(--ux-line);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(8,36,23,.05)}
.dashboard-welcome h1{margin:0;font-size:1.15rem;line-height:1.3}
.dashboard-welcome p{margin:4px 0 0;color:var(--ux-muted);font-size:.8rem}
.module-groups{display:grid;gap:12px}
.module-group{min-width:0;padding:14px;border:1px solid var(--ux-line);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(8,36,23,.05)}
.module-group h2{margin:0 0 10px;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}
.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.module-card{display:flex;min-width:0;min-height:76px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:9px 5px;border:1px solid rgba(11,43,28,.1);border-radius:11px;color:var(--ux-green-900);background:#fffdf8;text-align:center;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.module-card .td-icon{width:23px;height:23px;flex-shrink:0;color:var(--ux-green-800)}
.module-card strong{max-width:100%;font-size:.72rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.module-card:hover{border-color:var(--ux-gold);background:var(--ux-gold-soft);transform:translateY(-1px)}
.module-card:active{transform:translateY(1px)}
@media(max-width:600px){.dashboard-welcome{padding:14px}.dashboard-welcome h1{font-size:1rem}.dashboard-welcome p{font-size:.72rem}.module-group{padding:12px}.module-grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:7px}.module-card{min-height:70px;padding:7px 4px}.module-card strong{font-size:.64rem}}
.cashdro-screen{display:grid;max-width:1320px;margin:0 auto;gap:18px}.cashdro-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.cashdro-heading .eyebrow,.cashdro-section-title .eyebrow{margin:0 0 4px;color:var(--ux-gold);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cashdro-heading h1,.cashdro-section-title h2{margin:0}.cashdro-heading p:not(.eyebrow){max-width:700px;margin:7px 0 0;color:var(--ux-muted)}.cashdro-heading .admin-hero-link{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:9px 13px;border:1px solid var(--ux-line);color:var(--ux-green-900);background:#fff;text-decoration:none}.cashdro-heading .td-icon{width:18px}
.cashdro-status-card{display:flex;min-height:100px;align-items:center;gap:16px;padding:20px;border:1px solid #efd89d;border-radius:var(--ux-radius-lg);background:#fff8e8;box-shadow:var(--ux-shadow)}.cashdro-status-card.is-ok{border-color:#b8d8c5;background:#edf8f1}.cashdro-status-card.is-neutral{border-color:var(--ux-line);background:#f5f7f5}.cashdro-status-icon{display:inline-flex;width:50px;height:50px;flex:0 0 50px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#b27413;font-size:1.4rem;font-weight:900}.cashdro-status-card.is-ok .cashdro-status-icon{background:var(--ux-green-800)}.cashdro-status-card.is-neutral .cashdro-status-icon{background:var(--ux-muted)}.cashdro-status-icon .td-icon{width:25px}.cashdro-status-card>div{display:grid;gap:2px}.cashdro-status-card span:not(.cashdro-status-icon),.cashdro-status-card small{color:var(--ux-muted)}.cashdro-status-card strong{color:var(--ux-green-950);font-size:clamp(1.2rem,2vw,1.6rem)}
.cashdro-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cashdro-summary article{display:grid;min-height:112px;align-content:center;gap:5px;padding:20px;border:1px solid var(--ux-line);border-radius:var(--ux-radius);background:#fff;box-shadow:var(--ux-shadow)}.cashdro-summary article.has-warning{border-color:#e4c06a;background:#fffaf0}.cashdro-summary span{color:var(--ux-muted);font-weight:750}.cashdro-summary strong{color:var(--ux-green-950);font-size:clamp(1.35rem,2.5vw,2rem)}.cashdro-updated{margin:-4px 2px 0;color:var(--ux-muted)}
.cashdro-filter-card,.cashdro-movements{padding:20px;border:1px solid var(--ux-line);border-radius:var(--ux-radius);background:#fff;box-shadow:var(--ux-shadow)}.cashdro-filters{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;gap:12px;align-items:end}.cashdro-filters label{display:grid;gap:6px}.cashdro-filters button{min-height:44px;padding:9px 18px;border:0;color:#fff;background:var(--ux-green-800);font-weight:800}.cashdro-technical-filter{grid-column:1/-2;padding:8px 12px;border:1px solid var(--ux-line);border-radius:var(--ux-radius-sm);background:#f7f9f7}.cashdro-technical-filter summary,.cashdro-row-details summary{cursor:pointer;color:var(--ux-green-800);font-weight:800}.cashdro-technical-filter label{max-width:240px;margin-top:10px}.cashdro-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.cashdro-section-title>span{color:var(--ux-muted);font-weight:750}.cashdro-empty{padding:34px 18px;border:1px dashed #cbd5cd;border-radius:var(--ux-radius);color:var(--ux-muted);background:#fafcf9;text-align:center}.cashdro-table{min-width:760px}.cashdro-status{white-space:normal}.cashdro-evidence{display:grid;min-width:580px;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;padding:12px 0}.cashdro-evidence>div{display:grid;gap:4px;padding:10px;border:1px solid var(--ux-line);border-radius:10px;background:#f8faf8}.cashdro-evidence span{color:var(--ux-muted);font-size:.78rem;overflow-wrap:anywhere}
.cashdro-technical-details{margin-top:0}.cashdro-technical-details>.technical-details-content{display:grid;gap:24px}.cashdro-technical-details section{display:grid;gap:12px}.cashdro-technical-details h2{margin:4px 0 0;font-size:1rem}.cashdro-cycle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cashdro-cycle-grid>div{border-color:var(--ux-line);background:#fff}.cashdro-timestamps,.cashdro-counts{gap:10px}.cashdro-timestamps>div{padding:12px;border:1px solid var(--ux-line);border-radius:10px;background:#fff}.cashdro-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.cashdro-counts span{min-width:0;background:#fff}.cashdro-counts code{color:var(--ux-muted);font-size:.65rem;overflow-wrap:anywhere}
.app-bottom-nav,.app-more-menu,.nav-backdrop{display:none}
@media(max-width:900px){
 body.unified-app-shell{padding-bottom:calc(var(--ux-bottom-nav) + env(safe-area-inset-bottom))}.app-sidebar{display:none}.app-main{margin-left:0}.topbar{min-height:66px;justify-content:space-between;padding:8px 14px}.topbar-brand{display:flex;min-width:0;align-items:center;gap:9px}.topbar-brand .brand-logo-img{width:42px;height:42px;object-fit:contain}.topbar-brand .logo-mark:not([hidden]){display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;color:var(--ux-gold);background:var(--ux-green-900);font-weight:900}.topbar-brand>div{display:grid;min-width:0}.topbar-brand strong{color:var(--ux-green-900);font-family:Georgia,serif;font-size:.94rem}.topbar-brand span{color:var(--ux-muted);font-size:.61rem}.topbar-user-name,.topbar-logout{display:none}.topbar-avatar{width:36px;height:36px;flex-basis:36px}.content-shell{padding:18px 14px 24px}
 .app-bottom-nav{position:fixed;z-index:50;inset:auto 0 0;display:grid;min-height:calc(var(--ux-bottom-nav) + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 4px env(safe-area-inset-bottom);border-top:1px solid var(--ux-line);background:rgba(255,255,255,.97);box-shadow:0 -10px 30px rgba(8,36,23,.09);backdrop-filter:blur(14px)}.app-bottom-nav a,.app-bottom-nav button{display:grid;min-width:0;min-height:58px;place-items:center;align-content:center;gap:4px;padding:4px 2px;border:0;border-radius:10px;color:var(--ux-muted);background:transparent;text-decoration:none;font-size:.67rem;font-weight:750;line-height:1.1;white-space:nowrap}.app-bottom-nav a.is-active,.app-bottom-nav button.is-active,.app-bottom-nav button[aria-expanded="true"]{color:var(--ux-green-900);background:rgba(201,154,61,.14)}.app-bottom-nav .td-icon{width:21px;height:21px;flex:0 0 21px}
 .app-more-menu{position:fixed;z-index:70;inset:auto 0 0;display:block;max-height:min(82vh,720px);padding-bottom:env(safe-area-inset-bottom);overflow:auto;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -20px 60px rgba(8,36,23,.22);transform:translateY(105%);visibility:hidden;transition:transform .22s ease,visibility .22s}.app-more-menu.is-open{transform:none;visibility:visible}.app-more-menu>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--ux-line);background:#fff}.app-more-menu>header div{display:grid;gap:2px}.app-more-menu>header span{color:var(--ux-gold);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.app-more-menu>header button{width:42px;height:42px;border:1px solid var(--ux-line);border-radius:50%;color:var(--ux-green-900);background:#fff}.app-more-menu>header .td-icon{width:20px}.app-more-menu nav{padding:10px 14px 24px}.app-more-menu section{margin:0 0 18px}.app-more-menu h2{margin:12px 5px 7px;color:var(--ux-muted);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase}.app-more-menu section a,.menu-logout{display:flex;min-height:48px;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--ux-ink);text-decoration:none}.app-more-menu section a.is-active{color:var(--ux-green-900);background:var(--ux-gold-soft);font-weight:800}.app-more-menu .td-icon{width:20px;height:20px;color:var(--ux-green-800)}.menu-logout{margin-top:12px;border-top:1px solid var(--ux-line);color:var(--ux-danger)}.nav-backdrop{position:fixed;z-index:60;inset:0;background:rgba(3,18,11,.5)}.nav-backdrop:not([hidden]){display:block}body.nav-open{overflow:hidden}
 .dashboard-welcome{align-items:flex-start}.content-shell form :where(input:not([type=checkbox]):not([type=radio]),select,textarea,button){width:100%}.content-shell :where(.filters,.filter-bar,.filter-form,.form-grid,.admin-form-grid){grid-template-columns:1fr!important}
 .content-shell table.responsive-table{display:block;border:0;background:transparent}.content-shell table.responsive-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content-shell table.responsive-table tbody,.content-shell table.responsive-table tr,.content-shell table.responsive-table td{display:block;width:100%}.content-shell table.responsive-table tr{margin-bottom:12px;padding:9px 12px;border:1px solid var(--ux-line);border-radius:var(--ux-radius);background:#fff;box-shadow:0 5px 20px rgba(8,36,23,.045)}.content-shell table.responsive-table td{display:grid;min-height:38px;grid-template-columns:minmax(92px,.8fr) minmax(0,1.2fr);gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0ed;overflow-wrap:anywhere;text-align:right}.content-shell table.responsive-table td:last-child{border-bottom:0}.content-shell table.responsive-table td::before{content:attr(data-label);color:var(--ux-muted);font-size:.72rem;font-weight:800;letter-spacing:.02em;text-align:left;text-transform:uppercase}.content-shell table.responsive-table td[data-label=""]::before{display:none}
 .cashdro-heading{align-items:flex-start}.cashdro-filter-card,.cashdro-movements{padding:16px}.cashdro-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cashdro-filters button,.cashdro-technical-filter{grid-column:1/-1}.cashdro-table{min-width:0}.cashdro-evidence{min-width:0;grid-template-columns:1fr;text-align:left}.cashdro-cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cashdro-timestamps,.cashdro-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.cashdro-row-details{text-align:left}
}
@media(max-width:430px){.content-shell{padding-inline:12px}.app-bottom-nav a,.app-bottom-nav button{font-size:.62rem}.cashdro-heading{display:grid}.cashdro-heading .admin-hero-link{justify-self:start}.cashdro-status-card{padding:16px}.cashdro-summary{gap:7px}.cashdro-summary article{min-height:96px;padding:12px 9px}.cashdro-summary span{font-size:.75rem}.cashdro-summary strong{font-size:1.05rem}.cashdro-filters{grid-template-columns:1fr}.cashdro-section-title{align-items:flex-start}.cashdro-cycle-grid,.cashdro-timestamps,.cashdro-counts{grid-template-columns:1fr}}
@media(max-width:360px){.topbar-brand strong{font-size:.86rem}.topbar-brand .brand-logo-img{width:38px;height:38px}.content-shell table.responsive-table td{grid-template-columns:1fr;gap:3px;text-align:left}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.module-card-status{max-width:100%;color:var(--ux-muted);font-size:.62rem;font-weight:700;line-height:1.1;overflow-wrap:anywhere}
.vendas-tabs{display:flex;flex-wrap:wrap;gap:5px;min-width:0;overflow:visible}
.vendas-tabs a{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:center;padding:6px 4px;text-align:center;white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.vendas-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){.vendas-tabs a{font-size:.7rem;padding-inline:2px}}
.reconciliation-filters form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:end}.reconciliation-filters label{display:grid;gap:6px;font-weight:700}.reconciliation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}.reconciliation-panel{display:flex;min-width:0;flex-direction:column;gap:12px}.reconciliation-panel h2{margin:0}.reconciliation-panel dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0}.reconciliation-panel dt{color:var(--ux-muted)}.reconciliation-panel dd{margin:0;font-weight:800;text-align:right}.reconciliation-panel a{color:var(--ux-green-800);font-weight:800}.reconciliation-status{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--ux-line);border-radius:12px;background:#fff}.reconciliation-status.is-ok{background:#edf8f1;border-color:#b8d8c5}.reconciliation-status.is-warning{background:#fff8e8;border-color:#efd89d}.reconciliation-status.is-danger{background:#fff0ef;border-color:#ecc1bd}.reconciliation-status strong{letter-spacing:.04em}.reconciliation-calendar .admin-card-title nav{display:flex;align-items:center;gap:12px}.reconciliation-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.reconciliation-day{display:grid;min-height:54px;place-items:center;padding:7px;border:1px solid var(--ux-line);border-radius:10px;color:inherit;text-decoration:none;background:#f5f7f5}.reconciliation-day small{font-size:.63rem}.reconciliation-day.is-ok{background:#edf8f1;border-color:#b8d8c5}.reconciliation-day.is-warning{background:#fff8e8;border-color:#efd89d}.reconciliation-day.is-danger{background:#fff0ef;border-color:#ecc1bd}
.reconciliation-latest-label{color:var(--ux-muted);font-size:.75rem;font-weight:600}.reconciliation-emphasis{color:var(--ux-green-900)!important}.reconciliation-total-card{padding-top:8px;border-top:2px solid var(--ux-gold);color:var(--ux-green-950)!important;font-size:1.05em}
@media(max-width:900px){.reconciliation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reconciliation-filters form{grid-template-columns:repeat(2,minmax(0,1fr))}.reconciliation-filters button{grid-column:1/-1}}
@media(max-width:600px){.reconciliation-grid{grid-template-columns:1fr}.reconciliation-filters form{grid-template-columns:1fr}.reconciliation-filters button{grid-column:auto}.reconciliation-calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reconciliation-day{min-height:48px}}

/* Keep the current shell and dynamic active item; recover production colours. */
@media(max-width:900px){
 .unified-app-shell .topbar{background:var(--ux-green-900);border-bottom-color:rgba(201,154,61,.25);color:#fff}
 .topbar-brand strong{color:var(--ux-gold);font-family:Georgia,"Times New Roman",serif}
 .topbar-brand span{color:rgba(255,255,255,.72)}
 .app-bottom-nav{inset:auto 12px calc(10px + env(safe-area-inset-bottom));min-height:62px;padding:5px;border:1px solid rgba(201,154,61,.2);border-radius:18px;background:#002817;box-shadow:0 6px 20px rgba(8,36,23,.18)}
 .app-bottom-nav a,.app-bottom-nav button{min-height:50px;color:#fff;border-radius:12px}
 .app-bottom-nav a.is-active{color:var(--ux-green-900);background:var(--ux-gold)}
 .app-bottom-nav a:hover,.app-bottom-nav button:hover{background:rgba(201,154,61,.18)}
 .app-bottom-nav a.is-active:hover{background:var(--ux-gold)}
}