/* Alpha 45: Seven accounting sections. Existing DICABON theme variables retained. */
.accounting-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 14px}
.accounting-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:10px 7px;font:inherit;font-weight:700;color:var(--text);background:var(--paper);border:1px solid #cbdff9;border-radius:12px;cursor:pointer;white-space:normal;line-height:1.3}
.accounting-tab[aria-selected="true"]{color:var(--blue);background:#e7f1ff;border-color:var(--blue);box-shadow:inset 0 -3px 0 var(--blue)}
.accounting-tab-number{opacity:.7;font-size:.82em;flex-shrink:0}
.accounting-tab:focus-visible,.accounting-subtab:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.accounting-tab-panel{min-width:0}
.accounting-subtabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
.accounting-subtab{font:inherit;font-weight:700;min-height:42px;padding:8px 18px;background:var(--paper);color:var(--text);border:1px solid #cbdff9;border-radius:12px;cursor:pointer}
.accounting-subtab.is-active{color:var(--blue);background:#e7f1ff;border-color:var(--blue)}
.accounting-summary{margin-top:12px}
@media(max-width:680px){.accounting-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.accounting-tab{min-height:49px;font-size:13px;padding:9px 6px}}

/* Alpha 50: prevent bottom navigation and system gesture bar from obscuring accounting actions. */
#accounting, .accounting-page, .accounting-panel, [data-accounting-pane] { scroll-margin-bottom: 130px; }
.main-content:has(.accounting-tabs) {padding-bottom:calc(165px + env(safe-area-inset-bottom, 0px))!important;}
@media(max-width:760px){
 .main-content:has(.accounting-tabs) {padding-bottom:calc(180px + env(safe-area-inset-bottom, 0px))!important;}
 .main-content:has(.accounting-tabs) .dicabon-export-dropdown {margin-bottom:18px;}
 .main-content:has(.accounting-tabs) .dicabon-export-options {max-width:calc(100vw - 36px);}
}

/* Cross-WebView fallback for older engines without the :has() selector. */
.dicabon-accounting-active #view.main-content{padding-bottom:calc(165px + env(safe-area-inset-bottom, 0px))!important}
@media(max-width:760px){.dicabon-accounting-active #view.main-content{padding-bottom:calc(180px + env(safe-area-inset-bottom, 0px))!important}}

/* Keep payroll controls and the export menu inside narrow mobile screens. */
@media(max-width:520px){
 .payroll-row{flex-wrap:wrap}
 .payroll-row > div:first-child{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}
}
/* Alpha 79: the viewport-aware export controller decides the horizontal offset. */