@charset "UTF-8";
:root{--bg:#f4f7f8;--surface:#fff;--surface-2:#f8fafb;--text:#15242d;--muted:#71818a;--line:#dce5e8;--brand:#0f766e;--brand-2:#14a294;--nav:#0b2934;--nav-2:#0f3542;--good:#25a67d;--warn:#e39b31;--bad:#dc5a5a;--info:#438bc6;--violet:#7666cf;--shadow:0 16px 45px rgba(19,51,63,.10);--radius:16px;--topbar:86px;--sidebar:272px}
html[data-theme="dark"]{--bg:#0c1a21;--surface:#122630;--surface-2:#16303b;--text:#eff7f7;--muted:#95aab2;--line:#29424c;--shadow:0 18px 48px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,Tahoma,sans-serif;background:var(--bg);color:var(--text)}html[dir="rtl"] body{font-family:Tahoma,Arial,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:linear-gradient(180deg,var(--nav),#071f29);color:#d8e6ea;padding:20px 16px;display:flex;flex-direction:column;z-index:60;box-shadow:8px 0 30px rgba(5,27,35,.15)}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 19px;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:52px;height:44px;object-fit:contain;background:white;border-radius:8px;padding:3px}.brand strong{display:block;font-size:15px;color:white}.brand span{display:block;font-size:10px;color:#8fb1bc;margin-top:3px;letter-spacing:.04em}.workspace-badge{display:flex;gap:10px;align-items:center;margin:16px 4px 10px;padding:11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:12px}.workspace-badge .dot{width:9px;height:9px;border-radius:50%;background:#54d8b3;box-shadow:0 0 0 5px rgba(84,216,179,.1)}.workspace-badge b{display:block;font-size:11px;color:#e9f4f6}.workspace-badge small{font-size:9px;color:#7899a4}.nav{display:flex;flex-direction:column;gap:4px;margin-top:8px;overflow:auto;padding-bottom:12px}.nav-item{width:100%;border:0;background:transparent;color:#9eb7c0;border-radius:10px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;padding:10px 11px;text-align:start;font-size:13px;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(20,162,148,.24),rgba(20,162,148,.08));color:#fff;border:1px solid rgba(76,211,194,.14)}.ico{font-size:16px;color:#72c9c0;text-align:center}.nav-count{background:#d65b5b;color:white;border-radius:999px;padding:1px 7px;font-size:9px}.nav-separator{margin:11px 10px 5px;border-top:1px solid rgba(255,255,255,.08);padding-top:11px;color:#60828e;font-size:8px;letter-spacing:.14em}.sidebar-footer{margin-top:auto}.system-status{font-size:10px;color:#7999a4;display:flex;align-items:center;gap:7px;padding:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#53d2ad}.ghost-btn{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#b7cbd2;border-radius:9px;padding:9px 12px;font-size:11px}.full{width:100%}.main-wrap{margin-inline-start:var(--sidebar);min-width:0;flex:1}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.topbar-left{display:flex;align-items:center;gap:14px;min-width:280px}.topbar h1{font-size:20px;line-height:1.2;margin:0;font-weight:700}.topbar p{font-size:11px;color:var(--muted);margin:5px 0 0}.topbar-actions{display:flex;align-items:center;gap:10px}.community-select{display:flex;flex-direction:column;gap:3px;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.community-select select{min-width:165px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:7px 10px;font-size:11px;text-transform:none}.icon-btn,.lang-btn{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px}.lang-btn{font-size:11px;font-weight:700}.primary-btn{border:0;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-radius:10px;padding:10px 15px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;box-shadow:0 8px 22px rgba(15,118,110,.22)}.user-chip{display:flex;align-items:center;gap:9px;padding-inline-start:7px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dcefeb;color:#0c6c64;font-size:11px;font-weight:800}.user-chip strong{display:block;font-size:10px}.user-chip span{font-size:9px;color:var(--muted)}.mobile-only{display:none}.content{padding:26px 28px 70px;max-width:1680px;margin:auto}.page-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.filter-row{display:flex;gap:9px;flex-wrap:wrap}.search-input,.filter-select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 12px;font-size:11px}.search-input{min-width:250px}.secondary-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 13px;font-size:11px}.secondary-btn:hover{border-color:var(--brand)}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:16px}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:0 3px 12px rgba(24,58,70,.03)}.kpi-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.kpi-icon{width:29px;height:29px;border-radius:8px;background:#e6f5f2;color:var(--brand);display:grid;place-items:center}.dark .kpi-icon{background:#163d3b}.kpi-value{font-size:28px;font-weight:750;margin:12px 0 5px;line-height:1}.kpi-foot{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.trend-up{color:var(--good)}.trend-warn{color:var(--warn)}.trend-bad{color:var(--bad)}.grid-2{display:grid;grid-template-columns:1.3fr .7fr;gap:15px;margin-bottom:15px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:15px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 12px rgba(24,58,70,.03);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line)}.panel-head h2,.panel-head h3{font-size:13px;margin:0}.panel-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.panel-body{padding:17px 18px}.link-btn{border:0;background:none;color:var(--brand);font-size:10px;font-weight:700}.case-list{display:grid}.case-row{display:grid;grid-template-columns:80px minmax(220px,1.5fr) 1fr 1fr 92px 82px;gap:10px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);font-size:10px;cursor:pointer;transition:.15s}.case-row:hover{background:var(--surface-2)}.case-row:last-child{border-bottom:0}.case-id{font-weight:800;color:var(--brand)}.case-title{font-size:11px;font-weight:700}.case-sub{font-size:9px;color:var(--muted);margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:700;white-space:nowrap}.badge.good{background:#e2f5ed;color:#20805f}.badge.warn{background:#fff0d9;color:#b36d17}.badge.bad{background:#fde5e5;color:#b43d3d}.badge.info{background:#e4eff8;color:#3172a7}.badge.violet{background:#ece8fb;color:#6352b3}.badge.neutral{background:#edf1f3;color:#637780}.priority{font-weight:800}.priority.p1{color:var(--bad)}.priority.p2{color:var(--warn)}.priority.p3{color:var(--info)}.priority.p4{color:var(--muted)}.sla{display:flex;flex-direction:column;gap:4px}.sla-bar{height:4px;background:var(--line);border-radius:4px;overflow:hidden}.sla-bar span{display:block;height:100%;background:var(--good)}.sla-bar.warn span{background:var(--warn)}.sla-bar.bad span{background:var(--bad)}.chart-bars{height:200px;display:flex;align-items:flex-end;gap:12px;padding:15px 5px 0}.bar-group{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-stack{width:100%;max-width:42px;height:160px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:7px 7px 3px 3px;overflow:hidden;background:#eef3f4}.bar-stack span{display:block}.bar-open{background:#4f99c9}.bar-resolved{background:#53b99a}.bar-group small{font-size:8px;color:var(--muted)}.chart-legend{display:flex;gap:16px;font-size:9px;color:var(--muted)}.legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block;margin-inline-end:5px}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:24px;min-height:195px}.donut{width:135px;height:135px;border-radius:50%;position:relative;background:conic-gradient(var(--brand) 0 39%,var(--info) 39% 65%,var(--warn) 65% 80%,var(--violet) 80% 91%,#b8c4ca 91%)}.donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:var(--surface)}.donut-center{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center}.donut-center strong{font-size:22px}.donut-center small{font-size:8px;color:var(--muted)}.legend-list{display:grid;gap:9px}.legend-list div{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:9px}.legend-list i{width:8px;height:8px;border-radius:2px}.ai-queue{display:grid;gap:10px}.ai-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface-2)}.ai-top{display:flex;justify-content:space-between;gap:10px}.ai-top b{font-size:10px}.confidence{color:var(--brand);font-size:9px;font-weight:800}.ai-text{font-size:9px;color:var(--muted);margin:7px 0}.ai-tags{display:flex;gap:5px;flex-wrap:wrap}.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cluster-card{padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer;transition:.16s}.cluster-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cluster-top{display:flex;justify-content:space-between}.cluster-top h3{font-size:11px;margin:0}.health-score{font-size:13px;font-weight:800;color:var(--good)}.cluster-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin:12px 0}.health-line{height:5px;background:var(--line);border-radius:5px;overflow:hidden}.health-line span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#59c7ad)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th{text-align:start;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--surface-2);padding:11px 14px;border-bottom:1px solid var(--line)}.data-table td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:10px;vertical-align:middle}.data-table tr:hover td{background:var(--surface-2)}.data-table .strong{font-weight:700;font-size:11px}.data-table .sub{font-size:8px;color:var(--muted);margin-top:3px}.status-dot-sm{display:inline-block;width:7px;height:7px;border-radius:50%;margin-inline-end:6px}.community-map{position:relative;min-height:560px;background:linear-gradient(135deg,#dceced,#edf4f4);border-radius:20px;overflow:hidden;border:1px solid var(--line)}html[data-theme="dark"] .community-map{background:linear-gradient(135deg,#14313b,#10262f)}.map-water{position:absolute;inset-inline-end:-80px;top:-40px;width:35%;height:115%;background:linear-gradient(180deg,#8dcce0,#64aeca);border-radius:45% 0 0 45%;opacity:.65}.map-road{position:absolute;background:#f7f4e8;border:4px solid rgba(255,255,255,.7);box-shadow:0 0 0 1px #cdd8d8}.road-1{width:80%;height:36px;left:4%;top:48%;transform:rotate(-6deg);border-radius:30px}.road-2{width:38px;height:70%;left:43%;top:14%;transform:rotate(12deg);border-radius:30px}.zone{position:absolute;border:2px solid rgba(15,118,110,.32);background:rgba(255,255,255,.72);border-radius:18px;padding:14px;min-width:155px;box-shadow:0 12px 30px rgba(24,71,78,.12);cursor:pointer}html[data-theme="dark"] .zone{background:rgba(18,38,48,.86)}.zone h3{font-size:11px;margin:0}.zone p{font-size:8px;color:var(--muted);margin:4px 0 8px}.zone-stats{display:flex;gap:7px}.zone-stats span{font-size:8px;padding:4px 7px;border-radius:999px;background:var(--surface-2)}.z1{left:8%;top:12%}.z2{left:35%;top:9%}.z3{left:12%;bottom:14%}.z4{right:19%;bottom:16%}.issue-pin{position:absolute;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:white;font-size:9px;font-weight:800;box-shadow:0 0 0 6px rgba(220,90,90,.13);background:var(--bad);z-index:5}.pin1{left:31%;top:38%}.pin2{left:58%;top:30%;background:var(--warn);box-shadow:0 0 0 6px rgba(227,155,49,.14)}.pin3{right:24%;top:57%;background:var(--info);box-shadow:0 0 0 6px rgba(67,139,198,.14)}.map-legend{position:absolute;bottom:14px;inset-inline-start:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;gap:12px;font-size:8px}.vendor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vendor-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:17px}.vendor-head{display:flex;justify-content:space-between;align-items:flex-start}.vendor-logo{width:42px;height:42px;border-radius:12px;background:#e3f1ef;color:var(--brand);display:grid;place-items:center;font-weight:800}.vendor-card h3{font-size:12px;margin:12px 0 3px}.vendor-card p{font-size:9px;color:var(--muted);margin:0}.score-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.score-row div{background:var(--surface-2);padding:9px;border-radius:9px;text-align:center}.score-row strong{display:block;font-size:14px}.score-row span{font-size:7px;color:var(--muted)}.skill-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;align-items:start}.kanban-col{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:10px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:5px 3px 11px;font-size:10px;font-weight:800}.kanban-head span{background:var(--line);border-radius:999px;padding:2px 7px;font-size:8px}.work-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:11px;margin-bottom:8px;box-shadow:0 3px 10px rgba(17,48,58,.04)}.work-card b{display:block;font-size:10px}.work-card p{font-size:8px;color:var(--muted);margin:5px 0 9px}.work-foot{display:flex;justify-content:space-between;align-items:center;font-size:8px}.resident-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.segment-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px}.segment-card h3{font-size:12px;margin:0 0 7px}.segment-card>p{font-size:9px;color:var(--muted);margin:0 0 14px}.segment-number{font-size:30px;font-weight:800}.progress{height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin-top:12px}.progress span{display:block;height:100%;background:var(--brand)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.service-banner{height:95px;background:linear-gradient(135deg,#0c625c,#23a899);color:white;padding:17px;display:flex;justify-content:space-between}.service-banner .service-ico{font-size:31px;opacity:.9}.service-card-body{padding:16px}.service-card h3{font-size:13px;margin:0 0 6px}.service-card p{font-size:9px;color:var(--muted);min-height:42px}.price{font-size:19px;font-weight:800}.price small{font-size:8px;color:var(--muted);font-weight:400}.portal-stage{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center}.phone{width:320px;max-width:100%;margin:auto;background:#0b1e27;border-radius:35px;padding:11px;box-shadow:0 30px 80px rgba(10,41,52,.25)}.phone-screen{background:#f5f8f8;border-radius:27px;min-height:610px;overflow:hidden;color:#15242d}.phone-top{background:linear-gradient(135deg,#0c605a,#15988d);color:white;padding:26px 20px 20px}.phone-top small{font-size:9px}.phone-top h3{font-size:19px;margin:6px 0}.portal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px}.portal-action{background:white;border:1px solid #dce5e8;border-radius:12px;padding:13px;text-align:center}.portal-action b{display:block;font-size:10px;margin-top:7px}.portal-case{margin:0 14px 9px;background:white;border:1px solid #dce5e8;border-radius:12px;padding:12px}.portal-case b{font-size:10px}.portal-case p{font-size:8px;color:#71818a}.portal-case-foot{display:flex;justify-content:space-between;align-items:center;font-size:8px}.portal-copy h2{font-size:30px;margin:0 0 14px}.portal-copy p{color:var(--muted);font-size:13px}.feature-list{display:grid;gap:9px;margin-top:20px}.feature-list div{display:flex;gap:10px;align-items:flex-start;font-size:10px}.check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e2f5ed;color:var(--good);flex:none}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.rank-list{display:grid;gap:11px}.rank-item{display:grid;grid-template-columns:28px 1fr 50px;gap:9px;align-items:center}.rank-no{font-size:10px;font-weight:800;color:var(--muted)}.rank-item b{font-size:10px}.rank-item small{display:block;font-size:8px;color:var(--muted)}.rank-bar{height:5px;background:var(--line);border-radius:5px;margin-top:5px;overflow:hidden}.rank-bar span{display:block;height:100%;background:var(--brand)}.rank-value{text-align:end;font-size:10px;font-weight:800}.modal-backdrop{position:fixed;inset:0;background:rgba(2,16,22,.62);z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(4px)}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--surface);border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.35)}.modal-head{position:sticky;top:0;background:var(--surface);z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:16px;margin:0}.modal-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.close-btn{border:0;background:var(--surface-2);color:var(--text);width:32px;height:32px;border-radius:9px}.modal-body{padding:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-box{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:12px}.detail-box span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.detail-box b{display:block;font-size:11px;margin-top:5px}.timeline{border-inline-start:2px solid var(--line);margin:15px 0 0 8px;padding-inline-start:18px}.timeline-item{position:relative;padding-bottom:17px}.timeline-item:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--brand);inset-inline-start:-23px;top:3px}.timeline-item b{display:block;font-size:10px}.timeline-item p{font-size:8px;color:var(--muted);margin:3px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1/-1}.form-field label{font-size:9px;font-weight:700}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:10px;font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.toast-root{position:fixed;inset-inline-end:22px;bottom:22px;z-index:130;display:grid;gap:8px}.toast{background:#0e313c;color:white;border-radius:11px;padding:12px 15px;min-width:240px;box-shadow:var(--shadow);font-size:10px;animation:slideIn .25s ease}.empty{padding:45px;text-align:center;color:var(--muted);font-size:11px}@keyframes slideIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.sidebar-backdrop{display:none}.section-note{padding:12px 14px;border-radius:11px;background:#e7f4f2;color:#236d67;font-size:9px;margin-bottom:14px}.risk-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.risk-cell{aspect-ratio:1.5;border-radius:7px;display:grid;place-items:center;font-size:8px;color:white}.risk-low{background:#4da889}.risk-med{background:#d4a13c}.risk-high{background:#d96a54}.risk-critical{background:#b9434f}.search-overlay{position:fixed;inset:0;background:rgba(2,16,22,.65);z-index:120;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}.search-box{width:min(700px,calc(100% - 28px));background:var(--surface);border-radius:17px;box-shadow:0 35px 100px rgba(0,0,0,.3);overflow:hidden}.search-box input{width:100%;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--text);padding:20px;font-size:15px;outline:none}.search-results{padding:10px;max-height:55vh;overflow:auto}.search-result{padding:12px;border-radius:10px;cursor:pointer}.search-result:hover{background:var(--surface-2)}.search-result b{display:block;font-size:11px}.search-result span{font-size:9px;color:var(--muted)}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.cluster-grid{grid-template-columns:repeat(2,1fr)}.vendor-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.user-chip{display:none}.community-select{display:none}}
@media(max-width:980px){:root{--sidebar:260px}.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}html[dir="rtl"] .sidebar{transform:translateX(105%)}html[dir="rtl"] .sidebar.open{transform:none}.main-wrap{margin-inline-start:0}.mobile-only{display:block}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:55}.grid-2,.grid-3,.portal-stage,.analytics-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 18px}.content{padding:20px 18px 60px}}
@media(max-width:680px){.topbar{height:auto;min-height:76px;padding:12px 14px}.topbar h1{font-size:16px}.topbar p{display:none}.topbar-actions{gap:6px}.topbar-actions .icon-btn:nth-of-type(1){display:none}.primary-btn span:last-child{display:none}.primary-btn{width:38px;height:38px;padding:0;justify-content:center}.content{padding:14px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-card{padding:13px}.kpi-value{font-size:23px}.cluster-grid,.vendor-grid,.service-grid,.resident-stats{grid-template-columns:1fr}.case-row{grid-template-columns:68px 1fr 65px}.case-row>*:nth-child(3),.case-row>*:nth-child(4),.case-row>*:nth-child(6){display:none}.kanban{grid-template-columns:1fr}.field-row,.form-grid,.detail-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.community-map{min-height:650px}.zone{min-width:135px}.z1{left:5%;top:8%}.z2{left:46%;top:17%}.z3{left:8%;bottom:25%}.z4{right:6%;bottom:7%}.map-water{width:28%}.page-actions{align-items:stretch;flex-direction:column}.filter-row{display:grid;grid-template-columns:1fr 1fr}.search-input{grid-column:1/-1;min-width:0}.panel-head{padding:14px}.panel-body{padding:14px}}

/* Real Al Hamra master-plan operational map — MVP v2 */
.master-map-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(285px,.62fr);gap:15px;align-items:stretch}
.master-map-card,.map-detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}
.master-map-card{overflow:hidden;min-width:0}.master-map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface)}
.map-layer-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.map-layer-btn,.map-fit-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:999px;padding:7px 11px;font-size:9px;font-weight:700}
.map-layer-btn b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-inline-start:5px;border-radius:999px;background:var(--line);font-size:7px}.map-layer-btn.active{background:var(--brand);border-color:var(--brand);color:white}.map-layer-btn.active b{background:rgba(255,255,255,.18)}
.map-zoom-controls{display:flex;align-items:center;gap:5px}.icon-btn.compact{width:30px;height:30px;font-size:13px}.map-fit-btn{padding:6px 10px}
.master-map-scroll{position:relative;overflow:auto;background:#edf3f3;scrollbar-width:thin}html[data-theme="dark"] .master-map-scroll{background:#10252e}
.master-map-canvas{position:relative;width:100%;min-width:760px;transition:width .25s ease}.master-map-canvas>img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.master-map-overlay{position:absolute;inset:0;pointer-events:none}
.master-map-point{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;pointer-events:auto;z-index:4}html[dir="rtl"] .master-map-point{transform:translate(50%,-50%)}
.map-point-core{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:3px solid white;color:white;font-size:9px;font-weight:900;box-shadow:0 5px 16px rgba(4,31,42,.35);transition:.2s ease}
.master-map-point:before{content:"";position:absolute;inset:3px;border-radius:50%;animation:mapPulse 2.2s infinite;opacity:.35}
.master-map-point.cases.critical .map-point-core,.map-legend-dot.critical{background:var(--bad)}.master-map-point.cases.critical:before{box-shadow:0 0 0 12px var(--bad)}
.master-map-point.cases.attention .map-point-core,.map-legend-dot.attention{background:var(--warn)}.master-map-point.cases.attention:before{box-shadow:0 0 0 12px var(--warn)}
.master-map-point.cases.standard .map-point-core,.map-legend-dot.standard{background:var(--info)}.master-map-point.cases.standard:before{box-shadow:0 0 0 12px var(--info)}
.master-map-point.assets .map-point-core{border-radius:9px;background:#7658c5}.master-map-point.assets.attention .map-point-core{background:#7658c5}.master-map-point.assets.healthy .map-point-core,.map-legend-dot.healthy{background:var(--good)}
.master-map-point.teams .map-point-core{width:27px;height:27px;background:#123b4a;border-width:2px}.master-map-point.teams .map-point-core:after{content:"";position:absolute;bottom:-7px;border:5px solid transparent;border-top-color:#123b4a}
.master-map-point:hover .map-point-core,.master-map-point.selected .map-point-core{transform:scale(1.18);box-shadow:0 0 0 5px rgba(255,255,255,.85),0 8px 24px rgba(4,31,42,.42)}
.map-point-tooltip{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#0b2834;color:white;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:700;opacity:0;pointer-events:none;transition:.18s;box-shadow:0 8px 25px rgba(0,0,0,.2)}html[dir="rtl"] .map-point-tooltip{left:auto;right:50%;transform:translateX(50%)}
.master-map-point:hover .map-point-tooltip,.master-map-point.selected .map-point-tooltip{opacity:1}.map-point-hidden{opacity:0;pointer-events:none}
.master-map-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--line);background:var(--surface)}.map-status-legend{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.map-status-legend span{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--muted)}.map-legend-dot{width:9px;height:9px;border-radius:50%}.master-map-footer small{font-size:8px;color:var(--muted);text-align:end}
.map-detail-panel{padding:20px;min-height:100%;display:flex;flex-direction:column}.map-detail-kicker{font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);margin-bottom:8px}.map-detail-panel h2{font-size:18px;line-height:1.2;margin:0}.map-detail-sub{font-size:9px;color:var(--muted);margin:7px 0 16px}
.map-detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.map-detail-metrics div{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:9px;text-align:center}.map-detail-metrics span{display:block;font-size:7px;color:var(--muted)}.map-detail-metrics strong{display:block;font-size:13px;margin-top:3px}
.map-detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.map-intelligence{display:flex;gap:10px;margin-top:18px;padding:13px;border-radius:12px;background:linear-gradient(135deg,rgba(15,118,110,.11),rgba(79,153,201,.08));border:1px solid rgba(15,118,110,.18)}.map-ai-icon{width:28px;height:28px;border-radius:9px;background:var(--brand);color:white;display:grid;place-items:center;flex:none}.map-intelligence b{display:block;font-size:9px}.map-intelligence p{font-size:8px;color:var(--muted);margin:4px 0 0;line-height:1.55}
.map-detail-actions{display:flex;gap:7px;margin-top:auto;padding-top:20px}.map-detail-actions button{flex:1;font-size:8px;padding:9px 8px}
.map-pattern-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-top:15px}.map-summary-list{display:grid;gap:1px;background:var(--line)}.map-summary-list>div{display:flex;justify-content:space-between;align-items:center;background:var(--surface);padding:13px 14px}.map-summary-list span{font-size:9px;color:var(--muted)}.map-summary-list b{font-size:15px}
@keyframes mapPulse{0%,100%{transform:scale(.55);opacity:.3}50%{transform:scale(1.2);opacity:.08}}
@media(max-width:1180px){.master-map-layout{grid-template-columns:1fr}.map-detail-panel{min-height:auto}.map-detail-actions{margin-top:16px}}
@media(max-width:760px){.master-map-toolbar{align-items:flex-start;flex-direction:column}.map-zoom-controls{align-self:flex-end}.master-map-canvas{min-width:900px}.master-map-footer{align-items:flex-start;flex-direction:column}.master-map-footer small{text-align:start}.map-pattern-grid{grid-template-columns:1fr}.map-detail-metrics{grid-template-columns:1fr 1fr}}

html[dir="rtl"] .master-map-point{transform:translate(-50%,-50%)}html[dir="rtl"] .map-point-tooltip{left:50%;right:auto;transform:translateX(-50%)}