@font-face{font-family:'Motakamel Numerals';src:local('Arial');font-style:normal;font-weight:100 900;unicode-range:U+002B-003A,U+0660-0669,U+06F0-06F9;font-display:swap}
@font-face{font-family:'Droid Arabic Kufi';font-style:normal;font-weight:400;src:url('/fonts/DroidKufi-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Droid Arabic Kufi';font-style:normal;font-weight:700;src:url('/fonts/DroidKufi-Bold.ttf') format('truetype');font-display:swap}
:root{--brand:#136e63;--ink:#1c3334;--muted:#5c6b6c;--line:#e3eae7;--paper:#f4f7f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Noto Sans Arabic',Tahoma,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:9px;padding:9px 15px;color:var(--ink)}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #d1aa51;outline-offset:3px}.sidebar{position:fixed;right:0;top:0;bottom:0;width:255px;background:#102e2c;color:#fff;padding:34px 20px;display:flex;flex-direction:column}.identity{display:flex;gap:12px;align-items:center;margin-bottom:48px}.identity strong{font-size:25px}.identity small{display:block;font-size:10px;color:#adbfba;max-width:160px}.logo{width:45px;height:45px;border-radius:12px;background:#d7b76c;color:#183b34;display:grid;place-items:center;font-size:29px;font-weight:800;overflow:hidden;flex:0 0 auto}.logo img{width:100%;height:100%;object-fit:contain}.nav-label{font-size:11px;color:#8da7a1;margin:0 15px 15px}nav{display:grid;gap:6px}nav button{color:#c7d5d0;background:transparent;border:0;text-align:right;padding:13px 16px;display:flex;gap:12px;align-items:center}nav button.active{background:#285049;color:white;border-right:3px solid #d7b76c}nav .symbol{width:24px;font-size:19px;color:#a8c1b7}.sidebar-bottom{margin-top:auto;font-size:12px;color:#c8d6d0}.sidebar-bottom small{display:block;color:#839f96;margin:8px 12px}.status-dot{display:inline-block;width:7px;height:7px;background:#70c89c;border-radius:50%;margin-left:6px}main{margin-right:255px;padding:28px 38px;max-width:1900px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}h1{font-size:27px;margin:5px 0}h2{font-size:18px;margin:0}h3{margin:0 0 10px;font-size:15px}.eyebrow{color:var(--muted);font-size:11px}.header-actions{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:12px}.avatar{background:#e3ebe6;border:3px solid white;border-radius:50%;padding:10px;color:var(--brand);font-weight:bold}.icon-btn{font-size:12px}#badge{background:#e8eee8;padding:1px 6px;border-radius:4px}.demo-banner{border:1px solid #e3d8bb;background:#fbf8ed;padding:8px 15px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6b6039;margin-bottom:25px}.demo-banner button{border:0;background:transparent;font-size:10px;text-decoration:underline}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.welcome p,.muted{color:var(--muted);font-size:12px}.primary{background:var(--brand);color:white;border-color:var(--brand)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.card,.panel{border:1px solid var(--line);border-radius:13px;background:#fff}.card{padding:22px}.card .label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.card .value{font-size:30px;line-height:1.5;font-weight:700;margin-top:12px;letter-spacing:-1px}.card .unit{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}.card small{color:var(--muted);font-size:10px}.card.highlight{background:var(--brand);color:#fff}.card.highlight .label,.card.highlight small,.card.highlight .unit{color:#d1e4df}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:22px}.panel{padding:24px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.panel-head p{margin:4px 0;color:var(--muted);font-size:11px}.pill{display:inline-block;background:#edf5ef;color:#33715a;border-radius:6px;padding:4px 9px;font-size:10px;white-space:nowrap}.pill.gold{background:#fbf3df;color:#91723a}.pill.blue{background:#edf0f9;color:#536a9a}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:right}th{background:#f7f9f7;color:var(--muted);font-weight:500;font-size:11px}td,th{padding:15px 12px;border-bottom:1px solid #edf1ee;white-space:nowrap}tr:last-child td{border-bottom:0}td strong{font-weight:600}.bar-row{display:grid;grid-template-columns:135px 1fr 85px;gap:12px;align-items:center;margin:24px 0;font-size:11px}.bar-track{height:13px;background:#eef2ef;border-radius:5px;overflow:hidden}.bar-fill{background:var(--brand);height:100%;border-radius:5px}.ring{margin:10px auto 20px;width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) var(--progress),#edf1ee 0)}.ring-inner{background:white;width:126px;height:126px;border-radius:50%;display:grid;place-content:center;text-align:center}.ring-inner strong{font-size:27px}.ring-inner small{color:var(--muted);font-size:11px}.legend{display:flex;justify-content:center;gap:20px;font-size:11px;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}input,select{border:1px solid #d8e1da;background:white;border-radius:8px;padding:10px;width:100%;color:var(--ink)}label{display:block;margin:16px 0 6px;font-size:12px}.filter{max-width:260px}.empty{padding:35px;text-align:center;color:var(--muted)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;color:var(--muted);font-size:11px}.rule{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.rule p{font-size:12px;color:var(--muted)}.timeline{border-right:2px solid #dbe6df;padding:0 18px;margin:15px}.event{padding:10px 0}.event small{display:block;color:var(--muted);font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.preview{border:1px solid var(--line);padding:25px;min-height:340px;background:white}.preview-header{border-bottom:3px solid var(--brand);padding-bottom:20px}.preview img{max-width:100px;max-height:80px}.preview-footer{margin-top:80px;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:11px}dialog{border:0;border-radius:14px;padding:28px;width:min(520px,94vw);max-height:90vh;box-shadow:0 20px 90px #0003}dialog::backdrop{background:#102e2c80}.dialog-head{display:flex;justify-content:space-between;align-items:center}#fields{margin-bottom:22px}#form-error{color:#b24436}#toast{position:fixed;bottom:25px;left:25px;background:#173e34;color:white;padding:13px 25px;border-radius:9px;display:none;z-index:5}.notice{background:#f6f8f5;padding:16px;margin:12px 0;border-radius:8px}.notice p{margin:6px 0;font-size:12px}.brand-form{max-width:600px}.inline-note{padding:13px;background:#f8f5e9;border-radius:8px;color:#6a5c2f;font-size:12px;margin:16px 0}
.link{background:none;border:0;padding:0;color:var(--brand);font-weight:600;font-size:inherit;text-align:right;text-decoration:underline;text-underline-offset:3px;border-radius:2px}
.pill.green{background:#e8f3ec;color:#2f6b4f}
.pill.red{background:#fbeaea;color:#9c3a34}
.file-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;background:#faf8f7;border:1px solid var(--line);border-radius:10px;padding:14px}
.file-facts span{display:block;color:var(--muted);font-size:10px}
.file-facts strong{display:block;font-size:14px;margin-top:3px}
@media(max-width:1100px){.file-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.file-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){main{padding:24px;margin-right:210px}.sidebar{width:210px;padding:25px 12px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.header-actions #today{display:none}.settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{position:static;width:100%;padding:15px}.identity{margin-bottom:15px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:9px}.symbol{display:none}main{margin:0;padding:18px}.cards{gap:10px}.card{padding:15px}.card .value{font-size:23px}.header-actions .avatar{display:none}.demo-banner{display:block}.welcome{gap:12px}.panel{padding:16px}.bar-row{grid-template-columns:100px 1fr 65px}h1{font-size:22px}}
@media print{.sidebar,header,.demo-banner,footer,button,.welcome{display:none!important}main{margin:0;padding:0}.panel{border:0}.cards{grid-template-columns:repeat(4,1fr)}body{background:white}.settings-grid{display:block}.brand-form{display:none}}

/* MAKEEN visual identity, derived from the supplied printed references. */
:root{--brand:#842c36;--paper:#f8f6f5;--ink:#342b2e}.sidebar{background:var(--brand);background:linear-gradient(165deg,color-mix(in srgb,var(--brand) 78%,#1a0c10),color-mix(in srgb,var(--brand) 55%,#1a0c10))}nav button.active{background:#ffffff17;border-right-color:#e1c9c8}.logo{background:#f3ece9;color:var(--brand)}.identity strong{font-size:21px}.identity small{color:#d8c4c6}.nav-label{color:#bc9da4}nav button{color:#e2d3d5}nav .symbol{color:#cbaeb4}.sidebar-bottom{color:#e0cfd1}.sidebar-bottom small{color:#bc9da4}.status-dot{background:#dfc6b8}.avatar{background:#efe5e6;width:42px;height:42px;padding:0;display:grid;place-items:center;line-height:1;flex:0 0 auto}
.sidebar-actions{display:grid;gap:6px;margin-top:12px}
.logout{width:100%;background:#ffffff10;border-color:#ffffff2b;color:#f2e7e8;padding:7px 10px;font-size:11px}
.logout:hover{background:#ffffff1c}
[hidden]{display:none!important}
body.login-page{min-height:100vh;min-height:100dvh;height:auto;overflow:auto;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;padding:24px;background:linear-gradient(160deg,#f8f6f5,#efe7e6)}
.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 18px 50px #3b232518}
.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}
.login-reveal{position:relative;aspect-ratio:16/9;background:#170b0b;border-radius:12px;overflow:hidden;margin-bottom:24px;direction:ltr}
.login-reveal video{display:block;width:100%;height:100%;object-fit:contain}
.login-reveal #reveal-replay{position:absolute;bottom:8px;right:8px;min-height:30px;padding:4px 9px;background:#180e0ed9;color:#fff;border:1px solid #ffffff60;border-radius:7px;font-size:10px;direction:rtl}
.login-reveal #reveal-replay:focus-visible{outline:3px solid #f0cb86;outline-offset:-3px}
.login-reveal[hidden],#login-identity-logo[hidden]{display:none}
.login-reveal #reveal-sound{position:absolute;bottom:8px;left:8px;min-height:30px;padding:4px 9px;background:#180e0ed9;color:#fff;border:1px solid #ffffff60;border-radius:7px;font-size:10px}
#login-identity-logo{text-align:center;margin-bottom:24px;min-height:100px;display:grid;place-items:center;font-size:24px;font-weight:bold;color:var(--brand)}
#login-identity-logo img{max-width:100%;width:auto;max-height:160px;object-fit:contain}
.login-video-editor{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.login-video-editor video{display:block;width:min(100%,560px);max-height:320px;background:#170b0b;border-radius:10px;margin:12px 0}.login-video-editor input[type=file]{max-width:100%}#login-video-error{color:#a23832}
.login-brand h1{font-size:24px;margin:0}
.login-brand p{margin:2px 0 0;color:var(--muted);font-size:11px}
.login-card label{display:block;margin:14px 0 6px;font-size:12px}
.login-card input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}
.login-card button[type=submit]{width:100%;margin-top:20px;background:var(--brand);color:#fff;border-color:var(--brand);padding:11px}
.login-error{color:#a23832;min-height:22px;font-size:12px;margin:10px 0 0}
.login-demo{margin-top:22px;border-top:1px solid var(--line);padding-top:16px;font-size:11px;color:var(--muted)}
.login-demo table{width:100%;border-collapse:collapse;margin-top:8px}
.login-demo .demo-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;width:100%;text-align:right;padding:10px 8px;border:1px solid transparent;background:transparent;font-size:11px;white-space:normal}
.login-demo .demo-account:hover,.login-demo .demo-account[aria-pressed=true]{background:#f8f1f0;border-color:var(--brand)}
.login-demo .demo-account:disabled{opacity:.55;cursor:not-allowed}
.login-demo .demo-account span[dir=ltr]{overflow-wrap:anywhere}
.login-demo td{padding:4px 2px;border-bottom:1px solid #f1eceb;text-align:right}
.login-demo code{background:#f6f0ef;padding:1px 5px;border-radius:5px;color:#7d2c35}.card.highlight .label,.card.highlight small,.card.highlight .unit{color:#eddade}.ring-inner{background:white}.preview-footer{direction:ltr;overflow-wrap:anywhere;line-height:1.9}.preview-header p{direction:ltr;text-align:right}#brand-error{color:#b24436}


body{font-family:"Motakamel Numerals","Droid Arabic Kufi",Tahoma,sans-serif;line-height:1.9}.sidebar{overflow-y:auto}nav{flex-shrink:0}main,.panel,.grid>*{min-width:0}
@media(max-width:700px){nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px}nav button{white-space:normal;min-width:0;font-size:11px;line-height:1.9;padding:10px 8px;justify-content:flex-start;border:1px solid #ffffff1c;border-radius:7px}nav button.active{border-right:3px solid #e1c9c8}.identity{margin-bottom:18px}.welcome{flex-direction:column;align-items:stretch}.welcome .filter{max-width:none}.header-actions{gap:8px}header{gap:8px}.legend{flex-wrap:wrap}.panel-head{flex-wrap:wrap}.card .value{font-size:21px;letter-spacing:0}}


/* Independent scroll regions: navigation never scrolls the workspace. */
html{height:100%}body{height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:255px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.sidebar{position:relative;inset:auto;width:auto;height:100%;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}main{margin:0;min-height:0;height:100%;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
@media(min-width:701px) and (max-width:1100px){body{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:auto}main{margin:0}}
@media(max-width:700px){body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.sidebar{position:relative;width:auto;height:auto;max-height:42vh;max-height:42dvh;overflow-y:auto}main{margin:0;height:100%;min-height:0;overflow-y:auto}.identity{flex-shrink:0}}
@media print{html,body{height:auto;overflow:visible;display:block}main{height:auto;overflow:visible;margin:0}}


.activity-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;align-items:end;margin-bottom:20px}.activity-filters label{margin-top:0}.event-details{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px;font-size:12px}.event-details dt{color:var(--muted)}.event-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:700px){.sidebar-bottom{display:block;position:static;margin-top:16px}}


/* S-037: comfortable side-by-side source review without changing other dialogs. */
dialog.migration-dialog{width:min(1100px,96vw);overflow:auto}dialog.migration-dialog td{vertical-align:top;overflow-wrap:anywhere}dialog.migration-dialog td input{min-width:110px;width:100%}dialog.migration-dialog .dialog-head{position:sticky;top:-28px;background:white;z-index:2;padding:12px 0}dialog.migration-dialog h3{margin-top:28px;border-bottom:1px solid var(--line);padding-bottom:8px}
fieldset.migration-decisions{border:1px solid var(--line);border-radius:10px;padding:14px;margin:18px 0}fieldset.migration-decisions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.migration-decision{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.migration-decision:has(input:checked){border-color:var(--brand);background:#f2f8f5}.migration-decision input{width:auto;margin:3px 0 0;flex:0 0 auto}.migration-decision span{display:grid;gap:5px}.migration-decision small{color:var(--muted);font-size:11px;line-height:1.6}@media(max-width:700px){fieldset.migration-decisions>div{grid-template-columns:1fr}}
.migration-evidence{margin-top:18px}.migration-evidence p{color:var(--muted);font-size:12px;line-height:1.8}.migration-evidence textarea{min-height:72px}
.migration-lookup-value{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f7f9f7;color:var(--ink);line-height:1.7}.migration-lookup-value strong{font-weight:700}.migration-lookup-value small{color:var(--muted);font-weight:400}.migration-lookup-value code{direction:ltr}


.login-step{margin-top:18px}.login-step h2{font-size:18px;margin-bottom:6px}.enroll-box{background:#fbf8f7;border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0;text-align:center}.enroll-qr{display:block;margin:0 auto 10px;max-width:100%;height:auto;background:#fff;border-radius:8px;padding:6px}.secret-line{font-size:12px;color:var(--muted);margin:8px 0}.secret-line code{display:inline-block;direction:ltr;background:#f2eceb;border:1px solid var(--line);border-radius:7px;padding:7px 10px;margin-top:5px;font-size:13px;letter-spacing:.12em;word-break:break-all;color:#5c1f27}.login-card #two-step-form button[type=submit],.login-card #recovery-continue{width:100%;margin-top:16px;background:var(--brand);color:#fff;border-color:var(--brand);padding:11px}.login-card #two-step-back{width:100%;margin-top:8px;background:#fff;color:var(--muted)}.recovery-codes{direction:ltr;text-align:left;background:#fbf8f7;border:1px solid var(--line);border-radius:10px;padding:14px;line-height:2;font-size:14px;letter-spacing:.08em;white-space:pre-wrap;overflow-wrap:anywhere}
.pill.gold{background:#fbf3df;color:#8a6519}

/* Keep multi-line fields as usable as the other controls across all forms. */
textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:96px;padding:10px 12px;border:1px solid #d8e1da;border-radius:8px;background:#fff;color:var(--ink);font:inherit;line-height:1.8;resize:vertical}
textarea:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d1aa51;outline-offset:2px}
textarea[readonly]{background:#f7f9f7;color:var(--muted)}
.migration-approval{margin-top:16px}.migration-approval-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.migration-approval p{overflow-wrap:anywhere}.migration-change-details{white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left;max-height:320px;overflow:auto;background:#f7f9f7;padding:12px;font:12px/1.7 monospace}input[type="checkbox"],input[type="radio"]{width:auto;min-width:0;accent-color:var(--brand)}
@media(max-width:700px){.migration-approval-stages{grid-template-columns:1fr}}
.migration-roles{border:1px solid var(--line);border-radius:9px;padding:14px;margin:16px 0}.migration-approval td,.migration-approval th{white-space:normal;overflow-wrap:anywhere}
#migration-claim-fields,#migration-receipts,#migration-client-ledger,#migration-followups,#migration-reconciliation,#migration-identity{scroll-margin-top:84px}
.migration-finding{border:1px solid var(--line);border-inline-start:4px solid #8a6519;border-radius:10px;padding:12px 14px;margin:12px 0;background:#fffdf8}
.migration-finding.block{border-inline-start-color:#9a3945;background:#fffafa}
.migration-finding.review{border-inline-start-color:#b07a22;background:#fffdf7}
.migration-finding.info{border-inline-start-color:#4b6b5a;background:#fbfdfb}
.migration-finding-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.migration-finding p{line-height:1.85}.migration-finding small{display:block;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}
.migration-severity{display:inline-block;font-size:11px;border-radius:999px;padding:3px 9px;background:#f2eceb;color:#5c1f27}
.migration-severity.block{background:#f8e4e6;color:#8a2937}.migration-severity.review{background:#fbf3df;color:#8a6519}.migration-severity.info{background:#e9f1ec;color:#39614d}
.migration-action{background:#f7f9f7;border-radius:8px;padding:8px 10px;margin:10px 0}
.migration-source-record{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:10px 0;background:#fff}
.migration-source-record summary{cursor:pointer;font-weight:700;padding:4px 0}
.migration-source-record table{margin-top:8px}
.migration-jump-target{animation:migration-highlight 1.8s ease-out;outline:3px solid #d1aa51;outline-offset:4px}
@keyframes migration-highlight{0%,100%{background-color:transparent}20%,70%{background-color:#fff4d6}}
@media(max-width:700px){.migration-finding{padding:10px}.migration-finding-head{align-items:flex-start}}
.migration-dashboard{margin-top:20px}
.migration-dashboard .panel{margin-bottom:16px}
.migration-dashboard-banner{background:linear-gradient(135deg,#fffdf7,#f7f2e4);border-color:#eadfc4}
.migration-dashboard-banner .panel-head{margin-bottom:12px}
.migration-dashboard-banner .pill.gold{margin-bottom:8px}
.migration-dashboard-banner h2{margin-top:6px}
.migration-dashboard-banner p{line-height:1.9}
.migration-source-pill{background:#8a6519;color:#fff;border:0}
.migration-accounting-note{background:#fff;border:1px solid #eadfc4;border-radius:8px;padding:10px 12px;color:#6a5c2f;font-size:12px;line-height:1.9;margin:10px 0 0}
.migration-dashboard-search{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:12px}
.migration-dashboard-search label{margin:0;white-space:nowrap}
.migration-dashboard-search input{max-width:360px}
.migration-dashboard .cards{margin:18px 0 22px}
.migration-dashboard .card{background:#fffdf8;border-color:#eadfc4}
.migration-dashboard .card .value{color:#6a4f1f}
.migration-dashboard .card .unit{color:#8a6519}
.migration-dashboard .bar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.migration-dashboard .bar-fill{background:#b07a22}
.migration-dashboard .ring{background:conic-gradient(#b07a22 var(--progress),#edf1ee 0)}
.migration-dashboard .ring-inner small{line-height:1.6}
.migration-dashboard table{min-width:1080px}
.migration-dashboard table td,.migration-dashboard table th{white-space:nowrap}
.migration-difference.is-zero{color:#2f6b4f}
.migration-difference.has-difference{color:#9c3a34;font-weight:700}
@media(max-width:700px){.migration-dashboard .cards{grid-template-columns:repeat(2,1fr)}.migration-dashboard-banner .panel-head{align-items:flex-start}.migration-dashboard .grid{grid-template-columns:1fr}.migration-dashboard .card{padding:15px}}

.numeric-value,input[type="number"],input[type="tel"],input[type="date"],input[type="time"],input[type="datetime-local"]{font-family:Arial,Tahoma,sans-serif;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.numeric-value{display:inline-block;white-space:nowrap}

/* Wide forms and bounded table viewports keep titles in reach while scrolling. */
dialog,dialog.migration-dialog{width:min(1280px,96vw);max-width:96vw;max-height:92dvh;overflow:auto}
dialog .dialog-head,dialog.migration-dialog .dialog-head{position:sticky;top:-28px;z-index:20;background:#fff;padding:14px 0;border-bottom:1px solid var(--line)}
.table-wrap{max-height:65dvh;overflow:auto;isolation:isolate;position:relative;overscroll-behavior:contain}
.table-wrap table{border-collapse:separate;border-spacing:0}
.table-wrap thead th{position:sticky;top:0;z-index:3;background:#f3f6f4;box-shadow:0 1px 0 var(--line)}
.table-head-controls{display:flex;align-items:center;gap:4px}.table-head-controls button{padding:4px 7px;border:0;background:transparent;border-radius:5px;font-size:inherit;color:inherit;white-space:nowrap}.table-sort{flex:1;text-align:start;font-weight:700}.table-head-controls button:focus-visible{outline:2px solid var(--brand)}
th[aria-sort="ascending"] .table-sort,th[aria-sort="descending"] .table-sort{color:var(--brand);background:#e4eee8}thead th input[type="search"]{display:block;min-width:110px;margin-top:6px;font-size:12px;padding:7px}thead th input[hidden]{display:none!important}
.table-scope{caption-side:bottom;text-align:start;font-size:11px;padding:8px;color:var(--muted);white-space:normal}
.migration-company-inbox{margin-top:20px}.migration-inbox-filters{display:grid;grid-template-columns:1fr 2fr;gap:16px}.migration-company-inbox tr[hidden]{display:none!important}
@media(max-width:700px){dialog,dialog.migration-dialog{padding:16px;width:96vw}dialog .dialog-head,dialog.migration-dialog .dialog-head{top:-16px}.migration-inbox-filters{grid-template-columns:1fr}.table-wrap{max-height:60dvh}}

/* Context help stays compact; available on hover, focus and touch. */
.help-hint{display:inline-grid;place-items:center;vertical-align:middle;margin-inline-start:5px;padding:0;width:18px;height:18px;border-radius:50%;border:1px solid #c6ceca;background:transparent;color:#687875;font:12px Arial;cursor:help}
.disabled-help{display:inline-flex;max-width:100%;cursor:help}.disabled-help>button:disabled{pointer-events:none}.help-popover{max-height:calc(100dvh - 24px);overflow:auto}
button:disabled,button:disabled:hover{cursor:not-allowed!important;background:#eef0f0!important;border-color:#d5dada!important;color:#70797b!important;box-shadow:none!important;filter:none!important;opacity:.72}
.help-popover{position:fixed;z-index:1000;background:#203b38;color:white;border:1px solid #56706c;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.9;text-align:right;box-shadow:0 8px 25px #0003;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
.treasury-tabs{padding-block:12px 22px;border-bottom:1px solid var(--line);margin-bottom:22px}.treasury-filters{display:flex;gap:12px;margin:20px 0}.treasury-filters input{flex:1}.treasury-filters select{width:250px}.treasury-setting{margin-block:25px}.treasury-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.treasury-form-grid section{min-width:0}.treasury-form-wide{grid-column:1/-1}.treasury-form-grid h3{font-size:15px;margin-top:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.treasury-form-grid [hidden]{display:none!important}.treasury-confirm{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);padding:18px;border-radius:10px}.treasury-confirm b{font:26px Arial}.treasury-confirm-check{padding:14px;border:1px solid var(--brand);border-radius:8px}.treasury-confirm-check input{width:auto}.treasury-workspace td{vertical-align:top}.treasury-workspace .actions{gap:5px}.treasury-workspace .actions button{padding:7px 10px}.treasury-cards{margin-top:16px}#series-preview{display:block;margin-top:14px;padding:14px;background:#f8f3f2;border-radius:8px;font:18px Arial}
@media(max-width:700px){.treasury-form-grid{grid-template-columns:1fr;gap:12px}.treasury-form-wide{grid-column:1}.treasury-filters{flex-direction:column}.treasury-filters select{width:100%}.treasury-tabs{flex-wrap:wrap}.treasury-workspace>.panel-head{align-items:flex-start}}

/* Native popup menus need a system font: custom Arabic font metrics can make
   Windows browser option rows blank or excessively tall. Keep the real select
   for keyboard, screen-reader and mobile picker support. */
select{font-family:Arial,Tahoma,sans-serif;font-size:14px;font-weight:400;line-height:normal;letter-spacing:normal;color:#1c3334;background-color:#fff;color-scheme:light;min-inline-size:0;max-inline-size:min(100%,42rem);min-block-size:44px;padding-block:10px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
select option,select optgroup{font-family:Arial,Tahoma,sans-serif;font-size:14px;font-weight:400;line-height:normal;letter-spacing:normal;color:#1c3334;background-color:#fff}
select:disabled{color:#687875;background-color:#f1f4f3}
select[multiple],select[size]:not([size="1"]){white-space:normal;min-block-size:120px}
@media(max-width:700px){select{max-inline-size:100%;font-size:16px}select option,select optgroup{font-size:16px}}

.select-picker{display:inline-flex;align-items:center;position:relative;width:100%;max-width:min(100%,42rem);min-width:0;vertical-align:middle;font:inherit}
.select-picker .select-source{position:absolute!important;width:1px!important;height:1px!important;max-width:1px!important;min-height:0!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none}
.select-picker input{font:inherit;min-width:0;min-height:46px;padding-inline-end:44px;text-overflow:ellipsis}
.select-picker-toggle{position:absolute;inset-inline-end:3px;top:3px;bottom:3px;width:36px;padding:0;border:0;background:transparent;font:18px Arial;color:var(--ink)}
.select-picker-popup{position:fixed;z-index:1100;overflow:auto;overscroll-behavior:contain;border:1px solid #b9c8c0;border-radius:10px;background:#fff;color:var(--ink);box-shadow:0 10px 32px #0003;padding:5px;font:14px "Motakamel Numerals","Droid Arabic Kufi",Tahoma,sans-serif;direction:rtl;text-align:start;line-height:1.9}
.select-picker-option{padding:10px 12px;border-radius:6px;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.select-picker-option:hover,.select-picker-option[aria-selected="true"]{background:#e8f0ed;color:#193f38}
.select-picker-status{position:sticky;bottom:-5px;padding:8px 12px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:11px}
.select-picker[hidden]{display:none!important}.select-picker:has(select:disabled){opacity:.7}.treasury-filters .select-picker{width:250px}
@media(max-width:700px){.select-picker,.treasury-filters .select-picker{max-width:100%;width:100%}.select-picker input{font-size:16px}}
.workday-filters{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:20px;margin-block:18px}.workday-filters form{margin:0}.workday-filters .actions{flex-wrap:nowrap}.workday-filters input{min-width:0}.card[data-workday-status]{text-align:start}.card[data-workday-status] .value{display:block}.workday-filters+table{margin-top:15px}
@media(max-width:700px){.workday-filters{grid-template-columns:1fr}}

/* S-071: foreground work blocks pointer and keyboard actions, including open forms. */
dialog.loading-overlay{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:20px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;outline:none;cursor:wait}
dialog.loading-overlay[open]{display:grid;place-items:center}
dialog.loading-overlay::backdrop{background:rgba(28,42,40,.42);backdrop-filter:blur(2px)}
.loading-card{width:min(390px,100%);padding:32px 25px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px #0002;animation:loading-appear .15s ease-out}
.loading-card h2{font-size:16px;margin:18px 0 8px}.loading-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}
.loading-spinner{display:block;margin:auto;width:48px;height:48px;border:0;outline:0;overflow:visible;will-change:transform;animation:loading-spin .85s linear infinite;caret-color:transparent;user-select:none;pointer-events:none}
dialog.loading-overlay,.loading-card{caret-color:transparent;user-select:none}
@keyframes loading-spin{to{transform:rotate(360deg)}}
@keyframes loading-appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.loading-card{animation:none}.loading-spinner{animation:loading-spin 2.4s linear infinite}}
.office-setup ol{margin:0;padding:0;list-style:none;counter-reset:setup-step}
.office-setup li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--line);counter-increment:setup-step}
.office-setup li strong::before{content:counter(setup-step) ". ";color:var(--brand)}
.office-setup li p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.9}
.office-setup li button{flex-shrink:0}
.finance-filter{max-width:480px;margin:20px 0}.finance-filter label{display:block;margin-bottom:8px}
.workspace-picker{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:18px 22px}
.workspace-picker p{font-size:12px;color:var(--muted);margin:6px 0 0}.workspace-picker>.select-picker,.workspace-picker>select{width:min(480px,50%)}
.ranking-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.ranking-controls .select-picker,.ranking-controls>select{width:min(100%,310px)}
.bar-row>span small{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:4px}
@media(max-width:700px){.workspace-picker{align-items:stretch;flex-direction:column}.workspace-picker>.select-picker,.workspace-picker>select{width:100%}.ranking-controls{align-items:stretch;flex-direction:column}}
.finance-workspace .actions{flex-wrap:wrap}.finance-workspace details{margin:18px 0}
.finance-line,.finance-allocation{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr) auto;gap:14px;align-items:end;border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}
.finance-allocation{grid-template-columns:minmax(0,2fr) minmax(100px,1fr) minmax(0,1fr) auto}
.finance-line label,.finance-allocation label{display:block;margin-bottom:8px}
.finance-split{padding:18px;border:1px solid var(--line);border-radius:12px;margin:16px 0}
@media(max-width:700px){.finance-line,.finance-allocation{grid-template-columns:minmax(0,1fr)}.finance-line button,.finance-allocation button{justify-self:start}}
@media(max-width:600px){.office-setup li{align-items:flex-start;flex-direction:column;gap:8px}.office-setup li button{align-self:flex-start}}
/* S-077: company / client profile. Kept separate from the office dashboard cards. */
.company-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.company-hero-main{display:flex;align-items:flex-start;gap:16px;min-width:0}
.company-mark{width:56px;height:56px;border-radius:14px;background:#f3ece9;color:var(--brand);display:grid;place-items:center;font-size:20px;font-weight:800;flex:0 0 auto}
.company-hero h2{font-size:24px;margin:0;overflow-wrap:anywhere}
.company-hero p{margin:5px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.company-hero .actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.company-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.company-tags .pill{font-size:10px}
.company-cards{margin-bottom:18px}
.company-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}
.company-stat{padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;min-width:0}
.company-stat span{display:block;color:var(--muted);font-size:10px}
.company-stat strong{display:block;font-size:21px;line-height:1.5;margin-top:2px}
.company-stat small{display:block;color:var(--muted);font-size:10px;line-height:1.7;overflow-wrap:anywhere}
.company-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:22px}
.company-grid>.panel{min-width:0}
.company-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}
.company-choice{text-align:right;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;gap:4px}
.company-choice strong{font-size:15px}
.company-choice small{color:var(--muted);font-size:11px}
.company-choice:hover{border-color:var(--brand);background:#fdf9f8}
.company-empty .panel-head{margin-bottom:0}
@media(max-width:1100px){.company-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.company-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.company-hero{flex-direction:column}.company-hero .actions{justify-content:flex-start}.company-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.company-hero h2{font-size:21px}}

.financial-review{padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.financial-review>summary{cursor:pointer;font-weight:700;padding:8px 0}.financial-review dl{display:grid;grid-template-columns:minmax(90px,160px) minmax(0,1fr);gap:8px 14px}.financial-review dt{color:var(--muted)}.financial-review dd{margin:0}.financial-review .actions{flex-wrap:wrap}
.treasury-stale-note{display:block;max-width:300px;margin:8px 0 0;white-space:normal;font-size:10px;line-height:1.6}
.automation-tabs{margin:16px 0}.automation-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.automation-filters{display:grid;grid-template-columns:minmax(160px,240px) minmax(180px,1fr) auto;align-items:end;gap:14px;margin:18px 0}.automation-notice-body{white-space:normal;min-width:220px;max-width:520px;overflow-wrap:anywhere}.automation-notice-body p{margin:6px 0;line-height:1.8}.automation-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.automation-weekdays{display:flex;flex-wrap:wrap;gap:8px}.automation-weekdays label{display:flex;align-items:center;gap:5px;margin:4px}.automation-weekdays input{width:auto}.automation-pagination{align-items:center;margin-top:16px}#auto-preview-result{margin-top:15px;max-height:360px;overflow:auto}@media(max-width:700px){.automation-filters,.automation-rule-grid,.automation-cards{grid-template-columns:1fr}.automation-notice-body{min-width:180px}}

/* Linked report filters retain useful widths without crowding action buttons. */
#report-filters{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px}
#report-filters>label{min-width:0}#report-filters .actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.report-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-block:20px 10px}
@media(max-width:1000px){#report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#report-filters{grid-template-columns:minmax(0,1fr)}.report-tabs button{flex:1 1 45%}}

.portal-service-workspace .service-record{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.portal-service-workspace summary{cursor:pointer;font-weight:700;padding:8px 0}.portal-service-workspace .actions{display:flex;gap:8px;flex-wrap:wrap}.portal-service-workspace h3{margin-top:18px}

.crm-workspace #crm-filter{display:grid;grid-template-columns:minmax(180px,2fr) minmax(180px,1fr) auto;gap:14px;align-items:end}.crm-workspace #crm-filter>div{min-width:0}.crm-workspace #crm-filter label{display:block}.crm-workspace .actions{display:flex;gap:8px;flex-wrap:wrap}.intake-workspace .service-record{padding-block:16px;border-bottom:1px solid var(--line)}.intake-workspace .actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:650px){.crm-workspace #crm-filter{grid-template-columns:minmax(0,1fr)}}

/* The page preview uses the exact document template, scaled without changing its layout. */
/* Navigation actions retain link behavior and share the visual button treatment. */
.document-editor-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px;position:sticky;top:0;background:#fff;z-index:2}.document-editor-tabs [aria-selected=true]{background:var(--brand);border-color:var(--brand);color:#fff}.document-editor [hidden]{display:none!important}.document-token-tools{display:flex;gap:6px;flex-wrap:wrap;margin-block:12px}.document-token-tools button{padding:6px 10px;font-size:11px}.document-editor #body{min-height:300px;line-height:2}.document-editor #reason{min-height:75px}.document-preview-shell{background:#e8ebef;border:1px solid var(--line);border-radius:8px;overflow:hidden;max-width:100%;margin-top:16px}.document-preview-size{position:relative;margin-inline:auto}.document-preview-shell iframe{position:absolute;top:0;left:0;display:block;width:794px;height:1123px;max-width:none;transform-origin:top left;border:0;background:#fff}.document-deleted-list{margin-top:22px}.document-deleted-list summary{cursor:pointer;font-weight:700}.document-deleted-list .service-record{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}#document-preview-error{color:#a3343f}
a.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;line-height:normal;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 15px;color:var(--ink);text-decoration:none;text-align:center}
a.button:hover{filter:brightness(.96);text-decoration:none}
a.button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.actions{align-items:center}
.treasury-workspace .actions a.button{padding:7px 10px}
.brand-settings{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:start}.brand-settings .brand-form{max-width:none}.brand-settings textarea{width:100%;min-height:100px;resize:vertical;font:inherit}.brand-settings .brand-preview-panel{min-width:0;position:sticky;top:20px}.brand-settings #brand-preview-shell{width:100%;min-width:0;background:#e8ebef;overflow:hidden;border:1px solid var(--line);border-radius:8px}.brand-settings #brand-preview-size{position:relative;margin:0 auto}.brand-settings #brand-preview-frame{display:block;position:absolute;top:0;left:0;width:794px;height:1123px;max-width:none;border:0;transform-origin:top left;background:white}.brand-settings .panel-head{flex-wrap:wrap}.brand-settings #brand-error{color:#b24436}.brand-settings #brand-draft-status{margin-top:8px}.brand-settings .actions{margin-top:10px}
@media(max-width:1100px){.brand-settings{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}}
@media(max-width:850px){.brand-settings{grid-template-columns:minmax(0,1fr)}.brand-settings .brand-preview-panel{position:static;grid-row:1}.brand-settings .brand-controls{grid-row:2}}
.document-token-tools fieldset{min-width:0;flex:1 1 240px;border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;gap:6px;flex-wrap:wrap}.document-token-tools legend{font-size:12px;font-weight:700;padding-inline:5px}.document-preview-size{width:100%}
/* Personal inbox: independent of the rule administration screen. */
#notifications{display:inline-flex;align-items:center;gap:8px;position:relative;white-space:nowrap}.notification-bell{width:22px;height:22px;flex:none}#notifications.has-unread .notification-bell{color:var(--brand)}#notifications #badge{background:var(--brand);color:#fff;border-radius:20px;min-width:22px;line-height:22px;font:700 12px/22px Arial;text-align:center;padding:0 5px}#badge[hidden]{display:none!important}.notice-inbox{width:min(600px,96vw);max-width:96vw;max-height:90dvh;padding:22px;border:1px solid var(--line);border-radius:14px;color:var(--ink);overflow:auto}.notice-inbox-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.notice-inbox-head p,.notice-device p{font-size:12px;color:var(--muted);line-height:1.8}.notice-inbox-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:12px 0;position:sticky;top:-22px;background:white;z-index:2}.notice-inbox-tabs button{flex:1}.notice-inbox-tabs [aria-selected=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.notice-device{background:#f7f9f8;border:1px solid var(--line);border-radius:9px;margin:14px 0;padding:12px}.notice-device button{font-size:11px;padding:7px 10px}.notice-device small{font-size:10px;color:var(--muted);line-height:1.8;display:block}.notice-inbox-item{padding:16px 2px;border-bottom:1px solid var(--line)}.notice-inbox-item h3{margin:0;font-size:14px}.notice-inbox-item p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;margin:8px 0}.notice-inbox-item small{color:var(--muted);font-size:10px}.notice-inbox-item .actions{margin-top:10px}.notice-inbox-item button{font-size:11px;padding:7px 10px}.notice-inbox-item.is-read h3{color:var(--muted)}.notice-inbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:16px;flex-wrap:wrap;font-size:11px}.notice-inbox::backdrop{background:rgba(28,42,40,.35)}
@media(max-width:600px){.notice-inbox{padding:14px}.notice-inbox-tabs{top:-14px}.notice-inbox-tabs button{font-size:11px;padding:8px}.notice-inbox-bottom button{font-size:11px;padding:8px}#notifications>span{display:none}}
/* Performance colors are independent of the office brand. */
.kpi-panel{margin-block:18px}.kpi-panel h2{margin:0}.kpi-panel .panel-head>div:first-child{max-width:65ch}.kpi-panel .panel-head p,.kpi-note{font-size:12px;color:#66787c}.kpi-panel select{font:inherit;max-width:270px}.kpi-canvas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.kpi-card{--kpi-color:#71838e;--kpi-soft:#f2f5f7;display:flex;flex-direction:column;gap:9px;border:1px solid #dfe7e7;border-top:4px solid var(--kpi-color);border-radius:12px;padding:18px;background:linear-gradient(135deg,var(--kpi-soft),white 65%);min-width:0;grid-column:span 1}.kpi-span-2{grid-column:span 2}.kpi-span-3{grid-column:span 3}.kpi-card-heading{display:flex;align-items:start;justify-content:space-between;gap:8px}.kpi-status{font-size:10px;color:var(--kpi-color);border:1px solid var(--kpi-color);padding:2px 7px;border-radius:20px;white-space:nowrap}.kpi-card p{font-size:12px;line-height:1.8;margin:0;color:#53646d}.kpi-card small{font-size:11px;color:#64757c}.kpi-value{font:500 30px Arial,Tahoma,sans-serif;color:var(--kpi-color)}.kpi-scale{height:6px;background:#e7edec;border-radius:6px;overflow:hidden;direction:ltr}.kpi-scale span{display:block;height:100%;background:var(--kpi-color);border-radius:6px}.kpi-detail{align-self:start;margin-top:auto;font:inherit;font-size:11px}.kpi-card[draggable=true]{cursor:grab;border-style:dashed;min-height:150px}.kpi-card:focus-visible{outline:3px solid #4c83b0;outline-offset:2px}.kpi-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kpi-config-grid input,.kpi-config-grid select{width:100%}.kpi-config-grid input[type=number]{font-family:Arial,Tahoma,sans-serif}.kpi-editor-toolbar{margin-bottom:15px}.kpi-excellent{--kpi-color:#16734c;--kpi-soft:#eaf6ef}.kpi-good{--kpi-color:#557c2d;--kpi-soft:#f0f7e9}.kpi-fair{--kpi-color:#8b6c08;--kpi-soft:#fff9dc}.kpi-warning{--kpi-color:#ad5717;--kpi-soft:#fff2e7}.kpi-critical{--kpi-color:#b33d3f;--kpi-soft:#fff0f0}.kpi-neutral{--kpi-color:#71838e;--kpi-soft:#f2f5f7}
.summary-collected{border-top:3px solid #3c9875!important;background:#f3faf6!important}.summary-collected .value{color:#247957!important}.summary-remaining{border-top:3px solid #c56b70!important;background:#fff6f6!important}.summary-remaining .value{color:#ad454d!important}.summary-claims{border-top:3px solid #d59c55!important;background:#fffbf3!important}.summary-claims .value{color:#9a6a27!important}.summary-companies{border-top:3px solid var(--brand,#842c36)!important}
.bar-fill.kpi-fill-neutral{background:#8a9aa6}.bar-fill.kpi-fill-excellent{background:#27855d}.bar-fill.kpi-fill-good{background:#7ca94b}.bar-fill.kpi-fill-fair{background:#c2a33b}.bar-fill.kpi-fill-warning{background:#d68742}.bar-fill.kpi-fill-critical{background:#bd5c64}.ring.kpi-ring-neutral{background:conic-gradient(#8a9aa6 calc(var(--progress)*1%),#eaf0ee 0)}.ring.kpi-ring-excellent{background:conic-gradient(#27855d calc(var(--progress)*1%),#eaf0ee 0)}.ring.kpi-ring-good{background:conic-gradient(#7ca94b calc(var(--progress)*1%),#eaf0ee 0)}.ring.kpi-ring-fair{background:conic-gradient(#c2a33b calc(var(--progress)*1%),#eaf0ee 0)}.ring.kpi-ring-warning{background:conic-gradient(#d68742 calc(var(--progress)*1%),#eaf0ee 0)}.ring.kpi-ring-critical{background:conic-gradient(#bd5c64 calc(var(--progress)*1%),#eaf0ee 0)}
@media(max-width:850px){.kpi-canvas{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-span-3{grid-column:span 2}}@media(max-width:560px){.kpi-canvas,.kpi-config-grid{grid-template-columns:1fr}.kpi-card{grid-column:span 1}.kpi-card-heading{flex-wrap:wrap}}
/* S-098 — compact collection overview and instrument cards. */
.demo-banner-toggle{font-size:10px;padding:6px 9px;color:#806a42;background:#faf7ef;border-color:#ede5d4;white-space:nowrap}.demo-banner-toggle[hidden]{display:none}.demo-banner{margin-bottom:16px}
.dashboard-page{--dash-ink:#233b49;--dash-muted:#7a8994;--dash-line:#e6ebef;color:var(--dash-ink)}
.dashboard-page .workspace-picker{padding:10px 14px;margin-bottom:16px;min-height:0;background:transparent;border:0;border-bottom:1px solid var(--dash-line);border-radius:0;gap:12px}.dashboard-page .workspace-picker label{margin:0;font-size:11px}.dashboard-page .workspace-picker p{display:none}.dashboard-page .workspace-picker select{max-width:330px;padding:8px 12px;font-size:11px}.dashboard-page .workspace-picker .select-picker{max-width:330px}
.dashboard-overview-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 15px;gap:12px}.dashboard-overview-head h2{font-size:14px}.dashboard-overview-head>span{font-size:10px;color:#7e8b94;display:flex;align-items:center;gap:6px}.scope-dot{width:6px;height:6px;border-radius:50%;background:#30a58a;display:inline-block}
.dashboard-page .dashboard-summary{gap:16px;margin-bottom:20px}.dashboard-summary .card{position:relative;padding:18px 20px 16px;border:1px solid var(--dash-line)!important;border-radius:15px;background:#fff!important;box-shadow:0 3px 14px #223b4e04;min-width:0;overflow:hidden}.dashboard-summary .card:after{content:'';position:absolute;bottom:0;right:20px;left:20px;height:2px;border-radius:3px;background:var(--summary-color);opacity:.28}.dashboard-summary .summary-top{display:flex;align-items:center;gap:10px}.dashboard-summary .summary-icon{width:35px;height:35px;border-radius:10px;background:var(--summary-soft);color:var(--summary-color);display:grid;place-items:center}.summary-icon svg{width:20px;height:20px}.dashboard-summary .label{font-size:11px;color:#74828e}.dashboard-summary .value{font:600 clamp(20px,1.55vw,29px) Arial,Tahoma,sans-serif;display:flex;align-items:baseline;gap:7px;letter-spacing:-.6px;color:var(--dash-ink)!important;margin:12px 0 8px;white-space:nowrap}.dashboard-summary .value .unit{font:10px Tahoma,sans-serif;color:#8d99a2}.dashboard-summary small{font-size:9px;color:#8a969f}.dashboard-summary .summary-companies{--summary-color:var(--brand);--summary-soft:#f6eeee}.dashboard-summary .summary-claims{--summary-color:#d59a39;--summary-soft:#fcf5e9}.dashboard-summary .summary-collected{--summary-color:#20a181;--summary-soft:#eaf7f2}.dashboard-summary .summary-remaining{--summary-color:#d36b76;--summary-soft:#fcf0f2}
.dashboard-charts{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,1fr);gap:20px;margin-bottom:26px}.dashboard-charts .panel{border-color:var(--dash-line);border-radius:16px;padding:22px;min-width:0;box-shadow:0 3px 14px #223b4e04}.dashboard-charts .panel-head{margin-bottom:16px}.dashboard-charts h2{font-size:14px}.dashboard-charts .panel-head p{font-size:10px;color:#91a0aa;margin-top:5px}.chart-currency{font:10px Arial,sans-serif;letter-spacing:1px;color:#92a1ad;border:1px solid #e9eef2;border-radius:6px;padding:5px 7px}
.collection-ranking .ranking-controls{padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid #f0f3f5;gap:8px;display:flex;align-items:center;flex-wrap:wrap}.collection-ranking .ranking-controls label{display:none}.collection-ranking .ranking-controls select{max-width:245px;font-size:10px;padding:8px}.collection-ranking .ranking-controls .select-picker{max-width:245px}.collection-ranking .ranking-controls button{font-size:9px;padding:8px 10px;color:#70828e;border-color:#e7edf1;margin-inline-start:auto}.collection-ranking-list{max-height:360px;overflow-y:auto;padding-inline-end:5px;scrollbar-width:thin;scrollbar-color:#d5dfe4 transparent}.collection-rank-row{display:grid;grid-template-columns:22px minmax(120px,1fr) minmax(90px,1.1fr) 50px;align-items:center;gap:12px;min-height:53px;border-bottom:1px solid #f4f6f8}.collection-rank-row:last-child{border:0}.rank-index{font:10px Arial,sans-serif;color:#a4b0b8;width:20px;text-align:center}.rank-company{min-width:0}.rank-company>strong{display:block;font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#536775}.rank-company>small{display:block;text-align:right;font:9px Arial,sans-serif;color:#9aa6ae;margin-top:5px}.rank-company>small span{color:#c6d0d6;margin:0 3px}.collection-rank-row .bar-track{height:8px;background:#f0f3f6;border-radius:20px;direction:rtl}.collection-rank-row .bar-fill{height:100%;border-radius:20px;background:var(--collection-color);box-shadow:0 2px 6px color-mix(in srgb,var(--collection-color) 15%,transparent);transition:width .4s ease}.rank-rate{font:600 13px Arial,sans-serif;text-align:left}.rank-rate small{font:10px Arial,sans-serif;margin-left:2px}.collection-color-key{display:flex;justify-content:flex-end;align-items:center;gap:7px;direction:ltr;margin-top:14px;color:#99a6af;font:9px Arial,sans-serif}.collection-color-key i{height:4px;width:100px;border-radius:4px;background:linear-gradient(90deg,#db4b53,#ec8e40,#ddb234,#85af43,#179c71)}
.collection-overall{display:flex;flex-direction:column}.collection-donut-wrap{position:relative;width:min(240px,85%);aspect-ratio:1;margin:auto auto 18px;flex-shrink:0}.collection-donut{width:100%;height:100%;overflow:visible;display:block}.donut-track{fill:none;stroke:#f0f3f6;stroke-width:18}.donut-arc{fill:none;stroke-width:18;stroke-linecap:round}.donut-inner-line{fill:none;stroke:#f2f5f7;stroke-width:1;stroke-dasharray:2 5}.donut-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-label strong{font:600 39px Arial,sans-serif;color:#263f50;letter-spacing:-1.5px}.donut-label strong span{font-size:18px;color:#8d9ba5;margin-left:3px;letter-spacing:0}.donut-label>small{font-size:10px;color:#9ca7af;margin-top:9px}.collection-composition{display:grid;gap:14px;padding:18px 2px 14px;border-top:1px solid #eef2f5}.collection-composition>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.collection-composition span{font-size:10px;color:#778895;display:flex;align-items:center;gap:8px}.collection-composition i{display:inline-block;width:7px;height:7px;border-radius:50%}.composition-collected{background:#21a282}.composition-remaining{background:#e3e9ee}.collection-composition strong{font:600 14px Arial,sans-serif;color:#425969}.collection-overall-note{font-size:8px;color:#a2adb5;text-align:center;margin-top:6px;line-height:1.8}
.kpi-panel{margin:0 0 24px;padding:0;border:0;background:transparent}.kpi-panel>.panel-head{margin-bottom:14px;gap:12px}.kpi-section-title{display:flex;align-items:center;gap:9px;max-width:none!important}.kpi-section-title h2{font-size:14px;white-space:nowrap}.section-marker{width:4px;height:17px;border-radius:3px;background:var(--brand)}.kpi-scope-label{color:#92a1aa;font-size:10px;white-space:nowrap}.kpi-help{border:1px solid #dbe4e9;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;color:#98a6b0;font:10px Arial,sans-serif;cursor:help}.kpi-controls{align-items:center;gap:7px}.kpi-controls select{width:165px;max-width:165px;font-size:10px;padding:8px 10px}.kpi-controls .select-picker{max-width:165px}.kpi-controls button{font-size:10px;padding:8px 11px}.kpi-controls .kpi-refresh{font:20px Arial,sans-serif;line-height:1;padding:6px 10px;color:#8697a3}.kpi-canvas{gap:16px;margin-top:0}.kpi-card{border:1px solid #e5ebef;border-radius:14px;background:#fff;padding:18px 18px 0;gap:0;box-shadow:0 3px 14px #223b4e03;transition:box-shadow .2s,transform .2s}.kpi-card:hover{box-shadow:0 7px 24px #253b4e0b;transform:translateY(-2px)}.kpi-card-heading{align-items:center;gap:6px;min-height:25px}.kpi-card-heading>strong{font-size:11px;font-weight:700;line-height:1.8;color:#4a6070}.kpi-status{display:inline-flex;align-items:center;gap:4px;border:0;background:var(--kpi-soft);padding:3px 7px;font-size:8px;border-radius:5px}.kpi-status i{width:4px;height:4px;border-radius:50%;background:var(--kpi-color)}.kpi-card-body{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:101px}.kpi-card-body>div{min-width:0}.kpi-value{font:600 29px Arial,Tahoma,sans-serif;color:#294354;text-align:right;letter-spacing:-.8px;white-space:nowrap}.kpi-value>span{font:12px Arial,Tahoma,sans-serif;color:#98a6af;margin-left:5px}.kpi-caption{font-size:9px;color:#94a2ad;margin-top:8px;line-height:1.8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:220px}.kpi-instrument{width:100px;height:69px;flex:0 0 100px;margin-top:9px}.instrument-track,.instrument-arc{fill:none;stroke-width:9;stroke-linecap:round}.instrument-track{stroke:#f0f3f6}.instrument-arc{stroke:var(--kpi-color)}.instrument-dot{fill:#70828f}.instrument-needle{stroke:#70828f;stroke-width:2;stroke-linecap:round}.kpi-neutral .instrument-needle,.kpi-neutral .instrument-dot{opacity:.2}.kpi-neutral .kpi-value{color:#a6b1b9}.kpi-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f0f3f6;padding:10px 0;margin-top:auto}.kpi-card-footer>small{font:9px Arial,Tahoma,sans-serif;color:#a0acb5}.kpi-detail{margin:0;border:0;padding:0;color:#80939f;background:none;font-size:9px}.kpi-detail span{margin-inline-start:4px;color:#a1afb8}.kpi-card[draggable=true]{padding-bottom:15px}.kpi-card[draggable=true] .actions{margin-top:15px}.kpi-card[draggable=true] p{font-size:10px;margin-top:8px}.kpi-card[draggable=true] button{font-size:10px;padding:6px 9px}.kpi-drag-handle{font-size:20px;color:#a0afb8}.kpi-editor-toolbar{align-items:center;padding:10px 0}.kpi-editor-toolbar button{font-size:10px}.kpi-editor-toolbar .muted{font-size:10px;margin-inline-end:auto}.dashboard-files{border-color:#e6ebef}.dashboard-files h2{font-size:14px}.dashboard-files .panel-head{margin-bottom:12px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.collection-rank-row{grid-template-columns:22px minmax(170px,1fr) minmax(120px,1.4fr) 55px}.collection-donut-wrap{width:250px}.dashboard-summary .value{font-size:29px}}
@media(max-width:1150px){.dashboard-charts{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:14px}.dashboard-charts .panel{padding:18px}.collection-rank-row{grid-template-columns:18px minmax(90px,1fr) minmax(60px,.8fr) 43px;gap:8px}.kpi-canvas{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-span-3{grid-column:span 2}.dashboard-summary .card{padding:15px}.dashboard-summary .value{font-size:21px}}
@media(max-width:850px){.dashboard-charts{grid-template-columns:1fr}.collection-overall{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.collection-overall .panel-head{grid-column:span 2}.collection-donut-wrap{grid-row:span 2;width:200px;margin:0 auto}.collection-composition{border-top:0;align-content:center}.collection-overall-note{align-self:start}.dashboard-page .dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-panel>.panel-head{flex-wrap:wrap}.kpi-controls{margin-inline-start:auto}.header-actions{gap:8px;flex-wrap:wrap}}
@media(max-width:560px){.dashboard-summary .card{padding:13px}.dashboard-summary .summary-top{gap:6px}.dashboard-summary .summary-icon{width:28px;height:28px}.summary-icon svg{width:17px;height:17px}.dashboard-summary .label{font-size:9px}.dashboard-summary .value{font-size:18px;gap:4px}.dashboard-summary .value .unit{font-size:8px}.dashboard-summary small{font-size:8px}.dashboard-page .dashboard-summary{gap:10px}.dashboard-overview-head{flex-wrap:wrap;margin-bottom:12px}.dashboard-overview-head>span{font-size:9px}.dashboard-page .workspace-picker{padding:5px 0 12px}.dashboard-page .workspace-picker label{font-size:10px}.collection-rank-row{grid-template-columns:16px minmax(85px,1fr) minmax(55px,.85fr) 40px;gap:7px}.rank-company>strong{font-size:9px}.rank-company>small{font-size:8px}.rank-rate{font-size:11px}.collection-overall{gap:0 12px}.collection-donut-wrap{width:150px}.donut-label strong{font-size:30px}.collection-composition strong{font-size:12px}.collection-overall .panel-head{margin-bottom:8px}.collection-overall-note{font-size:7px}.kpi-canvas{grid-template-columns:1fr}.kpi-card{grid-column:span 1}.kpi-controls{width:100%;justify-content:space-between}.kpi-controls select{width:150px}.kpi-card-body{min-height:90px}.kpi-instrument{width:105px}.demo-banner-toggle{font-size:8px;padding:5px 6px}.dashboard-page .workspace-picker .select-picker{max-width:100%}}
@media(prefers-reduced-motion:reduce){.kpi-card,.collection-rank-row .bar-fill{transition:none}.kpi-card:hover{transform:none}}
/* Keep the context picker in the overview toolbar instead of an empty full-width panel. */
.dashboard-overview-head{margin:2px 0 16px}.overview-title{display:flex;align-items:center;gap:14px}.overview-title>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#8e9aa4}.dashboard-overview-head .workspace-picker{padding:0;margin:0;border:0;gap:10px}.dashboard-overview-head .workspace-picker>div{display:none}.dashboard-overview-head .workspace-picker>.select-picker,.dashboard-overview-head .workspace-picker>select{width:300px;max-width:300px}.dashboard-summary .label{font-size:12px}.dashboard-summary .card{padding-block:20px}.dashboard-summary .summary-claims{background:linear-gradient(125deg,#263e56,#36536b)!important;--summary-color:#f1bf69;--summary-soft:#ffffff18}.dashboard-summary .summary-collected{background:linear-gradient(125deg,#147d70,#199c84)!important;--summary-color:#e1fff5;--summary-soft:#ffffff20}.dashboard-summary .summary-claims .value,.dashboard-summary .summary-collected .value{color:#fff!important}.dashboard-summary .summary-claims .label,.dashboard-summary .summary-collected .label{color:#ffffffc9}.dashboard-summary .summary-claims small,.dashboard-summary .summary-collected small,.dashboard-summary .summary-claims .unit,.dashboard-summary .summary-collected .unit{color:#ffffff9c}.dashboard-summary .summary-remaining .value{color:#bd606e!important}.dashboard-summary .summary-claims:after,.dashboard-summary .summary-collected:after{display:none}.dashboard-summary .summary-claims:before,.dashboard-summary .summary-collected:before{content:'';position:absolute;width:130px;height:130px;border:20px solid #ffffff06;border-radius:50%;left:-45px;bottom:-65px;pointer-events:none}.dashboard-charts h2,.kpi-section-title h2{font-size:15px}.dashboard-charts .panel-head p{font-size:11px}.rank-company>strong{font-size:11px}.rank-company>small{font-size:10px}.rank-index{font-size:11px}.kpi-card-heading>strong{font-size:12px}.kpi-caption{font-size:10px}.kpi-card-footer>small,.kpi-detail{font-size:10px}.collection-overall-note{font-size:9px}
@media(max-width:1150px){.overview-title{gap:9px}.overview-title>span{font-size:9px}.dashboard-overview-head .workspace-picker>.select-picker,.dashboard-overview-head .workspace-picker>select{width:250px;max-width:250px}.dashboard-summary .label{font-size:11px}}
@media(max-width:850px){.dashboard-overview-head{flex-wrap:wrap}.dashboard-overview-head .workspace-picker{margin-inline-start:auto}.overview-title{flex-wrap:wrap}}
@media(max-width:560px){.dashboard-overview-head .workspace-picker{width:100%;margin:0}.dashboard-overview-head .workspace-picker>.select-picker,.dashboard-overview-head .workspace-picker>select{width:100%;max-width:100%}.dashboard-overview-head .workspace-picker{padding-bottom:0}.dashboard-summary .label{font-size:9px}.dashboard-summary .card{padding:13px}.overview-title{width:100%;justify-content:space-between}.rank-company>strong{font-size:10px}.rank-company>small{font-size:8px}.collection-overall-note{font-size:8px}.kpi-card-heading>strong{font-size:12px}}
/* Dashboard emphasis: outstanding balances and unread alerts. */
.dashboard-summary .summary-remaining{background:linear-gradient(120deg,#be3048,#d94659)!important;border-color:#c6374d;color:white}
.dashboard-summary .summary-remaining .value{color:#fff!important}
.dashboard-summary .summary-remaining .label,.dashboard-summary .summary-remaining small,.dashboard-summary .summary-remaining .unit{color:#fff!important}
.dashboard-summary .summary-remaining .summary-icon{background:#ffffff24;color:#fff}
#notifications.has-unread #badge{background:#e52940;box-shadow:0 0 0 3px #e5294012}
#notifications.has-unread .notification-bell{color:#d71f36}
.dashboard-charts .bar-fill{transform-origin:right center}
/* Task-oriented navigation; empty permission groups are omitted by render. */
#nav{display:flex;flex-direction:column;gap:0}
#nav .nav-group{margin:0;padding:10px 0;border-top:1px solid #ffffff14}
#nav .nav-group:first-child{border-top:0;padding-top:0}
#nav .nav-group-title{font-size:10px;font-weight:400;letter-spacing:0;color:#d4b7bd;margin:4px 13px 8px;line-height:1.8}
#nav .nav-group-items{display:flex;flex-direction:column;gap:3px}
#nav .nav-group button{min-height:42px;padding:10px 13px;margin:0;font-size:12px;line-height:1.9;width:100%}
@media(max-width:700px){#nav .nav-group-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}#nav .nav-group{padding:8px 0}#nav .nav-group button{font-size:11px;min-height:40px;padding:8px}}
/* Menu toggle remains outside the menu so it is always recoverable. */
#main-sidebar[hidden]{display:none!important}
body.sidebar-hidden{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.page-heading{display:flex;align-items:center;gap:14px;min-width:0}
#sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;font-size:10px;padding:9px 11px;min-height:40px}
#sidebar-toggle svg{flex-shrink:0}
@media(max-width:700px){.page-heading{gap:9px}#sidebar-toggle{padding:8px}#sidebar-toggle span{display:none}}

#sidebar-toggle[hidden]{display:none!important}
#sidebar-toggle.icon-only span{display:none}
@media(max-width:700px){#sidebar-toggle:not(.icon-only) span{display:inline}}

/* Sidebar accordion: one section at a time, daily work open initially. */
#nav .nav-group-title{margin:0}
#nav .nav-group .nav-group-toggle{font-family:'Droid Arabic Kufi',Tahoma,sans-serif;font-size:14px;font-weight:700;color:#fff;justify-content:space-between;gap:8px;min-height:48px;padding:10px 12px;border-radius:8px}
#nav .nav-group-toggle:hover,#nav .nav-group-toggle[aria-expanded="true"]{background:#ffffff0d}
#nav .nav-group-chevron{flex:none;transition:transform .18s ease;transform:rotate(90deg);opacity:.7}
#nav .nav-group-toggle[aria-expanded="true"] .nav-group-chevron{transform:rotate(0)}
#nav .nav-group-items{padding-top:5px}
#nav .nav-group-items[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){#nav .nav-group-chevron{transition:none}}

/* Report date shortcuts and aligned print/export controls. */
#report-filters .report-periods{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.report-periods>span{font-size:12px;color:var(--muted);margin-inline-end:6px}
#report-filters .report-periods button{font-size:12px;min-height:34px;padding:5px 12px}
.report-periods button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:white}
#report-filters .report-actions{align-items:flex-end;gap:8px}
#report-filters .report-actions>label{display:flex;flex-direction:column;gap:4px;margin:0;flex:0 1 205px;font-size:11px}
#report-filters .report-actions>label[for="report-orientation"]{flex-basis:130px}
#report-filters .report-actions>button,#report-filters .report-actions select{height:44px;min-height:44px;margin:0}
#report-filters .report-actions select{width:100%;max-width:none}
@media(max-width:600px){#report-filters .report-actions>label{flex:1 1 160px}#report-filters .report-actions>button{flex:1 1 auto}}

#report-filters .report-actions>label{position:relative}#report-filters .report-actions>label>.help-hint{position:absolute;top:0;inset-inline-end:0;margin:0}#report-filters .report-actions .select-picker,#report-filters .report-actions .select-picker>input{height:44px;min-height:44px;margin:0}