:root{--navy:#0b2f4f;--navy2:#123f66;--blue:#2878b7;--teal:#0f8a78;--teal2:#e6f5f2;--red:#c53b45;--red2:#fff0f1;--amber:#d28a12;--amber2:#fff7e8;--green:#208a62;--green2:#eaf7f1;--ink:#172536;--muted:#69788a;--line:#dce4ec;--bg:#f4f7fa;--white:#fff;--shadow:0 12px 34px rgba(12,42,67,.09)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Tahoma","Arial",sans-serif;line-height:1.55}.prototype-ribbon{height:25px;background:#09263f;color:#d6e9f7;text-align:center;font-size:.76rem;letter-spacing:.03em;padding:3px}.app-shell{display:flex;min-height:calc(100vh - 25px)}button,select,input,textarea{font:inherit}button,select{cursor:pointer}.sidebar{width:248px;position:fixed;right:0;top:25px;bottom:0;background:linear-gradient(180deg,#0c3152 0%,#092841 100%);color:#fff;padding:22px 14px 16px;z-index:20;display:flex;flex-direction:column;box-shadow:-4px 0 18px rgba(4,22,37,.1)}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:15px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#39bfa8,#168a84);display:grid;place-items:center;font-size:1.45rem;font-weight:800;box-shadow:0 7px 18px rgba(20,176,151,.25)}.brand strong,.brand span{display:block}.brand strong{font-size:1.12rem}.brand span{font-size:.8rem;color:#aac1d2}.sidebar nav{overflow:auto;display:grid;gap:3px;padding-left:2px}.nav-item{width:100%;border:0;background:transparent;color:#bed0de;text-align:right;border-radius:9px;padding:9px 10px;display:flex;gap:11px;align-items:center;font-size:.86rem;transition:.2s}.nav-item span{font-size:.7rem;border:1px solid rgba(255,255,255,.16);border-radius:5px;padding:1px 5px;color:#7fa4bd}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:rgba(50,186,162,.16);color:#fff;border-right:3px solid #36bca6}.nav-item.active span{color:#7fe1d0;border-color:#41a998}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:15px 9px 0;font-size:.75rem;color:#9cb5c7}.secure-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52d7a7;margin-left:7px;box-shadow:0 0 0 4px rgba(82,215,167,.12)}.main{width:calc(100% - 248px);margin-right:248px;min-height:100vh}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:15}.context{display:flex;flex-direction:column}.context span{font-size:.72rem;color:var(--muted)}.context strong{font-size:1rem;color:var(--navy)}.top-actions{margin-right:auto;display:flex;align-items:center;gap:10px}.demo-btn{background:var(--navy);color:white;border:0;border-radius:9px;padding:9px 14px;font-size:.82rem;font-weight:700}.role-select{display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:4px 9px}.role-select select{border:0;background:transparent;color:var(--ink);font-size:.8rem;outline:none}.profile{display:flex;align-items:center;gap:7px;background:transparent;border:0;color:var(--navy)}.profile span{width:33px;height:33px;border-radius:50%;background:#dfeaf3;display:grid;place-items:center;font-weight:800}.profile b{font-size:.8rem}.menu-btn{display:none}.demo-strip{height:66px;background:#fff8e9;border-bottom:1px solid #f0d7a4;padding:9px 28px;display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;align-items:center;gap:18px;position:sticky;top:73px;z-index:14}.demo-strip.hidden{display:none}.demo-strip>div:first-child{display:flex;gap:10px;align-items:center}.demo-strip span{font-size:.75rem;color:#936613}.demo-strip strong{font-size:.83rem}.demo-progress{height:5px;background:#efdcb6;border-radius:9px;overflow:hidden}.demo-progress i{display:block;height:100%;background:var(--amber);width:14%;transition:.3s}.demo-controls{display:flex;gap:6px}.demo-controls button{border:1px solid #e5c785;background:white;color:#7f5810;border-radius:7px;padding:5px 10px}.content{padding:27px;max-width:1540px;margin:auto}.screen{display:none;animation:fade .25s ease}.screen.active{display:block}@keyframes fade{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}h1,h2,h3,p{margin-top:0}h1{font-size:1.65rem;color:var(--navy);line-height:1.3;margin-bottom:5px}h2{font-size:1rem;color:var(--navy)}p{color:var(--muted)}button{transition:.18s}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(40,120,183,.24);outline-offset:2px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px;gap:20px}.page-head p{margin:2px 0;font-size:.88rem}.eyebrow{display:block;color:var(--teal);font-weight:700;font-size:.72rem;margin-bottom:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 16px rgba(20,46,70,.035)}.primary,.secondary{border-radius:8px;padding:9px 16px;font-weight:700;font-size:.84rem}.primary{border:1px solid var(--navy);background:var(--navy);color:white}.primary:hover,.demo-btn:hover{background:var(--navy2)}.secondary{border:1px solid var(--line);background:#fff;color:var(--navy)}.secondary:hover{background:#f4f7fa}.full{width:100%}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:.72rem;font-weight:700}.pill.red{background:var(--red2);color:var(--red)}.pill.blue{background:#eaf2fa;color:#226da6}.pill.amber{background:var(--amber2);color:#a46808}.pill.green{background:var(--green2);color:var(--green)}.danger-text,.danger-text *{color:var(--red)!important}.good-text{color:var(--green)!important}.hidden{display:none!important}
/* mobile app */
.mobile-stage{display:grid;grid-template-columns:minmax(330px,430px) minmax(280px,410px);gap:45px;justify-content:center;align-items:center;min-height:calc(100vh - 155px)}.phone{background:#eef2f5;border:9px solid #17293b;border-radius:34px;box-shadow:0 30px 70px rgba(11,47,79,.18);overflow:hidden;max-width:405px;margin:auto}.phone-bar{height:51px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:.7rem}.phone-bar b{font-size:.8rem}.phone-content{padding:20px;background:#f7f9fb;min-height:580px}.welcome small{color:var(--muted)}.welcome h1{font-size:1.25rem;margin:3px 0 16px}.primary-action{border:0;width:100%;background:linear-gradient(135deg,#0e8e7b,#176e7e);color:white;border-radius:14px;padding:17px;display:flex;align-items:center;gap:13px;text-align:right;box-shadow:0 10px 24px rgba(15,138,120,.2)}.primary-action .plus{width:42px;height:42px;background:rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-size:1.7rem}.primary-action b,.primary-action small{display:block}.primary-action small{opacity:.78;font-size:.72rem}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0 21px}.mini-grid button{border:1px solid var(--line);background:white;border-radius:11px;padding:10px;text-align:right}.mini-grid b,.mini-grid span{display:block}.mini-grid b{font-size:1.25rem;color:var(--navy)}.mini-grid span{font-size:.7rem;color:var(--muted)}.phone-content h2{font-size:.82rem}.ticket-card{background:#fff;border:1px solid var(--line);padding:10px;border-radius:10px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;margin-bottom:8px}.ticket-card.critical{border-right:3px solid var(--red)}.ticket-icon{width:32px;height:32px;border-radius:8px;background:#edf3f7;display:grid;place-items:center}.ticket-card b,.ticket-card span{display:block}.ticket-card b{font-size:.73rem}.ticket-card span{font-size:.64rem;color:var(--muted)}.ticket-card em{font-style:normal;font-size:.6rem;background:var(--red2);color:var(--red);padding:3px 6px;border-radius:20px}.ticket-card em.yellow{background:var(--amber2);color:var(--amber)}.offline-note{font-size:.65rem;color:var(--green);background:var(--green2);padding:8px;border-radius:8px;margin-top:14px}.offline-note span{font-weight:bold;margin-left:5px}.explain-card{background:#fff;border-right:5px solid var(--teal);box-shadow:var(--shadow);padding:28px;border-radius:12px}.explain-card h2{font-size:1.4rem;margin:5px 0 10px}.explain-card p{font-size:.92rem}.explain-card li{margin:8px 0;color:#405268;font-size:.85rem}
/* form */
.form-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.72fr);gap:19px}.report-form{padding:24px}.stepper{display:flex;margin:-24px -24px 23px;border-bottom:1px solid var(--line)}.stepper span{flex:1;padding:13px;text-align:center;color:#8b98a6;font-size:.76rem;border-bottom:3px solid transparent}.stepper .done{color:var(--green)}.stepper .active{color:var(--navy);border-color:var(--teal);font-weight:700}.report-form label,.modal-card label{display:block;font-weight:700;color:var(--navy);font-size:.8rem;margin-bottom:8px}.upload-zone{height:145px;width:100%;border:1.5px dashed #a9bac9;background:#f8fbfd;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--navy);margin-bottom:17px}.upload-zone.uploaded{border-style:solid;background:var(--green2);border-color:#8ccab4}.upload-zone span{font-size:1.7rem;color:var(--teal)}.upload-zone small,.voice-btn+small{display:block;color:var(--muted);font-weight:400;font-size:.7rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-form textarea,.work-main textarea,input,.modal-card select,.modal-card input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;color:var(--ink);resize:vertical}.report-form textarea{height:92px;margin-top:7px}.voice-btn{width:100%;height:52px;border:1px solid #f0c7cb;background:var(--red2);color:var(--red);border-radius:9px;font-weight:700;margin:7px 0 5px}.voice-btn.recording{animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(197,59,69,.12)}}.location-box{border:1px solid #b5dacd;background:var(--green2);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;margin:7px 0 19px}.location-box b,.location-box span{display:block}.location-box span{font-size:.7rem;color:var(--muted)}.location-box strong{color:var(--green);font-size:.8rem}.form-actions{display:flex;justify-content:flex-end;gap:9px}.save-state{font-size:.72rem;color:var(--green);background:var(--green2);border-radius:20px;padding:5px 10px}.side-summary{background:var(--navy);color:white;border-radius:13px;padding:23px;align-self:start}.side-summary h3{color:white}.side-summary>div{border-top:1px solid rgba(255,255,255,.14);padding:13px 0}.side-summary b,.side-summary span{display:block}.side-summary b{color:#6ee0ca;font-size:.82rem}.side-summary span{font-size:.76rem;color:#c4d5e1}.side-summary p{font-size:.7rem;color:#9eb8ca;background:rgba(255,255,255,.06);padding:10px;border-radius:8px;margin:10px 0 0}
/* ai */
.ai-badge{background:linear-gradient(135deg,#e8f3ff,#eaf8f5);border:1px solid #c8dfef;color:var(--blue);padding:6px 11px;border-radius:20px;font-size:.75rem;font-weight:700}.review-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:19px}.evidence-card,.ai-result{padding:20px}.mock-photo{height:320px;background:linear-gradient(145deg,#33424c,#78848b);border-radius:11px;display:grid;place-items:center;position:relative;color:#fff;overflow:hidden}.mock-photo:before{content:"";position:absolute;width:70%;height:12px;background:#1d2328;transform:rotate(-12deg);box-shadow:0 28px 0 #1d2328,0 -28px 0 #1d2328}.hazard-lines{z-index:2;color:#ffd12f;font-size:6rem;text-shadow:0 2px 20px #000}.mock-photo span{position:absolute;bottom:11px;right:12px;font-size:.7rem;background:rgba(0,0,0,.55);padding:4px 8px;border-radius:4px}.transcript{margin-top:13px;background:#f6f9fb;padding:12px;border-radius:8px}.transcript b{font-size:.78rem;color:var(--navy)}.transcript p{font-size:.8rem;margin:4px 0}.confidence{display:grid;grid-template-columns:1fr auto;gap:5px;margin-bottom:15px}.confidence span{font-size:.78rem}.confidence b{color:var(--teal)}.confidence div{grid-column:1/-1;height:6px;background:#e8edf1;border-radius:5px}.confidence i{display:block;height:100%;background:var(--teal);border-radius:5px}.ai-result label{display:block;font-size:.75rem;font-weight:700;color:var(--navy);margin-bottom:12px}.ai-result select{display:block;width:100%;border:1px solid var(--line);padding:9px;border-radius:8px;background:white;margin-top:5px}.critical-select{color:var(--red);font-weight:700}.safety-warning{background:var(--red2);border-right:4px solid var(--red);padding:12px;border-radius:7px;margin:13px 0}.safety-warning b{font-size:.8rem;color:var(--red)}.safety-warning p{font-size:.75rem;margin:3px 0;color:#7c3d42}.confirm{font-weight:400!important;display:flex!important;align-items:flex-start;gap:6px;color:#485a6d!important}.confirm input{width:auto;margin-top:4px}
/* details */
.status-pair{display:flex;gap:7px}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.72fr);gap:18px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:17px;margin-bottom:16px}.summary-grid>div{padding:0 15px;border-left:1px solid var(--line)}.summary-grid>div:last-child{border:0}.summary-grid span,.summary-grid b{display:block}.summary-grid span{font-size:.7rem;color:var(--muted)}.summary-grid b{font-size:.85rem;margin-top:3px}.timeline{padding:20px}.timeline h2{margin-bottom:17px}.time-item{display:flex;gap:13px;position:relative;padding-bottom:23px}.time-item:before{content:"";position:absolute;right:6px;top:15px;bottom:0;border-right:2px solid #dce5ec}.time-item:last-child:before{display:none}.time-item i{width:14px;height:14px;border-radius:50%;background:white;border:3px solid #a7b5c1;z-index:1}.time-item.done i{border-color:var(--teal);background:var(--teal)}.time-item b,.time-item span{display:block}.time-item b{font-size:.82rem}.time-item span{font-size:.7rem;color:var(--muted)}.decision-card{padding:21px;align-self:start}.decision-card p{font-size:.8rem}.decision-card button{margin-bottom:8px}.decision-card hr,.sla-card hr{border:0;border-top:1px solid var(--line);margin:15px 0}.decision-card>b,.decision-card>span{display:block}.decision-card>b{font-size:.78rem;color:var(--navy)}.decision-card>span{font-size:.68rem;color:var(--muted);margin-top:4px}
/* inspection */
.score-ring{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--red) 0 82%,#e7edf2 82%);position:relative}.score-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--bg)}.score-ring b,.score-ring span{z-index:1}.score-ring b{font-size:1.2rem;color:var(--navy)}.score-ring span{font-size:.6rem;color:var(--muted)}.inspection-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.65fr);gap:18px}.checklist{padding:6px 20px 20px}.check-head,.check-row{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:20px;padding:13px 4px;border-bottom:1px solid var(--line)}.check-head{font-size:.7rem;color:var(--muted);padding-top:8px}.check-row strong,.check-row span{display:block}.check-row strong{font-size:.83rem;color:var(--navy)}.check-row span{font-size:.7rem;color:var(--muted)}.check-row select{border:1px solid var(--line);border-radius:7px;padding:8px;background:#fff}.checklist .form-actions{margin-top:17px}.readiness-verdict{padding:24px;align-self:start;text-align:center}.readiness-verdict>span{font-size:.72rem;color:var(--muted)}.readiness-verdict h2{font-size:1.45rem;color:var(--red);margin:6px}.readiness-verdict p{font-size:.76rem}.legend{display:flex;flex-direction:column;text-align:right;gap:8px;background:#f6f8fa;padding:12px;border-radius:8px}.legend span{font-size:.7rem}.legend i,.map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px}.green{background:var(--green)}.yellow{background:var(--amber)}.red{background:var(--red)}
/* work */
.work-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,.6fr);gap:18px}.work-main{padding:20px}.work-alert{background:var(--amber2);border-right:4px solid var(--amber);padding:12px;border-radius:8px}.work-alert b,.work-alert span{display:block}.work-alert b{font-size:.78rem;color:#945e06}.work-alert span{font-size:.72rem;color:#775c31}.work-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0}.work-buttons button{padding:10px;border:1px solid #9bb2c4;background:#edf3f7;color:var(--navy);border-radius:8px;font-weight:700;font-size:.75rem}.work-buttons button:disabled{opacity:.45;cursor:not-allowed}.work-buttons button.current{background:var(--navy);color:white}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:13px}.photo-slot{height:150px;border:1.5px dashed #b5c3ce;border-radius:10px;background:#f8fafc;color:var(--navy);display:flex;flex-direction:column;justify-content:center;align-items:center}.photo-slot.added{border-style:solid;background:var(--green2);border-color:#8ccab4}.photo-slot span{font-size:1.8rem;color:var(--teal)}.photo-slot b{font-size:.75rem}.work-main>label{display:block;font-size:.75rem;font-weight:700;color:var(--navy);margin:14px 0}.work-main textarea{display:block;margin-top:5px;height:75px}.work-main input{margin-top:5px}.sla-card{padding:23px;text-align:center;align-self:start}.sla-card>span{font-size:.72rem;color:var(--muted)}.sla-card>strong{font-size:1.7rem;color:var(--teal);display:block;font-variant-numeric:tabular-nums}.sla-card>small{font-size:.68rem;color:var(--green)}.sla-card>div{display:flex;justify-content:space-between;margin:10px 0;font-size:.7rem}.sla-card>div span{color:var(--muted)}
/* dashboard */
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.kpi-grid article{background:white;border:1px solid var(--line);border-radius:11px;padding:16px;border-top:3px solid var(--blue)}.kpi-grid article.kpi-critical{border-top-color:var(--red)}.kpi-grid span,.kpi-grid b,.kpi-grid em{display:block}.kpi-grid span{font-size:.72rem;color:var(--muted)}.kpi-grid b{font-size:1.5rem;color:var(--navy);margin:3px 0}.kpi-grid em{font-size:.65rem;color:var(--amber);font-style:normal}.kpi-grid em.good{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:17px}.dashboard-grid>.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h2{margin:0}.panel-head span{font-size:.68rem;color:var(--muted)}.panel-head button{border:0;background:transparent;color:var(--blue);font-size:.7rem}.decision-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.decision-list article:last-child{border:0}.severity{font-size:.62rem;font-weight:700;padding:3px 6px;border-radius:5px}.severity.red{background:var(--red2);color:var(--red)}.severity.amber{background:var(--amber2);color:#9a6309}.severity.blue{background:#eaf2fa;color:var(--blue)}.decision-list b,.decision-list small{display:block}.decision-list b{font-size:.78rem}.decision-list small{font-size:.66rem;color:var(--muted)}.decision-list button{border:1px solid var(--line);background:white;border-radius:7px;padding:5px 9px;color:var(--navy);font-size:.68rem}.bar-chart{height:235px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;gap:16px;padding:15px 8px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 54px,#eef2f5 55px)}.bar-chart>div{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative;padding-bottom:27px}.bar-chart i,.bar-chart b{width:9px;border-radius:4px 4px 0 0}.bar-chart i{height:var(--a);background:var(--blue)}.bar-chart b{height:var(--b);background:var(--teal)}.bar-chart span{position:absolute;bottom:3px;font-size:.58rem;color:var(--muted)}.chart-legend{display:flex;gap:14px;justify-content:center;margin-top:10px}.chart-legend span{font-size:.65rem}.chart-legend i{display:inline-block;width:8px;height:8px;background:var(--blue);margin-left:4px}.chart-legend span:last-child i{background:var(--teal)}
/* tickets */
.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:9px;margin-bottom:13px}.filter-bar input,.filter-bar select{border:1px solid var(--line);background:white;border-radius:8px;padding:9px}.table-wrap{overflow:hidden}table{width:100%;border-collapse:collapse;text-align:right}th{font-size:.68rem;color:var(--muted);font-weight:700;background:#f7f9fb}th,td{padding:12px 14px;border-bottom:1px solid var(--line)}td{font-size:.75rem}td b,td small{display:block}td small{font-size:.62rem;color:var(--muted)}td button{border:0;background:transparent;color:var(--blue);font-weight:700;font-size:.68rem}.table-foot{display:flex;justify-content:space-between;padding:12px 14px;font-size:.68rem;color:var(--muted)}.table-foot button{border:1px solid var(--line);background:#fff;padding:3px 8px}.table-foot button.active{background:var(--navy);color:white}
/* readiness */
.head-filters{display:flex;gap:8px}.head-filters select,.map-filters select{border:1px solid var(--line);background:white;border-radius:8px;padding:8px}.readiness-hero{background:linear-gradient(115deg,#0b3457,#0c5a68);border-radius:15px;padding:22px;color:white;display:grid;grid-template-columns:1fr 2.6fr;gap:24px;margin-bottom:17px;box-shadow:var(--shadow)}.overall-score{border-left:1px solid rgba(255,255,255,.18);padding-left:22px}.overall-score div{display:flex;align-items:end;gap:10px}.overall-score b{font-size:2.7rem}.overall-score span{font-size:.78rem;margin-bottom:9px;color:#bcd8e2}.overall-score p{color:#73dec8;font-size:.7rem;margin:0}.readiness-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.readiness-cards article{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:13px;border-radius:10px}.readiness-cards b,.readiness-cards span,.readiness-cards small{display:block}.readiness-cards b{font-size:1.5rem}.readiness-cards span{font-size:.72rem;color:#d8e7ee}.readiness-cards small{font-size:.65rem;margin-top:4px}.readiness-cards .ready{border-top:3px solid #61d39f}.readiness-cards .follow{border-top:3px solid #f1b64d}.readiness-cards .not-ready{border-top:3px solid #ef7078}.readiness-grid{grid-template-columns:1.2fr .8fr}.region-row{display:grid;grid-template-columns:95px 1fr 45px 75px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:.72rem}.region-row>div{height:7px;background:#e9eef2;border-radius:10px}.region-row>div i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:10px}.blockers>div:not(.panel-head){display:grid;grid-template-columns:1fr auto;gap:5px;margin:15px 0;font-size:.72rem}.blockers>div>i{grid-column:1/-1;height:7px;background:var(--red);border-radius:6px}.blockers button{margin-top:15px}
/* map */
.map-filters{display:flex;gap:8px}.map-layout{display:grid;grid-template-columns:1fr 315px;height:625px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white}.map-canvas{position:relative;background-color:#e9f0f1;background-image:linear-gradient(32deg,transparent 45%,rgba(255,255,255,.9) 46%,rgba(255,255,255,.9) 49%,transparent 50%),linear-gradient(120deg,transparent 46%,rgba(255,255,255,.8) 47%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(circle at 25% 30%,#d7e7dc 0 8%,transparent 9%),radial-gradient(circle at 75% 68%,#d7e7dc 0 10%,transparent 11%);overflow:hidden}.map-canvas:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,112,169,.08) 1px,transparent 1px),linear-gradient(rgba(30,112,169,.08) 1px,transparent 1px);background-size:80px 80px}.map-label{position:absolute;color:#8ca0a4;font-weight:700;font-size:.7rem;z-index:1}.l1{right:16%;top:19%}.l2{right:48%;top:52%}.l3{right:70%;top:25%}.map-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;width:36px;height:36px;border-radius:50% 50% 50% 8px;rotate:-45deg;border:3px solid white;box-shadow:0 5px 15px rgba(16,45,62,.25);color:white}.map-pin span{display:block;rotate:45deg;font-size:.7rem;font-weight:800}.map-pin.red{background:var(--red)}.map-pin.yellow{background:var(--amber)}.map-pin.green{background:var(--green)}.map-pin.hidden-pin{display:none}.map-legend{position:absolute;bottom:15px;right:15px;z-index:4;background:white;padding:8px 11px;border-radius:8px;box-shadow:var(--shadow);display:flex;gap:10px;font-size:.62rem}.school-sheet{padding:23px;border-right:1px solid var(--line);position:relative}.sheet-close{position:absolute;left:12px;top:12px;border:0;background:transparent;font-size:1.2rem;color:var(--muted)}.school-sheet h2{font-size:1.2rem;margin:13px 0 2px}.school-sheet>p{font-size:.72rem}.school-score{display:flex;align-items:center;justify-content:space-between;background:var(--red2);padding:13px;border-radius:9px;margin:15px 0}.school-score b,.school-score span{display:block}.school-score b{font-size:1.4rem;color:var(--red)}.school-score span{font-size:.62rem}.school-score em{font-style:normal;color:var(--red);font-size:.7rem;font-weight:700}.school-sheet dl div{padding:10px 0;border-bottom:1px solid var(--line)}.school-sheet dt{font-size:.65rem;color:var(--muted)}.school-sheet dd{margin:2px 0;font-size:.78rem;font-weight:700}.school-sheet .primary{margin-top:18px}
/* preventive */
.kpi-grid.compact article{padding:12px 15px}.calendar-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:17px}.calendar,.upcoming{padding:18px}.calendar-head{display:flex;justify-content:space-between;align-items:center}.calendar-head h2{margin:0}.calendar-head button{border:1px solid var(--line);background:white;border-radius:6px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr)}.week b{text-align:center;font-size:.64rem;color:var(--muted);padding:12px 0}.days button{height:58px;border:1px solid #edf1f4;background:white;text-align:right;vertical-align:top;padding:6px;font-size:.65rem;position:relative}.days button.has-event:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--teal);bottom:7px;right:7px}.days button.today{background:#eaf5fb;color:var(--blue);font-weight:800}.days button.muted{color:#b5bec5;background:#fafbfc}.upcoming article{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.upcoming article>i{height:35px;border-radius:5px}.upcoming i.electric{background:#edb835}.upcoming i.fire{background:var(--red)}.upcoming i.water{background:var(--blue)}.upcoming b,.upcoming span{display:block}.upcoming b{font-size:.74rem}.upcoming span{font-size:.63rem;color:var(--muted)}.upcoming em{font-size:.6rem;color:var(--amber);font-style:normal}
/* costs */
.cost-grid{grid-template-columns:.85fr 1.15fr}.cost-bars>div:not(.panel-head){display:grid;grid-template-columns:80px 1fr 55px;gap:10px;align-items:center;margin:18px 0;font-size:.72rem}.cost-bars i{height:9px;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:7px}.teams table th,.teams table td{padding:11px 8px}
/* Damietta desktop intake and follow-up */
.office-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:17px}.office-grid>.panel{padding:19px}.intake-queue article{display:grid;grid-template-columns:72px 1fr auto auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.intake-queue article:last-child{border:0}.intake-queue .doc-no{background:#eaf2fa;color:var(--navy);font-size:.7rem;font-weight:800;border-radius:7px;padding:7px;text-align:center}.intake-queue b,.intake-queue small{display:block}.intake-queue b{font-size:.8rem}.intake-queue small{font-size:.68rem;color:var(--muted)}.intake-queue article>button{border:1px solid var(--line);background:#fff;border-radius:7px;color:var(--blue);font-size:.7rem;padding:6px 9px}.today-followup>div:not(.panel-head){display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.today-followup i{width:8px;height:36px;border-radius:5px}.today-followup b{font-size:.75rem}.today-followup button{border:0;background:transparent;color:var(--blue);font-size:.68rem}.today-followup p{font-size:.69rem;background:#f5f8fa;border-radius:8px;padding:10px;margin:14px 0 0}.report-form input,.report-form select{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;color:var(--ink);margin-top:7px}.report-form input[readonly]{background:#f0f4f7;color:#607487}.compact-upload{height:84px}.duplicate-check{background:var(--green2);border:1px solid #b8dfd0;padding:10px;border-radius:8px;margin:7px 0 12px}.duplicate-check b,.duplicate-check span{display:block}.duplicate-check b{color:var(--green);font-size:.75rem}.duplicate-check span{color:var(--muted);font-size:.68rem}.follow-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:17px}.follow-form,.follow-history{padding:20px}.case-banner{display:grid;grid-template-columns:repeat(3,1fr);background:#f2f6f9;border:1px solid var(--line);border-radius:9px;margin-bottom:20px}.case-banner>div{padding:12px;border-left:1px solid var(--line)}.case-banner>div:last-child{border:0}.case-banner span,.case-banner b{display:block}.case-banner span{font-size:.65rem;color:var(--muted)}.case-banner b{font-size:.75rem;color:var(--navy)}.follow-form label{display:block;font-size:.75rem;font-weight:700;color:var(--navy);margin:14px 0}.follow-form select,.follow-form input,.follow-form textarea{display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;margin-top:6px;color:var(--ink)}.follow-form textarea{height:86px;resize:vertical}.status-options{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:15px}.status-options button{border:1px solid var(--line);background:#fff;color:#54687a;border-radius:8px;padding:8px 4px;font-size:.68rem}.status-options button.active{background:var(--navy);border-color:var(--navy);color:#fff}.follow-form input[type=range]{padding:0;accent-color:var(--teal)}.range-value{display:block;color:var(--teal);font-size:.72rem;margin-top:3px}.attachment-btn{display:block;width:100%;border:1px dashed #9eb3c3;background:#f7fafc;color:var(--blue);border-radius:8px;padding:10px;margin-top:6px}.attachment-btn.attached{border-style:solid;background:var(--green2);color:var(--green)}.follow-history .time-item small{display:block;font-size:.62rem;color:var(--blue);margin-top:3px}.follow-rule{background:var(--amber2);border-right:4px solid var(--amber);border-radius:8px;padding:11px;margin-top:8px}.follow-rule b{font-size:.72rem;color:#8b5a09}.follow-rule p{font-size:.67rem;color:#775d35;margin:3px 0}
/* modal/toast */
.toast{position:fixed;left:25px;bottom:25px;background:#132f45;color:white;padding:11px 16px;border-radius:9px;box-shadow:var(--shadow);font-size:.78rem;opacity:0;transform:translateY(15px);pointer-events:none;z-index:50;transition:.25s}.toast.show{opacity:1;transform:none}.modal{position:fixed;inset:0;background:rgba(5,24,40,.55);z-index:60;display:grid;place-items:center;padding:20px}.modal-card{width:min(480px,100%);background:white;border-radius:14px;padding:25px;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.25)}.modal-close{position:absolute;left:14px;top:12px;border:0;background:transparent;font-size:1.4rem}.modal-card h2{font-size:1.2rem}.modal-card label{margin:12px 0}.modal-card select{width:100%}
@media(max-width:1100px){.sidebar{width:218px}.main{width:calc(100% - 218px);margin-right:218px}.topbar{padding:0 18px}.content{padding:20px}.profile b{display:none}.summary-grid{grid-template-columns:1fr 1fr;gap:12px}.summary-grid>div:nth-child(2){border:0}.dashboard-grid,.calendar-layout,.office-grid{grid-template-columns:1fr}.map-layout{grid-template-columns:1fr 280px}.kpi-grid{grid-template-columns:1fr 1fr}.status-options{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.prototype-ribbon{height:22px}.sidebar{transform:translateX(105%);transition:.25s;top:22px;width:min(290px,86vw)}.sidebar.open{transform:none}.main{width:100%;margin:0}.topbar{height:64px;padding:0 13px}.menu-btn{display:block;border:0;background:transparent;font-size:1.25rem;margin-left:8px}.top-actions .role-select,.top-actions .profile{display:none}.demo-btn{font-size:0;padding:8px}.demo-btn:after{content:"▶ العرض";font-size:.72rem}.demo-strip{top:64px;height:auto;grid-template-columns:1fr;padding:8px 13px;gap:7px}.demo-progress{display:none}.content{padding:15px}.page-head{align-items:flex-start}.page-head h1{font-size:1.3rem}.mobile-stage,.form-layout,.review-grid,.detail-layout,.inspection-layout,.work-grid,.follow-layout{grid-template-columns:1fr}.explain-card,.side-summary{display:none}.phone{max-width:390px}.field-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar input{grid-column:1/-1}.table-wrap{overflow:auto}.table-wrap table{min-width:980px}.readiness-hero{grid-template-columns:1fr}.overall-score{border:0;padding:0}.readiness-cards{grid-template-columns:1fr 1fr 1fr}.readiness-grid{grid-template-columns:1fr}.map-layout{grid-template-columns:1fr;height:auto}.map-canvas{height:480px}.school-sheet{border:0}.cost-grid{grid-template-columns:1fr}.check-head,.check-row{grid-template-columns:1fr}.work-buttons{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.head-filters,.map-filters{flex-wrap:wrap}.bar-chart{gap:8px}.case-banner{grid-template-columns:1fr}.case-banner>div{border-left:0;border-bottom:1px solid var(--line)}.intake-queue article{grid-template-columns:65px 1fr auto}.intake-queue article>button{grid-column:2/-1}}
@media(max-width:480px){.content{padding:11px}.top-actions{gap:3px}.context span{display:none}.phone{border-width:6px;border-radius:25px}.phone-content{min-height:560px}.kpi-grid{grid-template-columns:1fr 1fr;gap:7px}.kpi-grid article{padding:11px}.kpi-grid b{font-size:1.2rem}.readiness-cards{grid-template-columns:1fr}.readiness-hero{padding:15px}.page-head{flex-direction:column}.summary-grid{grid-template-columns:1fr}.summary-grid>div{border:0;border-bottom:1px solid var(--line);padding:8px}.before-after{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.filter-bar input{grid-column:auto}.region-row{grid-template-columns:70px 1fr 35px}.region-row .pill{display:none}.modal-card .field-row{grid-template-columns:1fr}}