.tr-spaced{margin-top:18px!important}.tr-search{flex:1;min-width:180px}.tr-search input{width:100%}
.module-heading{align-items:flex-start;flex-wrap:wrap}.module-back{margin-left:auto;display:inline-flex;align-items:center;gap:8px;max-width:100%;text-align:right}.module-menu .card{min-height:240px}.module-menu .cardtop{margin-bottom:24px}.module-menu .card h2{line-height:1.6}.module-menu .card p{margin-top:8px}
@media(max-width:540px){.module-heading>div{width:100%}.module-menu{grid-template-columns:1fr}.module-menu .card{min-height:200px}.module-back{font-size:14px}}
.allowance-province-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-height:360px;overflow:auto;margin-top:16px;padding:8px}.allowance-province-grid [hidden]{display:none}.allowance-province-grid .checkbox{align-items:center;gap:8px}

/* Mobile drawer: no reserved sidebar space; desktop navigation remains separate. */
#sidebar-close,#sidebar-backdrop{display:none}
@media screen and (max-width:850px){
 body .workspace,body .workspace:not(.full),body.sidebar-collapsed .workspace:not(.full){margin-left:0;margin-right:0;width:100%;min-width:0}
 body #sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,85vw);height:100vh;height:100dvh;box-sizing:border-box;z-index:1001;overflow-y:auto;overscroll-behavior:contain;padding:70px 16px 24px;transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s}
 body.mobile-menu-open #sidebar{transform:translateX(0);visibility:visible}
 body.mobile-menu-open{overflow:hidden}
 #sidebar nav{display:block;overflow:visible}
 #sidebar .nav-label{display:block}
 #sidebar .brand-short{display:none}
 #sidebar .navlabel{display:block;height:auto;font-size:12px;padding:17px 13px 6px}
 #sidebar-close{display:flex;align-items:center;justify-content:center;position:absolute;top:12px;right:12px;width:44px;height:44px;padding:0;font-size:30px;line-height:1;color:#fff;background:transparent;border:1px solid #ffffff70;z-index:1}
 #sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#0006;z-index:1000}
 .notification-panel{left:12px;right:12px;max-width:calc(100vw - 24px)}
}
@media(prefers-reduced-motion:reduce){body #sidebar{transition:none}}
/* Module palette retained for future use. Default: original theme colors.
   Opt in by adding data-module-colors="on" to the html element.
   Only navigation SVGs are affected; text and surfaces retain the theme. */
[data-icon-module="transport"]{--module-icon:#2374b9;--module-icon-light:#86c6ff}
[data-icon-module="overtime"]{--module-icon:#956015;--module-icon-light:#ffd17a}
[data-icon-module="employees"]{--module-icon:#8253b6;--module-icon-light:#d4b5ff}
[data-icon-module="housing"]{--module-icon:#008578;--module-icon-light:#74e0ce}
[data-icon-module="maintenance"]{--module-icon:#c25b2a;--module-icon-light:#ffb38c}
[data-icon-module="security"]{--module-icon:#5265ba;--module-icon-light:#b4c1ff}
[data-icon-module="supplies"]{--module-icon:#4d8039;--module-icon-light:#b8df93}
[data-icon-module="petty_cash"]{--module-icon:#b34474;--module-icon-light:#ffafcf}
[data-icon-module="online"]{--module-icon:#147e9c;--module-icon-light:#85def6}
[data-icon-module="administration"]{--module-icon:#667085;--module-icon-light:#d2d9e5}
html[data-module-colors="on"] .card[data-icon-module] .cardtop>svg{color:var(--module-icon)}
html[data-module-colors="on"] .sidebar .navitem[data-icon-module]>svg,html[data-module-colors="on"][data-theme="dark"] .card[data-icon-module] .cardtop>svg{color:var(--module-icon-light)}
.nav-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;font-size:14px;overflow-wrap:anywhere}
.nav-breadcrumbs a{padding:6px 0;text-decoration:underline;text-underline-offset:4px;min-height:36px;display:inline-flex;align-items:center}
.nav-breadcrumbs [aria-current]{font-weight:600}
.module-back-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:540px){.module-back-actions{width:100%;justify-content:flex-end}.module-back-actions .button{font-size:13px}.nav-breadcrumbs{font-size:12px;gap:6px}.module-menu .card{min-height:180px}}
@media print{.nav-breadcrumbs,.module-back-actions{display:none!important}.card[data-icon-module] .cardtop>svg{color:#000!important}}

/* Mobile: omit the repeated workspace label above page titles. */
@media screen and (max-width:850px){.module-heading .eyebrow{display:none}}

/* No layout animation while restoring the saved sidebar on first paint. */
html.sidebar-initializing .sidebar,html.sidebar-initializing .workspace{transition:none!important}

[data-icon-module="announcements"]{--module-icon:#576c8a;--module-icon-light:#c1d0e3}

/* PC97: mobile navigation spacing only; desktop retains its existing layout. */
@media screen and (max-width:760px),screen and (max-width:1024px) and (hover:none) and (pointer:coarse){
 .module-back-actions,[data-module-back],[data-module-root],.ds-app #ds-back{display:none!important}
 main>.nav-breadcrumbs{margin-bottom:8px}
 main>.nav-breadcrumbs a{padding-top:2px;padding-bottom:2px;min-height:30px}
 main>.module-heading{margin-top:0;margin-bottom:12px;gap:0}
 main>.module-heading h1{margin-top:0}
 main>.module-heading p:empty{display:none}
 main>.nav-breadcrumbs+.ds-app .ds-head{margin-top:0}
 main>.nav-breadcrumbs+.ds-app .ds-head h1{margin-top:0}
}