@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/sama_construction/fonts/IBMPlexSansArabic-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/sama_construction/fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2");font-weight:600 800;font-display:swap}
:root{--xp-ink:#10232c;--xp-muted:#63757e;--xp-line:#c8d2d7;--xp-paper:#fff;--xp-bg:#edf1f3;--xp-soft:#f5f7f8;--xp-teal:#0e766e;--xp-blue:#176ba0;--xp-green:#168451;--xp-amber:#a86b08;--xp-red:#b84135;color-scheme:light}
*{box-sizing:border-box}html{min-width:320px;background:var(--xp-bg)}body{margin:0;background:var(--xp-bg);color:var(--xp-ink);font-family:Inter,"Segoe UI",system-ui,sans-serif}[dir=rtl] body{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif}.web-footer,.navbar{display:none!important}.container{max-width:none;padding:0}.page_content{margin:0}
.experience-app{display:grid;grid-template-rows:64px minmax(0,1fr) 34px;width:100%;min-height:100vh;background:var(--xp-bg);user-select:none}.experience-app h1,.experience-app h2,.experience-app h3,.experience-app strong{color:var(--xp-ink)}button,a{font:inherit}.app-bar{display:flex;z-index:30;align-items:center;gap:32px;padding:0 24px;border-bottom:1px solid var(--xp-line);background:#fff}.app-brand{display:flex;min-width:220px;align-items:center;gap:11px;color:inherit;text-decoration:none}.app-brand>b{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--xp-teal);color:var(--xp-teal)}.app-brand span{display:grid}.app-brand small,.bar-fact small{color:var(--xp-muted);font-size:.62rem;letter-spacing:.08em}.bar-fact{display:grid}.bar-fact strong{font-size:.78rem}.language-toggle{margin-inline-start:auto;padding:8px 11px;border:1px solid var(--xp-line);background:var(--xp-soft);cursor:pointer}.live-state{display:flex;align-items:center;gap:7px;color:#176940;font-size:.75rem;font-weight:700}.live-state i{width:8px;height:8px;border-radius:50%;background:#27b36d;box-shadow:0 0 0 4px #dff3e8}
.app-grid{display:grid;min-height:0}.map-grid{grid-template-columns:280px minmax(480px,1fr) 320px}.signage-grid{grid-template-columns:280px minmax(520px,1fr) 320px}.app-panel{min-width:0;padding:20px;border-inline-end:1px solid var(--xp-line);background:#fff;overflow:auto}.inspector-panel{border-inline:1px solid var(--xp-line);border-inline-end:0}.panel-heading small,.stage-toolbar{color:var(--xp-teal);font-size:.65rem;font-weight:800;letter-spacing:.1em}.panel-heading h1,.panel-heading h2{margin:4px 0 18px;font-size:1.25rem}.record-list{display:grid;gap:8px}.record-card{display:grid;grid-template-columns:1fr auto;width:100%;padding:13px;border:1px solid var(--xp-line);background:#fff;color:var(--xp-ink);text-align:start;cursor:pointer}.record-card:hover,.record-card.active{border-color:var(--xp-teal);box-shadow:inset 3px 0 0 var(--xp-teal);background:#f2f8f7}.record-card span{display:grid}.record-card small{margin-top:3px;color:var(--xp-muted);font-size:.68rem}.record-card progress{grid-column:1/-1;width:100%;height:5px;margin-top:10px;accent-color:var(--xp-teal)}.status{height:fit-content;padding:3px 6px;border-radius:20px;background:#e6edf0;color:#48606b;font-size:.6rem}.status.active,.status.published{background:#dff3e8;color:#176940}.status.attention{background:#fff0cf;color:#76500c}.status.planned,.status.draft{background:#e6edf8;color:#27577a}.desk-link{display:block;margin-top:18px;color:var(--xp-teal);font-size:.75rem}.fact-list{display:grid;margin:0}.fact-list>div{display:flex;padding:12px 0;justify-content:space-between;gap:18px;border-bottom:1px solid var(--xp-line)}.fact-list dt{color:var(--xp-muted);font-size:.72rem}.fact-list dd{margin:0;font-size:.78rem;font-weight:700;text-align:end}.attention-card{margin-top:20px;padding:15px;border-inline-start:3px solid var(--xp-amber);background:#fff8e9}.attention-card small{color:#76500c;font-size:.62rem;font-weight:800}.attention-card p{margin:7px 0 0;color:#465b64;font-size:.78rem;line-height:1.55}.primary-command{display:flex;min-height:44px;margin-top:16px;align-items:center;justify-content:center;background:var(--xp-teal);color:#fff;text-decoration:none;font-size:.78rem;font-weight:800}
.map-board,.signage-stage{display:grid;grid-template-rows:42px minmax(0,1fr);min-width:0;padding:20px;background:var(--xp-soft)}.map-toolbar,.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.map-toolbar{color:var(--xp-muted);font-size:.7rem}.map-toolbar b{font-family:ui-monospace,monospace}.schematic-map{position:relative;min-height:470px;border:1px solid var(--xp-line);background:linear-gradient(rgba(16,35,44,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,35,44,.045) 1px,transparent 1px),#fff;background-size:28px 28px;overflow:hidden}.schematic-map svg{width:100%;height:100%}.district{fill:#eef4f5;stroke:#9db2ba;stroke-width:.4}.road{fill:none;stroke:#cad5d9;stroke-width:2.6}.road.thin{stroke-width:1.2}.map-pin{cursor:pointer}.map-pin circle{fill:#fff;stroke:var(--xp-teal);stroke-width:.7}.map-pin text{fill:var(--xp-teal);font-size:3.4px;font-weight:800;text-anchor:middle}.map-pin.active circle{fill:var(--xp-teal);filter:drop-shadow(0 1px 2px #70858e)}.map-pin.active text{fill:#fff}.map-caption{position:absolute;inset-inline-start:16px;bottom:16px;display:flex;padding:9px 11px;align-items:center;gap:8px;border:1px solid var(--xp-line);background:#fff;color:var(--xp-muted);font-size:.68rem}.map-caption i{width:8px;height:8px;border-radius:50%;background:var(--xp-teal)}
.stage-toolbar{color:var(--xp-muted)}.device-pill{padding:4px 7px;border:1px solid var(--xp-line);background:#fff;color:var(--xp-muted)}.screen-preview{position:relative;display:grid;min-height:470px;padding:34px;align-content:space-between;border:10px solid #22343d;border-radius:6px;background:radial-gradient(circle at 80% 20%,#dff1ef 0,transparent 32%),linear-gradient(145deg,#fbfcfc,#e8f0f2);box-shadow:0 16px 28px rgba(26,46,55,.16)}.screen-brand{display:flex;align-items:center;justify-content:space-between;color:var(--xp-teal);font-weight:900;letter-spacing:.08em}.screen-brand span{color:var(--xp-muted);font-size:.62rem}.screen-copy{max-width:760px}.screen-copy small{color:var(--xp-teal);font-size:.72rem;font-weight:800;letter-spacing:.1em}.screen-copy h2{margin:10px 0;font-size:clamp(3rem,7vw,6.4rem);line-height:.93;letter-spacing:-.05em}.screen-copy p{max-width:650px;color:#516770;font-size:1.05rem;line-height:1.6}.screen-ticker{display:flex;padding-top:16px;justify-content:space-between;gap:20px;border-top:1px solid #b8c8ce;color:#50666f;font-size:.72rem}.app-footer{display:flex;padding:0 24px;align-items:center;justify-content:space-between;border-top:1px solid var(--xp-line);background:#fff;color:var(--xp-muted);font-size:.64rem}
[dir=rtl] .record-card:hover,[dir=rtl] .record-card.active{box-shadow:inset -3px 0 0 var(--xp-teal)}[dir=rtl] .screen-copy h2{letter-spacing:0;line-height:1.15}
@media(max-width:1180px){.map-grid,.signage-grid{grid-template-columns:230px 1fr}.inspector-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--xp-line)}.inspector-panel .primary-command{align-self:end}.app-bar{gap:14px}.bar-fact{display:none}}
@media(max-width:720px){.experience-app{display:block;min-height:100vh}.app-bar{position:sticky;top:0;padding:8px 10px}.app-brand{min-width:0}.app-brand small,.live-state{display:none}.app-grid{display:flex;flex-direction:column}.list-panel{max-height:none}.map-board,.signage-stage{order:-1;min-height:510px;padding:10px}.schematic-map,.screen-preview{min-height:440px}.inspector-panel{display:block}.app-footer{min-height:34px}.screen-copy h2{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}