/* Asas 1.9.7: isolated, reversible Siraj-inspired presentation layer. */
:root{--asas-theme-primary:#0b5545;--asas-theme-accent:#2ca99f;--asas-theme-radius:18px;--asas-theme-font:Tahoma,Arial,sans-serif}
body{font-family:var(--asas-theme-font);background:#f3f8f6}
.wrap .top{border-radius:var(--asas-theme-radius);border-top:4px solid var(--asas-theme-accent)}
.wrap .card,.wrap .metric-card{border-radius:var(--asas-theme-radius)}
.wrap .brand,.wrap .section-title{color:var(--asas-theme-primary)}
.wrap .dashboard-hero{background:linear-gradient(115deg,var(--asas-theme-accent),#e5f6f1);border-color:transparent}
.wrap .btn:not(.secondary):not(.warn):not(.danger){background:var(--asas-theme-primary);color:#fff}
.wrap .metric-card:focus-visible,.wrap a:focus-visible,.wrap button:focus-visible{outline:3px solid var(--asas-theme-accent);outline-offset:3px}
.asas-theme-overlay[hidden]{display:none!important}
.asas-theme-overlay{position:fixed;inset:0;background:#082d26a6;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
.asas-theme-panel{width:min(480px,100%);max-height:90vh;overflow:auto;background:#fff;color:#17332f;border-radius:20px;padding:24px;box-shadow:0 24px 70px #0003}
.asas-theme-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.asas-theme-panel h2{margin:0}.asas-theme-panel label{margin-top:12px}.asas-theme-panel input[type=color]{height:48px;padding:4px;cursor:pointer}.asas-theme-panel input[type=range]{padding:0}.asas-theme-panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.asas-theme-note{font-size:13px;color:#506e64}
@media(max-width:700px){.asas-theme-panel{padding:16px}.asas-theme-panel-actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.asas-theme-overlay *{transition:none!important}}

/* 1.9.8: manager-only Siraj-style navigation; existing functionality untouched. */
.wrap--manager-dashboard{max-width:1480px;display:grid;grid-template-columns:minmax(0,1fr) 248px;column-gap:22px;align-items:start}
.wrap--manager-dashboard>.top,.wrap--manager-dashboard>.alert,.wrap--manager-dashboard>.asas-theme-overlay{grid-column:1/-1}
.asas-side-nav{grid-column:2;grid-row:2;position:sticky;top:16px;min-height:calc(100vh - 130px);padding:22px 14px;background:linear-gradient(160deg,#064e3d,#086451);color:#fff;border-radius:22px;box-shadow:0 12px 32px #063b3025}
.asas-dashboard-content{grid-column:1;grid-row:2;min-width:0}
.asas-side-brand{display:flex;align-items:center;gap:12px;padding:6px 8px 20px;border-bottom:1px solid #ffffff32}
.asas-side-brand strong,.asas-side-brand small{display:block;color:white}.asas-side-brand small{font-size:11px;opacity:.8;margin-top:5px}
.asas-side-monogram{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff55;border-radius:13px;font-weight:800;font-size:22px}
.asas-side-section{font-size:11px;opacity:.72;padding:24px 12px 10px}
.asas-side-link{display:block;width:100%;text-align:right;text-decoration:none;color:white;background:transparent;border:0;border-radius:12px;padding:12px 14px;margin:3px 0;font:inherit;font-size:14px;cursor:pointer}
.asas-side-link:hover,.asas-side-link:focus-visible{background:#ffffff22;color:white}.asas-side-link.is-active{background:#e6f8f3;color:#064e3d;font-weight:700}
.asas-side-toggle{display:none}
@media(max-width:950px){.wrap--manager-dashboard{display:block}.asas-side-nav{position:static;min-height:0;display:none;margin:12px 0}.asas-side-nav.is-open{display:block}.asas-side-toggle{display:block;width:100%;padding:12px;border:1px solid #b6d5cc;border-radius:12px;background:#e6f8f3;color:#064e3d;font-weight:bold;margin:12px 0}.asas-dashboard-content{width:100%}}

/* V1.9.9: shared, RTL-first, collapsible manager navigation across ALL manager pages. */
.wrap:has(.asas-app-shell){max-width:1560px;width:100%;direction:rtl}
.asas-app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);gap:22px;align-items:start;direction:rtl}
.asas-app-shell>.asas-side-nav{grid-column:1;grid-row:1;position:sticky;top:16px;min-height:calc(100vh - 32px);max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin}
.asas-app-main{grid-column:2;grid-row:1;min-width:0}
.asas-app-main .dashboard-hero{max-width:100%}
.asas-side-brand{position:relative}.asas-side-collapse{margin-inline-start:auto;background:#ffffff18;color:white;border:1px solid #ffffff55;border-radius:9px;min-width:32px;min-height:32px;cursor:pointer}
.asas-side-icon{display:inline-grid;place-items:center;min-width:23px;font-size:18px;margin-inline-end:9px}.asas-side-text{vertical-align:middle}
.asas-app-shell.is-collapsed{grid-template-columns:76px minmax(0,1fr)}
.asas-app-shell.is-collapsed .asas-side-nav{padding-inline:8px}
.asas-app-shell.is-collapsed .asas-side-brand-text,.asas-app-shell.is-collapsed .asas-side-section,.asas-app-shell.is-collapsed .asas-side-text{display:none}
.asas-app-shell.is-collapsed .asas-side-brand{flex-direction:column;gap:6px;padding:8px 0 12px}
.asas-app-shell.is-collapsed .asas-side-link{text-align:center;padding:12px 5px}
.asas-app-shell.is-collapsed .asas-side-icon{margin:0}
.asas-app-shell.is-collapsed .asas-side-collapse{margin:0}
@media(max-width:950px){.asas-app-shell,.asas-app-shell.is-collapsed{display:block}.asas-app-shell>.asas-side-nav{position:fixed;top:0;right:0;left:auto;bottom:0;width:min(310px,85vw);max-height:none;min-height:100vh;z-index:9001;display:block;transform:translateX(105%);transition:transform .2s ease;border-radius:0;box-shadow:0 0 0 100vmax transparent}.asas-app-shell>.asas-side-nav.is-open{transform:translateX(0);box-shadow:0 0 0 100vmax #001a166b}.asas-side-toggle{display:block;position:sticky;top:6px;z-index:9000;width:auto;max-width:100%;margin:8px 0 16px}.asas-app-shell.is-collapsed .asas-side-brand-text,.asas-app-shell.is-collapsed .asas-side-section,.asas-app-shell.is-collapsed .asas-side-text{display:initial}.asas-app-shell.is-collapsed .asas-side-brand{flex-direction:row}.asas-app-shell.is-collapsed .asas-side-link{text-align:right}.asas-app-shell.is-collapsed .asas-side-icon{margin-inline-end:9px}}
@media print{.asas-app-shell,.asas-app-shell.is-collapsed{display:block}.asas-app-main{width:100%}}
/* Override V1.9.8 dashboard-only grid now that the shell owns all layout. */
.wrap.wrap--manager-dashboard:has(.asas-app-shell){display:block;grid-template-columns:none}
@media(min-width:951px){.asas-app-shell>.asas-side-nav{direction:rtl}}

/* V1.9.10: Explicit visual order: right sidebar, left content, independent of grid RTL auto-placement. */
@media(min-width:951px){
  .asas-app-shell{direction:ltr;grid-template-columns:minmax(0,1fr) 248px}
  .asas-app-shell>.asas-side-nav{grid-column:2;grid-row:1;direction:rtl}
  .asas-app-shell>.asas-app-main{grid-column:1;grid-row:1;direction:rtl}
  .asas-app-shell.is-collapsed{grid-template-columns:minmax(0,1fr) 76px}
}
.asas-attention-action{align-self:flex-start}