/* Shared Arabic presentation; authorization remains on the server. */
[hidden]{display:none!important}html{scroll-padding-top:110px}body{overflow-wrap:anywhere}button,a,input,select,summary{touch-action:manipulation}button[aria-busy=true]{cursor:progress}summary{cursor:pointer;padding:10px 0}form{display:grid;gap:12px}form label{display:grid;gap:6px}form input:not([type=checkbox]):not([type=radio]),form select,form textarea{max-width:100%;min-height:44px;width:100%;padding:10px;border:1px solid #536a7c;border-radius:8px;background:#101e2b;color:#f1f5f4}form label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}section>h2{margin-top:26px}.ux-next{border-inline-start:4px solid #d4b06a;padding:12px 20px;background:#19313c;border-radius:10px;margin-bottom:20px}#lab-bind{margin:20px 0;padding:20px;border:1px solid #536a7c;border-radius:12px}#lab-body>section{margin:28px 0}#lab-body .card{display:flex;flex-direction:column;gap:8px}#lab-body .card>button{margin-top:auto}#lab-body .card details{font-size:13px}#lab-body .card p{margin:4px 0}#lab-status,[data-status]{min-height:1.8em;white-space:pre-wrap}#lab-history{max-height:420px;overflow:auto}#role-lab-banner{font:13px/1.6 Tahoma,Arial,sans-serif}body.command-center{overflow:auto}.command-center .cc-shell{height:auto;min-height:calc(100dvh - var(--role-banner-height,0px))}.command-center .cc-main{height:auto;overflow:visible}.command-center .cc-content{overflow:visible}.command-center .cc-map-card{min-height:360px}.command-center .cc-map-card .map-wrap{min-height:280px}.command-center .cc-sidebar{top:var(--role-banner-height,0px)}.command-center .cc-incident-page{top:calc(var(--role-banner-height,0px) + 70px)}.table-wrap{overflow:auto;max-width:100%}#workspace .actions{gap:8px}#workspace .notice{margin:12px 0}
.command-center .cc-command-grid{align-items:start}.command-center .cc-map-card{height:480px}.command-center .cc-incident-rail{max-height:480px;overflow:auto}
pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;direction:ltr;text-align:left}.timeline{max-height:560px;overflow:auto}
/* One visual system, including controls outside forms. Map SDK controls retain their own styling. */
:root{color-scheme:dark;--ux-line:#42576c;--ux-gold:#e4c68b}*{box-sizing:border-box}body{line-height:1.75}main,.workspace,#workspace,#content,.card,.grid>*{min-width:0}button,input,select,textarea{font:inherit}button:not(:where(.mapboxgl-map *,.maplibregl-map *)),input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{border:1px solid var(--ux-line);border-radius:9px;background:#132736;color:#f1f5f8;min-height:44px;max-width:100%;padding:9px 14px}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button.primary,button[type=submit],.ux-primary-link{background:#d6b678;color:#101d2a;font-weight:700;border:1px solid #e5c98f}.ux-primary-link{display:inline-flex;border-radius:8px;padding:8px 14px;text-decoration:none}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;accent-color:#d6b678;vertical-align:middle;flex:none}input[type=file]{color:#d6e0e9;max-width:100%}input::file-selector-button{font:inherit;background:#274357;color:#fff;border:1px solid #577084;border-radius:6px;padding:8px;margin-inline-end:8px}input[type=number],input[type=email],input[type=password],input[type=datetime-local]{direction:ltr;text-align:start}textarea{resize:vertical}label{margin-block:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6cc7d0;outline-offset:3px}.ux-isolate,bdi{unicode-bidi:isolate;display:inline;word-break:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ux-isolate{margin-inline:.12em}time{unicode-bidi:isolate}.actions,.human-actions{gap:10px}.ux-next h2{font-size:1.12rem;margin:0 0 5px}.ux-next p{margin:5px 0 10px}.ux-steps{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.ux-steps a,.stage-nav a,.relief-nav a{display:inline-flex;padding:8px 12px;border:1px solid var(--ux-line);border-radius:8px;color:#e4c68b;background:#142b3b;text-decoration:none}.ux-stage{margin-block:14px;border:1px solid var(--ux-line);border-radius:12px;padding:0 18px;background:#102230}.ux-stage>summary{font-size:1.1rem;font-weight:bold;color:#e4c68b;padding:14px 0}.ux-stage[open]{padding-bottom:16px}.ux-stage .card{margin-block:10px}.ux-stage>p:empty,.notice:empty,#message:empty,[data-status]:empty{display:none}.ux-stage>h3{margin-top:14px}#message:not(:empty),.toast,.notification-toast{position:relative!important;inset:auto!important;max-width:100%;max-height:120px;overflow:auto;z-index:2!important}.operations-notifications{margin-block:12px}.operations-notifications section{max-height:340px;overflow:auto}.topbar{padding-block:16px}.topbar .brand{font-size:26px}.grid{align-items:start}.brief-heading{margin-bottom:12px}.stage-nav{display:flex;gap:8px;flex-wrap:wrap}.flow{font-size:.9rem;color:#a9c1d1}.card{padding:22px}.ux-lab-section>summary{font-size:1.3rem;color:#e4c68b;font-weight:bold}.ux-lab-section .grid{margin-block:12px}#lab-bind{max-width:780px;margin:16px 0}#lab-body>nav{display:flex;gap:14px}#role-lab-banner{position:relative!important;padding:8px 16px!important;gap:8px 16px!important}#role-lab-banner .ux-lab-context{display:flex;gap:12px;flex-wrap:wrap}#role-lab-banner details{margin-inline-start:auto}#role-lab-banner summary{padding:0;font-size:12px}#role-lab-banner details p{margin:4px}.ux-empty{padding:14px;color:#abc2d0;border:1px dashed var(--ux-line);border-radius:8px}.unified-map-filters{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.unified-map-filters label{margin:0;font-size:13px}.unified-map-filters button{align-self:end}.unified-map-status{font-size:12px}.command-center .cc-content{min-height:0}.command-center .cc-map-card .map-wrap{isolation:isolate}.command-center .cc-sidebar{z-index:8}.command-center .cc-main{padding-bottom:20px}.command-center .cc-map-card select{font-size:13px}.timeline li{padding-block:12px}
@media(min-width:1000px){.workspace,#workspace{max-width:1520px;margin-inline:auto}.ux-stage>form{max-width:760px}.relief-kpis{margin-block:12px}}
.report-form:has(.ux-report-about){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px}.report-form fieldset{min-width:0;margin:0;padding:16px;border:1px solid var(--ux-line);border-radius:12px}.report-form legend{padding:0 8px;color:var(--ux-gold);font-weight:bold}.report-form .ux-report-about textarea{min-height:160px}.report-form .ux-report-media,.report-form>#reportStatus,.report-form>.form-actions{grid-column:1/-1}.ux-report-place .citizen-map-view{height:330px}.ux-report-place .map-feature-controls{margin-inline:0}.ux-report-media{border:1px solid var(--ux-line);border-radius:10px;padding:0 14px}.field-status-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ux-workflow-guide .status:empty{display:none}.field-detail>details{padding:10px 14px;border:1px solid var(--ux-line);border-radius:10px;margin-bottom:14px}.ux-map-filter-details{margin-bottom:8px}.ux-map-filter-details>summary{font-weight:bold}.unified-map-status{margin-block:6px}.cc-map-card .unified-map-selection:empty{display:none}.cc-map-card:has(.map-feature-controls) .map-provider-notice{margin-block:4px}
@media(max-width:850px){.report-form:has(.ux-report-about){grid-template-columns:1fr}.ux-report-place .citizen-map-view{height:300px}.report-form fieldset{padding:12px}}
@media(min-width:851px){.report-form:has(.ux-report-about){grid-template-rows:auto auto 1fr;align-items:start}.report-form .ux-report-about{grid-column:1;grid-row:1}.report-form .ux-report-place{grid-column:2;grid-row:1/5}.report-form .ux-report-media{grid-column:1;grid-row:2}.report-form>#reportStatus{grid-column:1;grid-row:3}.report-form>.form-actions{grid-column:1;grid-row:4;margin-top:0;padding-top:0}}
.ux-report-place #citizenLocationCoords{color:#d3e7ea!important}.ux-report-place .location-note{color:#bdd2df}.ux-workflow-guide[hidden]{display:none!important}.ux-stage>section.card{padding:12px;border:0;background:transparent}.ux-steps a{margin-inline:0}.ux-stage .grid{gap:14px}
.command-center .cc-topbar:has(.notification-panel.open){height:auto;min-height:70px;align-items:flex-start}.command-center .notification-panel{position:static!important;inset:auto!important;width:min(380px,86vw);max-height:280px;overflow:auto;margin-top:8px}.toast{transform:none!important;height:auto!important;white-space:normal!important;margin:8px 14px}.toast>span{white-space:normal!important;overflow:auto!important;text-overflow:clip!important}.command-center .cc-home{height:auto;min-height:0}.command-center .cc-content:has(.cc-view[data-page=map]:not([hidden])){padding-bottom:20px}
.badge+small,.badge+time{display:inline-block;margin-inline-start:.6em}.report>small{display:block;margin-block:4px}fieldset{min-width:0;border:1px solid var(--ux-line);border-radius:10px;padding:12px 16px}legend{padding:0 8px;color:var(--ux-gold)}fieldset>label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}
@media(max-width:760px){.sidebar .nav-list{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px;margin-top:8px}.sidebar .nav-item{flex:0 0 auto;width:auto;min-width:105px;white-space:nowrap}.sidebar .brand{display:inline-flex;align-items:center;gap:10px;border:0;margin-inline-end:15px;padding-bottom:0}.sidebar .mode-badge{margin:4px 0}.sidebar{padding:10px 12px}.sidebar .nav-list::-webkit-scrollbar{height:5px}.sidebar .nav-list::-webkit-scrollbar-thumb{background:#526b7b;border-radius:6px}}
.sidebar>div:has(>.field-download-link[hidden]){display:none}
@media(max-width:700px){.command-center .cc-shell{display:flex;flex-direction:column;padding:0}.command-center .cc-sidebar{position:relative;inset:auto;order:0;width:100%;height:auto;max-height:none;padding:5px 6px;overflow-x:auto;z-index:4}.command-center .cc-navigation{flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;width:max-content;min-width:100%;margin:0;padding:0;gap:4px;border:0}.command-center .cc-nav{flex:0 0 78px;width:78px;min-width:78px;height:60px;min-height:60px;font-size:10px;padding:6px 4px;margin:0}.command-center .cc-main{order:1;height:auto;min-height:0}.command-center .cc-content{padding-bottom:20px}.command-center .cc-incident-page{top:var(--role-banner-height,0px);bottom:0}.command-center .cc-topbar:has(.notification-panel.open){flex-wrap:wrap}.command-center .cc-top-actions:has(.notification-panel.open){flex-wrap:wrap;max-width:100%}.command-center .cc-account{display:none}}
@media(max-width:700px){body{font-size:14px}.card{padding:15px}.ux-stage{padding-inline:12px}.ux-stage>summary{font-size:1rem}.ux-next{padding:12px}.ux-steps{display:grid;grid-template-columns:1fr 1fr}.ux-steps a{font-size:12px}.topbar{padding:12px 14px}.topbar .brand{font-size:21px}.actions{flex-wrap:wrap}.actions>*{max-width:100%}#role-lab-banner span{flex-basis:auto!important}#role-lab-banner .ux-lab-context{font-size:11px}#role-lab-banner details{margin-inline-start:0}.grid{gap:12px}.table-wrap table{font-size:12px}.command-center .cc-sidebar{overflow-x:auto;max-width:100vw}.command-center .cc-sidebar .cc-nav{min-width:max-content}.unified-map-filters{grid-template-columns:1fr 1fr}#lab-body .grid.three{grid-template-columns:1fr}}
@media(max-width:700px){.three,.two{grid-template-columns:minmax(0,1fr)}.topbar{flex-wrap:wrap;padding:14px 18px;gap:12px}.topbar .brand{font-size:22px}main{padding:20px 14px 90px}.card{padding:16px}#role-lab-banner{gap:6px!important;padding:8px 12px!important;font-size:12px}#role-lab-banner span{flex-basis:100%}.command-center .cc-sidebar{top:auto;bottom:0}.command-center .cc-content{padding-bottom:85px}.command-center .cc-map-card{height:440px;width:100%}.command-center .map-focus .cc-map-card{height:500px}.command-center .cc-incident-page{bottom:66px}.command-center .cc-section-code{letter-spacing:0}.command-center .route-planner{max-width:calc(100% - 24px)}.command-center .cc-command-grid{display:flex;flex-direction:column}.command-center .cc-incident-rail{width:100%;max-height:none;overflow:visible}}