:root{
  --navy:#06152f;--navy-2:#0b2447;--teal:#0f9b8e;--green:#16a34a;--blue:#2563eb;--sky:#38bdf8;--red:#dc2626;--amber:#f59e0b;--ink:#102033;--muted:#667085;--line:#dbe5ee;--bg:#f5f8fb;--card:#ffffff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:16px}.topbar{height:78px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none}.brand b{display:block;font-size:23px;letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.9px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;display:grid;place-items:center;font-weight:950;font-size:22px;box-shadow:0 12px 28px rgba(15,155,142,.22)}.navlinks{display:flex;align-items:center;gap:8px}.navlinks a{text-decoration:none;color:#25364d;font-weight:850;padding:12px 14px;border-radius:14px}.navlinks a:hover{background:#eef7ff;color:var(--blue)}.navlinks .sos-link{background:#fff1f2;color:var(--red)}.flash-wrap{position:fixed;right:24px;top:92px;z-index:100;display:grid;gap:10px}.flash{padding:14px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(16,32,51,.14);font-weight:800}.flash.success{border-color:#bbf7d0;color:#15803d}.flash.danger{border-color:#fecaca;color:#b91c1c}.flash.warning{border-color:#fde68a;color:#92400e}.footer{padding:24px 6%;background:var(--navy);color:#cfe8ff;display:flex;justify-content:space-between;gap:20px;font-size:15px}.footer b{color:#fff;font-size:18px}.civic-bg{background-image:linear-gradient(135deg,rgba(6,21,47,.92),rgba(12,78,107,.86)),url('/static/assets/civic_mesh.png');background-size:cover;background-position:center}.container{max-width:1220px;margin:0 auto;padding:44px 24px}.hero{min-height:650px;padding:84px 6%;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;color:#fff}.kicker,.section-label{display:inline-block;font-size:13px;line-height:1.2;letter-spacing:2.2px;text-transform:uppercase;color:var(--teal);font-weight:950;margin-bottom:14px}.hero .kicker{color:#a7f3d0;background:rgba(255,255,255,.12);padding:11px 14px;border-radius:999px}.hero h1{font-size:60px;line-height:1.02;letter-spacing:-2.2px;margin:0 0 22px;font-weight:950;max-width:840px}.hero p{font-size:21px;line-height:1.7;color:#e5f8ff;margin:0;max-width:780px}.hero-actions,.form-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:16px;border:0;font-weight:950;text-decoration:none;cursor:pointer;transition:.2s;font-size:15px}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--teal),var(--green));color:#fff;box-shadow:0 12px 28px rgba(22,163,74,.25)}.danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 12px 28px rgba(220,38,38,.25)}.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff}.light{background:#eef9ff;border:1px solid #cdeefd;color:var(--navy)}.ghost-dark{background:#fff;border:1px solid var(--line);color:var(--ink)}.command-preview{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:36px;padding:32px;box-shadow:0 28px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.preview-head span{font-size:19px;font-weight:950}.preview-head b{background:#dcfce7;color:#166534;border-radius:999px;padding:7px 12px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview-grid div{background:rgba(255,255,255,.14);border-radius:22px;padding:24px}.preview-grid b{display:block;font-size:42px;line-height:1;color:#fff}.preview-grid span{font-weight:900;color:#d9f5ff}.preview-grid .danger-stat b{color:#fecaca}.preview-flow{display:flex;align-items:center;gap:8px;margin-top:26px;flex-wrap:wrap}.preview-flow span{background:rgba(255,255,255,.16);padding:9px 12px;border-radius:999px;font-weight:900}.preview-flow i{width:32px;height:2px;background:#8ae6d5}.feature-band{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:-84px;position:relative;z-index:4}.feature-tile{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px 26px;color:var(--ink);text-decoration:none;box-shadow:0 22px 50px rgba(16,32,51,.12);min-height:188px}.feature-tile b{display:inline-grid;place-items:center;width:46px;height:46px;background:#e7fbf8;color:var(--teal);border-radius:16px;margin-bottom:18px}.feature-tile h3{margin:0 0 10px;font-size:22px;letter-spacing:-.5px}.feature-tile p{color:var(--muted);font-weight:650;line-height:1.5}.split,.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:26px}.big-card,.workflow-card,.panel,.form-card,.detail-card,.timeline-card,.auth-card,.dept-hero,.task-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:0 18px 45px rgba(16,32,51,.08)}.big-card h2,.workflow-card h2,.panel h2,.page-title h1,.dept-hero h1,.admin-hero h1{font-size:38px;line-height:1.08;letter-spacing:-1.2px;margin:0 0 18px;font-weight:950}.dark-card{background:linear-gradient(135deg,var(--navy),#0f3b56);color:#fff}.dark-card .section-label{color:#a7f3d0}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-grid span{background:#f1f8fb;border:1px solid #e1edf3;border-radius:16px;padding:14px 15px;font-weight:900}.dark-card .check-grid span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16)}.workflow-card{display:flex;align-items:center;justify-content:space-between;gap:30px}.workflow-steps{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.workflow-steps span{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:13px 16px;font-weight:950}.workflow-steps em{width:42px;height:3px;background:var(--teal);border-radius:3px}.section-head{text-align:center;margin-bottom:24px}.feedback-grid,.performance-grid,.worker-grid,.task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feedback-card,.performance-card,.worker-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;text-decoration:none;color:var(--ink);box-shadow:0 12px 30px rgba(16,32,51,.07)}.feedback-card b{color:#f59e0b;font-size:20px}.feedback-card p{line-height:1.55}.feedback-card small,.performance-card small,.worker-card small{color:var(--muted);font-weight:800}.page-shell{max-width:1260px;margin:0 auto;padding:58px 24px}.page-title{margin-bottom:26px}.page-title p,.dept-hero p,.admin-hero p{color:var(--muted);font-size:19px;line-height:1.55;max-width:820px}.form-card{padding:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.two{grid-template-columns:1fr 1fr}.form-card input,.form-card select,.form-card textarea,.track-form input,.auth-card input,.sos-panel input,.sos-panel select,.inline-form input,.inline-form select,.worker-form input,.worker-form select,.feedback-form input,.feedback-form select,.map-controls select{width:100%;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font-size:15px;font-weight:800;outline:none}.form-card textarea{min-height:150px;margin-top:16px}.upload-box{display:block;margin:18px 0;padding:24px;border:2px dashed #9ae6b4;background:#f0fdf4;border-radius:20px;color:#166534;font-weight:950}.upload-box input{display:block;margin-top:12px}.sos-page{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:50px 20px;background:radial-gradient(circle at 40% 10%,#fb7185,#7f1d1d 65%)}.sos-panel{width:min(670px,96vw);border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.14);backdrop-filter:blur(18px);color:#fff;border-radius:36px;padding:42px;box-shadow:0 24px 70px rgba(127,29,29,.3)}.sos-panel .section-label{color:#fee2e2}.sos-panel h1{font-size:44px;line-height:1.05;margin:10px 0 12px}.sos-panel p{color:#fff5f5;font-size:18px;line-height:1.6}.sos-icon{width:92px;height:92px;border-radius:28px;background:#fff;color:#b91c1c;display:grid;place-items:center;font-weight:950;font-size:30px;animation:pulse 1.3s infinite}@keyframes pulse{50%{transform:scale(1.07)}}.auth-page{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:40px}.auth-card{width:min(480px,94vw)}.auth-card h1{font-size:42px;margin:0 0 8px}.auth-card p{color:var(--muted);font-size:17px;line-height:1.5}.auth-card input{margin-bottom:12px}.track-form{display:flex;gap:14px;margin-bottom:28px}.track-form input{flex:1}.detail-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.detail-card h1,.detail-card h2{font-size:38px;line-height:1.08;margin:6px 0 14px}.detail-card p{font-size:17px;line-height:1.65;color:#435169}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.badge-row span,.sla-pill,.status{background:#eefbf8;color:#087f73;border:1px solid #c5f5eb;border-radius:999px;padding:9px 12px;font-weight:950;font-size:13px}.sla-pill.escalated,.sla-pill.overdue{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.sla-pill.due-soon{background:#fffbeb;color:#b45309;border-color:#fde68a}.sla-pill.completed{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.info-grid div{background:#f8fafc;border:1px solid #e8eef4;border-radius:20px;padding:17px}.info-grid small{display:block;color:var(--muted);font-weight:850;margin-bottom:6px}.info-grid b{font-size:18px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 22px}.evidence-grid img,.empty-photo{width:100%;height:240px;object-fit:cover;border-radius:22px;border:1px solid var(--line);background:#f1f5f9;display:grid;place-items:center;color:var(--muted);font-weight:900}.evidence-grid b{display:block;margin-top:8px}.timeline-card h3,.detail-card h3{font-size:24px;margin:22px 0 12px}.timeline-item{position:relative;padding:14px 0 14px 30px;border-left:4px solid #99f6e4}.timeline-item:before{content:'';position:absolute;left:-10px;top:18px;width:16px;height:16px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #e7fbf8}.timeline-item b{font-size:16px}.timeline-item p{margin:5px 0;color:var(--muted);line-height:1.5}.timeline-item small,.mini-note small{color:var(--muted);font-weight:750}.feedback-form{display:grid;grid-template-columns:1fr 100px 1.4fr auto;gap:10px}.mini-note{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:13px;margin-top:10px}.admin-shell{display:grid;grid-template-columns:290px minmax(0,1fr)}.sidebar{min-height:calc(100vh - 78px);position:sticky;top:78px;align-self:start;background:linear-gradient(180deg,var(--navy),#031022);padding:28px;color:#dceeff}.sidebar h2{font-size:32px;margin:0 0 4px}.sidebar p{color:#94a3b8;margin:0 0 24px;font-weight:800}.sidebar a{display:block;text-decoration:none;color:#e4f2ff;padding:14px 15px;border-radius:16px;font-weight:900;margin:4px 0}.sidebar a:hover{background:rgba(255,255,255,.12)}.admin-main{padding:34px;overflow:hidden}.admin-hero{background:linear-gradient(135deg,var(--navy),#0b4b5e);border-radius:34px;color:#fff;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;box-shadow:0 18px 45px rgba(6,21,47,.16)}.admin-hero .section-label{color:#a7f3d0}.admin-hero p{color:#d9f5ff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.stat-card{background:#fff;border:1px solid var(--line);border-left:7px solid var(--teal);border-radius:26px;padding:25px;box-shadow:0 16px 36px rgba(16,32,51,.08)}.stat-card span{display:block;color:var(--muted);font-weight:950;margin-bottom:8px}.stat-card b{font-size:44px;line-height:1;font-weight:950}.stat-card.blue{border-left-color:var(--blue)}.stat-card.yellow{border-left-color:var(--amber)}.stat-card.red{border-left-color:var(--red)}.escalation-strip{background:#fff1f2;border:1px solid #fecaca;border-left:7px solid var(--red);color:#991b1b;border-radius:22px;padding:20px;margin:18px 0;font-weight:950;font-size:17px}.panel{padding:28px;margin-bottom:24px}.panel.full{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:18px}.panel h2{font-size:30px;margin:0}.map-controls{display:flex;gap:10px;min-width:380px}#adminMap{width:100%;height:470px;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#e0f2fe}.leaflet-popup-content{font-family:Inter,Segoe UI,Arial,sans-serif}.table-scroll{overflow:auto}.premium-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0 12px}.premium-table th{text-align:left;background:var(--navy);color:#fff;padding:16px;font-size:14px}.premium-table th:first-child{border-radius:16px 0 0 16px}.premium-table th:last-child{border-radius:0 16px 16px 0}.premium-table td{background:#fff;padding:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top}.premium-table td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px}.premium-table td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0}.premium-table small{display:block;color:var(--muted);line-height:1.4;margin-top:4px}.premium-table a{font-weight:950;color:var(--blue);text-decoration:none}.danger-row td{background:#fff7f7}.inline-form{display:grid;grid-template-columns:135px 190px 1fr 150px 70px;gap:8px;min-width:720px}.inline-form button,.worker-form button{border:0;background:var(--teal);color:#fff;border-radius:14px;font-weight:950;cursor:pointer}.inline-form input[type=file]{font-size:12px;padding:12px}.performance-grid,.worker-grid{grid-template-columns:repeat(3,1fr)}.performance-card b,.worker-card b{display:block;font-size:18px;margin-bottom:8px}.performance-card span,.worker-card span{display:block;color:var(--muted);font-weight:900}.performance-card em{display:block;font-size:34px;font-style:normal;font-weight:950;color:var(--teal);margin:12px 0 4px}.worker-card em{display:block;margin-top:12px;color:var(--blue);font-weight:950;font-style:normal}.dept-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;background:linear-gradient(135deg,#fff,#effcff)}.task-grid{grid-template-columns:repeat(2,1fr)}.task-card.urgent{border-left:8px solid var(--red)}.task-card h3{font-size:24px;margin:8px 0}.task-card p{color:var(--muted);line-height:1.55}.worker-form{display:grid;grid-template-columns:145px 1fr 180px auto;gap:10px;margin-top:18px}.worker-form input[type=file]{padding:13px}.review-like{color:#f59e0b}@media(max-width:1100px){.hero,.split,.grid-2,.detail-layout,.admin-shell{grid-template-columns:1fr}.feature-band,.feedback-grid,.performance-grid,.worker-grid,.stats-grid{grid-template-columns:1fr 1fr}.sidebar{position:relative;top:0;min-height:auto}.admin-hero,.workflow-card,.dept-hero{display:block}.map-controls{min-width:0;width:100%;margin-top:16px}.panel-head{display:block}.hero h1{font-size:48px}.admin-main{padding:24px}}@media(max-width:720px){.topbar{height:auto;padding:14px 18px;display:block}.navlinks{margin-top:12px;display:flex;flex-wrap:wrap}.hero{padding:58px 24px}.hero h1{font-size:38px}.hero p,.page-title p{font-size:17px}.feature-band,.feedback-grid,.performance-grid,.worker-grid,.stats-grid,.check-grid,.form-grid,.info-grid,.evidence-grid,.task-grid,.feedback-form,.worker-form{grid-template-columns:1fr}.track-form{display:block}.track-form .btn{width:100%;margin-top:12px}.inline-form{grid-template-columns:1fr;min-width:320px}.footer{display:block}.preview-grid{grid-template-columns:1fr}.big-card h2,.workflow-card h2,.page-title h1,.dept-hero h1,.admin-hero h1{font-size:30px}}

/* --- Hackathon worker dashboard + UI reliability pass --- */
.flash{transition:.25s ease}.hero-button-stack{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.worker-center-shell,.worker-dashboard-shell{max-width:1420px}.worker-center-hero,.worker-hero{position:relative;overflow:hidden;border:1px solid #d9eef1;box-shadow:0 22px 50px rgba(16,32,51,.08)}.worker-center-hero:after,.worker-hero:after{content:"";position:absolute;right:-60px;bottom:-90px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(15,155,142,.18),transparent 68%);pointer-events:none}.worker-center-panel{padding:32px}.worker-filter-tabs,.task-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.worker-filter,.task-filter{border:1px solid var(--line);background:#fff;color:#45566d;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;transition:.18s}.worker-filter:hover,.task-filter:hover,.worker-filter.active,.task-filter.active{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-1px)}.worker-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.worker-directory-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 14px 34px rgba(16,32,51,.07)}.worker-directory-card[hidden],.worker-task-card[hidden]{display:none!important}.worker-card-top{display:flex;align-items:center;gap:16px}.worker-card-top h3{margin:2px 0 4px;font-size:21px}.worker-card-top small{color:var(--muted);font-weight:900}.worker-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:19px;background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;display:grid;place-items:center;font-size:15px;font-weight:950;letter-spacing:.5px;box-shadow:0 12px 28px rgba(15,155,142,.2)}.worker-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.worker-metric-grid>div{background:#f7fafc;border:1px solid #e7eef4;padding:13px;border-radius:16px}.worker-metric-grid small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:900}.worker-metric-grid b{display:block;font-size:24px;margin-top:4px}.worker-metric-grid .metric-danger{background:#fff1f2;border-color:#fecaca;color:#b91c1c}.completion-line{height:8px;background:#e9eff4;border-radius:999px;overflow:hidden}.completion-line span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--green));border-radius:999px}.worker-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.worker-card-footer small{color:var(--muted);font-weight:800;line-height:1.4}.worker-card-footer .btn{min-height:42px;padding:10px 15px;font-size:13px;white-space:nowrap}.worker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px}.worker-toolbar h2{margin:2px 0 6px}.worker-toolbar p{margin:0;color:var(--muted);font-weight:750}.worker-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.worker-task-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 16px 38px rgba(16,32,51,.08)}.task-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.task-card-head h3{font-size:25px;line-height:1.15;margin:5px 0 0}.priority-score{min-width:78px;text-align:center;background:#eefbf8;color:#087f73;border:1px solid #c5f5eb;padding:10px;border-radius:18px}.priority-score small{display:block;text-transform:uppercase;letter-spacing:.6px;font-size:9px;font-weight:950}.priority-score b{font-size:27px;line-height:1}.priority-score span{font-size:10px;font-weight:900}.priority-score.priority-high{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.worker-task-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.worker-task-info>div{border:1px solid #e8eef4;background:#f8fafc;padding:14px;border-radius:17px}.worker-task-info small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:900;margin-bottom:5px}.worker-task-info b{font-size:14px;line-height:1.4}.worker-evidence-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.worker-evidence-strip img,.worker-empty-photo{width:100%;height:145px;object-fit:cover;border-radius:17px;border:1px solid var(--line);background:#f1f5f9}.worker-empty-photo{display:grid;place-items:center;color:var(--muted);font-weight:900;font-size:12px;text-align:center;padding:10px}.worker-evidence-strip small{display:block;margin-top:5px;color:var(--muted);font-weight:900}.worker-update-form{grid-template-columns:135px minmax(170px,1fr) minmax(170px,.9fr) auto;align-items:end;background:#f8fafc;border:1px solid #e8eef4;padding:14px;border-radius:20px}.worker-update-form label small{display:block;color:var(--muted);font-weight:900;margin:0 0 6px 3px}.worker-update-form button{min-height:50px;padding:10px 16px}.task-detail-link{display:inline-block;margin-top:14px;text-decoration:none;color:var(--blue);font-weight:950;font-size:13px}.empty-task-state{text-align:center;grid-column:1/-1;padding:55px}.empty-task-state p{color:var(--muted)}

/* Offline-safe fallback analytics and map. */
#adminMap{position:relative}.fallback-map{position:relative;width:100%;height:100%;min-height:470px;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,#e8f4f8,#dcebf3)}.fallback-map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(6,21,47,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(6,21,47,.06) 1px,transparent 1px);background-size:52px 52px}.fallback-map:after{content:"";position:absolute;inset:12% 10%;border:2px dashed rgba(15,155,142,.2);border-radius:48% 42% 51% 36%;transform:rotate(-4deg)}.fallback-map-dot{position:absolute;z-index:4;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #fff;box-shadow:0 5px 16px rgba(6,21,47,.25);text-decoration:none}.fallback-map-dot span{display:none;position:absolute;top:115%;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:5px 7px;border-radius:8px;font-size:10px;font-weight:900;white-space:nowrap}.fallback-map-dot:hover{z-index:8;transform:translate(-50%,-50%) scale(1.2)}.fallback-map-dot:hover span{display:block}.fallback-map-note{position:absolute;z-index:5;left:22px;bottom:20px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:16px;padding:12px 15px;box-shadow:0 10px 26px rgba(16,32,51,.12)}.fallback-map-note b,.fallback-map-note span{display:block}.fallback-map-note span{color:var(--muted);font-size:12px;font-weight:800;margin-top:3px}.fallback-map.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:8px}.fallback-map.empty b{color:var(--ink);font-size:18px}.chart-fallback{padding:8px 4px 2px}.fallback-chart-title{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;margin-bottom:14px}.fallback-bar-row{display:grid;grid-template-columns:150px 1fr 42px;gap:10px;align-items:center;margin:11px 0;font-size:12px;font-weight:850;color:#465970}.fallback-bar-track{height:12px;background:#e8eef3;border-radius:999px;overflow:hidden}.fallback-bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#38bdf8);border-radius:999px}.fallback-bar-row b{text-align:right;color:var(--ink)}.chart-error{padding:18px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:16px;font-weight:850}.grid-2 .panel canvas{height:310px!important;max-height:310px}

/* Small quality fixes for forms and demo screens. */
.form-card,.panel,.detail-card,.timeline-card,.auth-card,.task-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 14px 38px rgba(16,32,51,.07)}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.inline-form input:focus,.inline-form select:focus,.worker-form input:focus,.worker-form select:focus,.track-form input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(15,155,142,.10)}button:disabled{opacity:.72;cursor:wait}.panel h2{line-height:1.18}.premium-table tr{transition:.15s}.premium-table tbody tr:hover td{background:#f9fcff}.danger-row:hover td,.danger-row td{background:#fff7f7!important}

@media(max-width:1200px){.worker-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.worker-task-grid{grid-template-columns:1fr}.worker-update-form{grid-template-columns:1fr 1fr}.worker-update-form button{grid-column:1/-1}.worker-toolbar{display:block}.task-filter-tabs{margin-top:16px}}
@media(max-width:760px){.worker-directory{grid-template-columns:1fr}.worker-center-panel{padding:20px}.worker-card-footer,.task-card-head{display:block}.worker-card-footer .btn{margin-top:12px;width:100%}.worker-task-info,.worker-evidence-strip,.worker-update-form{grid-template-columns:1fr}.hero-button-stack{justify-content:flex-start;margin-top:14px}.worker-filter-tabs{margin-top:14px}.fallback-bar-row{grid-template-columns:90px 1fr 36px}.fallback-map{min-height:380px}}
.admin-main,.worker-center-shell,.worker-dashboard-shell{background-image:linear-gradient(rgba(245,248,251,.965),rgba(245,248,251,.965)),url('/static/assets/civicos_ops_texture.png');background-size:cover;background-attachment:fixed;background-position:center}

/* --- Hackathon final polish: reliable map + scrollable Command Center navigation --- */
.admin-shell{grid-template-columns:278px minmax(0,1fr);align-items:start;min-height:calc(100vh - 78px)}
.sidebar{height:calc(100vh - 78px);min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:22px 16px 28px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}
.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35);background-clip:padding-box}
.sidebar-head{display:flex;align-items:center;gap:12px;padding:5px 8px 18px;border-bottom:1px solid rgba(255,255,255,.11);margin-bottom:12px}.sidebar-logo{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),#38bdf8);color:#fff;font-weight:950;font-size:22px;box-shadow:0 12px 28px rgba(15,155,142,.18)}.sidebar-head h2{font-size:25px;margin:0 0 2px}.sidebar-head p{margin:0;color:#8fa8bf;font-size:11px;line-height:1.35}
.sidebar-nav-section{padding:9px 0 11px}.sidebar-label{display:block;padding:8px 11px 5px;color:#7793ad;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:1.35px}.sidebar a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;margin:3px 0;font-size:13px;color:#dceeff}.sidebar a span{width:20px;text-align:center;color:#85d8ce;font-size:14px}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.11);color:#fff;transform:none}.sidebar a.active{box-shadow:inset 3px 0 0 #5eead4}.departments-nav{border-top:1px solid rgba(255,255,255,.08);margin-top:5px;padding-top:13px}
.admin-main{min-width:0;padding:28px 30px 38px}.admin-hero{padding:30px 32px;margin-bottom:20px}.admin-hero h1{font-size:34px}.admin-hero p{font-size:16px;max-width:760px}.command-stats{margin:20px 0}.command-stats .stat-card{padding:21px}.command-stats .stat-card b{font-size:38px}.command-stats .stat-card small{display:block;color:var(--muted);font-size:11px;font-weight:750;line-height:1.4;margin-top:8px}
.panel-copy{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.55;font-weight:700;max-width:760px}.map-panel{padding:26px}.map-panel-head{align-items:flex-end}.map-controls{min-width:0;display:grid;grid-template-columns:minmax(170px,1fr) minmax(150px,.8fr) auto;align-items:end;gap:10px}.map-controls label{display:block}.map-controls label small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.55px;font-weight:950;margin:0 0 6px 3px}.map-controls select{padding:13px 14px;border-radius:14px;font-size:13px}.map-reset-btn{min-height:46px;padding:11px 15px;font-size:12px;white-space:nowrap}
.map-meta-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px}.map-legend{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}.map-legend span{display:inline-flex;align-items:center;gap:6px;color:#506177;font-size:11px;font-weight:850}.map-legend i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(16,32,51,.08)}.map-marker-count{background:#f7fafc;border:1px solid #e4ebf1;border-radius:999px;padding:8px 12px;color:var(--muted);font-size:11px;font-weight:850;white-space:nowrap}.map-marker-count b{color:var(--ink);font-size:13px}.map-marker-count strong{color:#b91c1c}
.map-canvas-shell{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#dceaf1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}#adminMap{height:500px;border:0;border-radius:0;background:#dceaf1}.map-status-overlay{position:absolute;z-index:800;top:14px;left:50%;transform:translateX(-50%);max-width:min(620px,88%);padding:10px 14px;border-radius:13px;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:0 12px 30px rgba(16,32,51,.14);color:#52657b;font-size:12px;font-weight:850;text-align:center}.map-status-overlay.warning{background:#fff8e6;border-color:#fcd34d;color:#92400e}.map-status-overlay.empty{background:#f8fafc;color:#52657b}
.civic-popup{min-width:190px;display:grid;gap:6px;font-family:Inter,Segoe UI,Arial,sans-serif}.civic-popup>b{font-size:14px;color:var(--ink)}.civic-popup span{font-size:12px;color:#52657b}.civic-popup strong{color:var(--ink)}.civic-popup .popup-alert{color:#b91c1c;font-weight:950}.civic-popup a{display:inline-block;margin-top:3px;color:var(--blue);font-weight:950;text-decoration:none}.leaflet-control-zoom a{color:var(--navy)!important}.leaflet-control-attribution{font-size:9px!important}
.fallback-map{min-height:500px;background:linear-gradient(145deg,#eaf4f8,#d9eaf1)}.fallback-map-grid{background-size:46px 46px;opacity:.75}.fallback-road{position:absolute;z-index:1;background:rgba(255,255,255,.85);border:1px solid rgba(90,119,143,.16);box-shadow:0 1px 2px rgba(16,32,51,.05);border-radius:999px}.road-a{width:72%;height:14px;left:8%;top:42%;transform:rotate(-13deg)}.road-b{width:64%;height:11px;left:22%;top:58%;transform:rotate(20deg)}.road-c{width:48%;height:9px;left:17%;top:26%;transform:rotate(35deg)}.road-d{width:52%;height:9px;left:38%;top:70%;transform:rotate(-35deg)}.fallback-place{position:absolute;z-index:2;color:#7b8fa2;font-size:11px;font-weight:900;background:rgba(255,255,255,.68);padding:4px 7px;border-radius:8px}.place-a{left:18%;top:18%}.place-b{right:18%;bottom:20%}.fallback-map-dot{z-index:5}.fallback-map-note{z-index:7}
.analytics-grid .panel{min-height:410px}.analytics-grid .panel h2{font-size:25px}.grid-2 .panel canvas{height:300px!important;max-height:300px}
.command-table{min-width:1080px}.command-table th{font-size:12px;padding:13px}.command-table td{padding:13px;font-size:13px}.command-update-form{display:grid;grid-template-columns:145px 210px;gap:8px;min-width:370px}.command-update-form input[name="admin_note"]{grid-column:1/-1}.command-update-form input[type=file]{min-width:0;font-size:11px;padding:10px}.command-update-form button{min-height:44px;padding:9px 12px}.premium-table small{font-size:11px}
.performance-card,.worker-card{transition:.18s ease}.performance-card:hover,.worker-card:hover,.worker-directory-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(16,32,51,.11);border-color:#c9dce7}

@media(max-width:1200px){.admin-shell{grid-template-columns:235px minmax(0,1fr)}.admin-main{padding:24px 22px}.map-panel-head{display:block}.map-controls{margin-top:16px}.map-meta-row{align-items:flex-start;flex-direction:column}.map-marker-count{white-space:normal}.command-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto;max-height:none;overflow:visible;padding:16px}.sidebar-head{padding-bottom:12px}.sidebar-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.departments-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px}.departments-nav .sidebar-label{width:100%}.departments-nav a{flex:1 1 180px}.admin-main{padding:20px 16px}.map-controls{grid-template-columns:1fr 1fr}.map-reset-btn{grid-column:1/-1}.admin-hero{display:block}.hero-button-stack{margin-top:16px;justify-content:flex-start}#adminMap{height:440px}.fallback-map{min-height:440px}}
@media(max-width:620px){.sidebar-nav{grid-template-columns:1fr}.departments-nav{grid-column:auto;display:block}.command-stats{grid-template-columns:1fr}.map-controls{grid-template-columns:1fr}.map-reset-btn{grid-column:auto}.map-panel{padding:18px}.map-legend{gap:9px}.map-meta-row{margin-bottom:10px}#adminMap{height:390px}.fallback-map{min-height:390px}.admin-hero{padding:24px}.admin-hero h1{font-size:29px}.command-update-form{grid-template-columns:1fr;min-width:300px}.command-update-form input[name="admin_note"]{grid-column:auto}}

/* ============================================================================
   CIVICOS 2026 INTEGRATED UI
   Reference direction: clean white navigation + dark civic operations hero.
   These rules intentionally override older demo styles without breaking the
   Command Center, worker dashboards or location-confirmation pages.
   ============================================================================ */

:root{
  --civic-blue:#1467dc;
  --civic-blue-2:#0a56c7;
  --civic-deep:#061b32;
  --civic-deep-2:#082a49;
  --civic-text:#111827;
  --civic-muted:#667085;
  --civic-border:#e5e9f0;
  --civic-soft:#f7f9fc;
  --civic-success:#18a56b;
  --civic-orange:#f38b18;
  --civic-danger:#dc3545;
  --topbar-height:76px;
}

html[data-theme="dark"] body{background:#0d1724;color:#e8eef7}
html[data-theme="dark"] .civic-topbar{background:rgba(12,22,35,.96);border-color:#253347}
html[data-theme="dark"] .civic-brand,html[data-theme="dark"] .civic-navlinks a{color:#e8eef7}
html[data-theme="dark"] .civic-navlinks>a,html[data-theme="dark"] .nav-dropdown summary,html[data-theme="dark"] .language-menu summary{color:#dbe5f1}
html[data-theme="dark"] .home-workflow-section,html[data-theme="dark"] .home-intelligence-grid,html[data-theme="dark"] .home-capabilities,html[data-theme="dark"] .home-feedback-section{background:#0d1724}
html[data-theme="dark"] .home-white-panel,html[data-theme="dark"] .workflow-node,html[data-theme="dark"] .capability-card,html[data-theme="dark"] .recovery-search-card,html[data-theme="dark"] .recovered-card,html[data-theme="dark"] .track-search-panel,html[data-theme="dark"] .track-start-card,html[data-theme="dark"] .complaint-overview-card,html[data-theme="dark"] .track-side-card,html[data-theme="dark"] .notification-center-item,html[data-theme="dark"] .notification-summary-card{background:#132031;border-color:#2b3b50;color:#edf3fa}
html[data-theme="dark"] .home-section-title h2,html[data-theme="dark"] .home-panel-head h2,html[data-theme="dark"] .home-category-card b,html[data-theme="dark"] .capability-card h3,html[data-theme="dark"] .recovered-card b{color:#edf3fa}
html[data-theme="dark"] .home-category-card,html[data-theme="dark"] .track-start-card{border-color:#2b3b50}
html[data-theme="dark"] .home-category-card:hover,html[data-theme="dark"] .track-start-card:hover{background:#182a40}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- top navigation ---------- */
.civic-topbar{
  height:var(--topbar-height);
  padding:0 clamp(20px,3.2vw,52px);
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e7ebf1;
  box-shadow:0 4px 24px rgba(15,23,42,.035);
  gap:24px;
}
.civic-brand{min-width:max-content;gap:10px}
.civicos-logo{display:grid;place-items:center;width:43px;height:43px;color:var(--civic-blue);flex:0 0 43px}
.civicos-logo svg{width:43px;height:43px;display:block}
.brand-copy b{font-size:22px;font-weight:850;line-height:1.05;letter-spacing:-.55px;color:#101522}
.brand-copy small{margin-top:4px;font-size:10px;letter-spacing:.05em;text-transform:none;font-weight:600;color:#697386}
.civic-navlinks{gap:2px;margin-left:auto}
.civic-navlinks>a,.nav-dropdown summary,.language-menu summary{font-size:14px;font-weight:650;color:#192231;padding:11px 12px;border-radius:10px;white-space:nowrap;cursor:pointer;list-style:none}
.civic-navlinks>a:hover,.nav-dropdown summary:hover,.language-menu summary:hover{background:#f2f6fb;color:var(--civic-blue)}
.civic-navlinks .sos-link{background:transparent;color:#1e2633}.civic-navlinks .sos-link:hover{background:#fff0f1;color:#c6293a}
.nav-dropdown,.language-menu{position:relative}
.nav-dropdown summary::-webkit-details-marker,.language-menu summary::-webkit-details-marker{display:none}
.nav-dropdown-menu,.language-menu-popover{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;padding:8px;background:#fff;border:1px solid #e4e9f0;border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.16);display:grid;gap:3px;z-index:90}
.nav-dropdown-menu a,.language-menu-popover a{padding:10px 12px;border-radius:9px;color:#243247;text-decoration:none;font-size:13px;font-weight:700}
.nav-dropdown-menu a:hover,.language-menu-popover a:hover,.language-menu-popover a.active{background:#eef5ff;color:var(--civic-blue)}
.language-menu-popover{right:0;left:auto;min-width:132px}
.nav-actions{display:flex;align-items:center;gap:7px;margin-left:5px}
.icon-button{border:0;background:transparent;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:#172131;font-size:22px}.icon-button:hover{background:#f1f5f9}
.nav-login{display:inline-flex!important;align-items:center;justify-content:center;min-height:43px;padding:0 23px!important;border-radius:9px!important;background:var(--civic-blue)!important;color:#fff!important;font-weight:750!important;box-shadow:0 8px 20px rgba(20,103,220,.18)}
.nav-login:hover{background:var(--civic-blue-2)!important}.nav-login.secondary{background:#0b2342!important}
.nav-logout{font-size:12px!important;color:#687386!important;padding:9px!important}
.nav-update-link{display:none!important}
.mobile-menu-toggle{display:none;border:0;background:#f2f6fb;width:44px;height:42px;border-radius:11px;padding:10px;cursor:pointer}
.mobile-menu-toggle span:not(.sr-only){display:block;height:2px;background:#172131;margin:4px 0;border-radius:3px}

/* ---------- premium home hero ---------- */
.premium-home-hero{position:relative;overflow:hidden;min-height:560px;background:#061d34 url('/static/assets/civic_mesh.png') center/cover no-repeat;color:#fff}
.premium-home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,34,.96) 0%,rgba(5,30,53,.91) 43%,rgba(6,36,62,.68) 100%)}
.premium-home-hero:after{content:"";position:absolute;width:850px;height:480px;right:-110px;bottom:-220px;border-radius:50%;background:radial-gradient(ellipse,rgba(27,134,228,.36),rgba(20,103,220,0) 68%);filter:blur(5px)}
.hero-city-glow{position:absolute;inset:auto 0 0 0;height:34%;opacity:.48;background:linear-gradient(176deg,transparent 0 23%,rgba(255,255,255,.05) 24% 25%,transparent 26%),linear-gradient(184deg,transparent 0 45%,rgba(255,176,78,.17) 46% 47%,transparent 48%),linear-gradient(170deg,transparent 0 67%,rgba(66,165,245,.17) 68% 69%,transparent 70%);pointer-events:none}
.premium-hero-inner{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:58px clamp(28px,5.5vw,82px) 54px;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(390px,.92fr);align-items:center;gap:56px}
.premium-hero-copy{max-width:720px}.hero-product-name{display:block;font-size:65px;line-height:1;font-weight:820;letter-spacing:-2.4px;margin-bottom:20px}.premium-hero-copy h1{font-size:42px;line-height:1.15;letter-spacing:-1.35px;margin:0 0 18px;font-weight:650;max-width:700px}.premium-hero-copy p{margin:0;max-width:640px;font-size:16px;line-height:1.55;color:#e5edf6}.premium-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.premium-hero-actions .btn{min-width:205px;min-height:52px;font-size:14px;border-radius:8px}.hero-primary{background:#1467dc!important}.hero-outline{background:rgba(5,18,34,.3)!important;border:1px solid rgba(255,255,255,.72)!important;color:#fff!important}.hero-outline:hover{background:rgba(255,255,255,.11)!important}.hero-recovery-links{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:12px;color:#adc3da}.hero-recovery-links a{color:#d9e9fb;text-decoration:none;font-weight:700}.hero-recovery-links a:hover{text-decoration:underline}
.hero-live-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-stat-card{min-height:128px;padding:21px 18px;display:grid;grid-template-columns:45px 1fr;gap:13px;align-items:start;border:1px solid rgba(177,214,244,.18);border-radius:12px;background:linear-gradient(145deg,rgba(16,52,84,.88),rgba(15,46,75,.68));box-shadow:0 16px 42px rgba(0,0,0,.16);backdrop-filter:blur(9px)}.hero-stat-card .stat-icon{width:38px;height:38px;border-radius:9px;background:#f7fbff;color:#1764cb;display:grid;place-items:center;font-size:20px;font-weight:800}.hero-stat-card small{display:block;color:#f1f6fb;font-size:12px;margin-bottom:7px}.hero-stat-card b{display:block;font-size:29px;line-height:1;font-weight:750;color:#fff;letter-spacing:-.7px}.hero-stat-card span{display:block;margin-top:9px;color:#a9c5dd;font-size:10.5px;line-height:1.35}

/* ---------- workflow ---------- */
.home-workflow-section{padding:31px clamp(22px,4vw,64px) 28px;background:#fff;border-bottom:1px solid #eef1f5}.home-section-title{text-align:center;max-width:760px;margin:0 auto 26px}.home-section-title .section-label{margin-bottom:8px}.home-section-title h2{margin:0;color:#111827;font-size:27px;letter-spacing:-.6px}.home-section-title p{color:#667085;font-size:15px;line-height:1.6;margin:11px auto 0}.home-workflow{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px}.workflow-node{text-decoration:none;color:#1b2533;text-align:center;padding:13px 8px;border-radius:13px;transition:.18s}.workflow-node:hover{background:#f7faff}.workflow-icon{width:49px;height:49px;border-radius:11px;display:grid;place-items:center;margin:0 auto 10px;color:#fff;font-size:23px;font-weight:800;box-shadow:0 7px 18px rgba(15,23,42,.08)}.workflow-icon.blue{background:#1f6cda}.workflow-icon.green{background:#20a770}.workflow-icon.orange{background:#f38b18}.workflow-node b{display:block;font-size:14px}.workflow-node small{display:block;margin-top:6px;color:#6b7280;font-size:10.5px;line-height:1.45}.workflow-arrow{font-size:27px;color:#c2c9d2;font-weight:300}

/* ---------- home intelligence ---------- */
.home-intelligence-grid{padding:0 clamp(22px,3.2vw,52px) 44px;background:#fff;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.92fr);gap:18px;max-width:1500px;margin:0 auto}.home-white-panel{border:1px solid #e8ecf2;border-radius:13px;background:#fff;overflow:hidden}.category-panel{padding:14px 18px 18px}.home-map-panel{padding:16px}.home-panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:13px}.home-panel-head.compact{align-items:center}.home-panel-head .section-label{margin:0 0 4px;font-size:10px;letter-spacing:1.4px}.home-panel-head h2{font-size:18px;margin:0;color:#172131}.home-panel-head>a{font-size:11px;color:var(--civic-blue);text-decoration:none;font-weight:750}.home-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.home-category-card{min-height:167px;padding:20px 14px 16px;border:1px solid #edf0f4;border-radius:9px;text-decoration:none;color:#1a2432;display:flex;flex-direction:column;align-items:flex-start;transition:.18s}.home-category-card:hover{transform:translateY(-2px);border-color:#cbd9ea;box-shadow:0 12px 24px rgba(15,23,42,.06)}.category-symbol{height:38px;min-width:38px;display:grid;place-items:center;font-size:31px;font-style:normal;font-weight:800;margin-bottom:12px}.category-symbol.road{color:#243548}.category-symbol.water{color:#2a79e6}.category-symbol.electricity{color:#f39a1e}.category-symbol.health{color:#dc4457}.category-symbol.safety{color:#216bd9}.category-symbol.fire{font-size:12px;border-radius:50%;background:#dc3545;color:#fff;padding:0 7px}.home-category-card b{font-size:12.5px;color:#111827}.home-category-card small{margin-top:8px;color:#7b8492;font-size:10.5px}.home-category-card em{margin-top:auto;color:#1764cb;font-size:10px;font-style:normal;font-weight:700}.emergency-category em{color:#c72f42}
.live-dot{font-size:10px;color:#328866;background:#f0fbf6;border:1px solid #d8f2e5;padding:6px 8px;border-radius:999px}.live-dot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#20a770;margin-right:4px}.home-civic-map{height:315px;border-radius:8px;background:#e8eef2;overflow:hidden}.home-map-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;color:#7a8492;font-size:9.5px}.home-map-foot a{color:#1764cb;text-decoration:none;font-weight:750}

/* ---------- capabilities/about ---------- */
.home-capabilities{padding:64px clamp(24px,4vw,64px);background:#f7f9fc;border-top:1px solid #eef1f5}.capability-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.capability-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:23px;box-shadow:0 8px 24px rgba(15,23,42,.035)}.capability-card>span{font-size:11px;font-weight:900;color:#1467dc;background:#edf5ff;padding:7px 9px;border-radius:8px}.capability-card h3{font-size:17px;margin:19px 0 10px;color:#172131}.capability-card p{font-size:12.5px;line-height:1.6;color:#687386;margin:0}.home-about{max-width:1180px;margin:58px auto;padding:38px;border-radius:20px;background:linear-gradient(135deg,#061d34,#0b3d66);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.home-about .section-label{color:#78d9c6}.home-about h2{font-size:31px;line-height:1.2;margin:0}.home-about>p{font-size:14px;line-height:1.7;color:#d5e3f0;margin:0}.about-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.home-feedback-section{padding:30px clamp(24px,4vw,64px) 60px;background:#fff}.home-feedback-section .feedback-grid{max-width:1180px;margin:0 auto}

/* ---------- tracking / recovery / notifications ---------- */
.track-page-shell,.recovery-page,.notification-center-page{max-width:1250px;margin:0 auto;padding-top:46px}.track-page-title,.recovery-title{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}.track-search-panel{max-width:850px;margin:0 auto 24px;padding:15px;background:#fff;border:1px solid var(--civic-border);border-radius:16px;box-shadow:0 12px 34px rgba(15,23,42,.05)}.premium-track-form{margin:0;display:grid;grid-template-columns:1fr auto;gap:10px}.premium-track-form input{min-height:51px;border:1px solid #dbe1e8;border-radius:10px;padding:0 16px;font-size:15px}.track-help-links{display:flex;gap:18px;flex-wrap:wrap;padding:11px 4px 0}.track-help-links a{font-size:11px;color:#1764cb;text-decoration:none;font-weight:750}.track-live-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:13px 16px;border:1px solid #dce8f6;border-radius:13px;background:#f5faff}.track-live-strip>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.track-live-strip b{font-size:12px}.track-live-strip small{font-size:10.5px;color:#6b7788}.live-pulse{width:8px;height:8px;border-radius:50%;background:#19a76d;box-shadow:0 0 0 5px rgba(25,167,109,.12)}.compact-btn{min-height:36px!important;padding:7px 11px!important;font-size:10.5px!important}.premium-track-layout{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:start}.complaint-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.complaint-card-head h2{font-size:27px;margin:3px 0 9px}.complaint-card-head p{color:#687386;line-height:1.65}.track-badges{margin:20px 0}.track-info-grid{grid-template-columns:repeat(2,1fr)}.track-location-card,.routing-explain-card,.authority-note{margin-top:18px;padding:17px;border:1px solid #e4e9ef;border-radius:13px;background:#f9fbfd}.track-section-heading{display:flex;gap:10px;align-items:start}.track-section-heading>span{font-size:22px;color:#1467dc}.track-section-heading small,.routing-explain-card small,.authority-note small{display:block;color:#7a8492;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:800;margin-bottom:5px}.track-section-heading b{font-size:13px;line-height:1.5}.track-location-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.track-location-meta span{font-size:10px;padding:6px 8px;border-radius:7px;background:#fff;border:1px solid #e8ecf2;color:#64748b}.routing-explain-card p,.authority-note p{margin:0;color:#475569;font-size:12px;line-height:1.6}.authority-note{background:#fff9ed;border-color:#f8e0b1}.track-evidence-grid{margin-top:18px}.track-actions-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.track-actions-row form{margin:0}.track-side-card{position:sticky;top:calc(var(--topbar-height) + 18px);padding:0!important;overflow:hidden}.track-side-section{padding:21px}.track-side-section+.track-side-section{border-top:1px solid #edf0f4}.track-side-section h3{font-size:18px;margin:0 0 14px}.notification-feed{display:grid;gap:9px}.notification-item{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:10px;border-radius:10px;background:#f7f9fc}.notification-item>span{width:8px;height:8px;border-radius:50%;background:#1467dc;margin-top:5px}.notification-item.success>span{background:#19a76d}.notification-item.warning>span{background:#e69221}.notification-item.danger>span{background:#dc3545}.notification-item b{font-size:11.5px}.notification-item p{font-size:10.5px;line-height:1.45;color:#64748b;margin:3px 0}.notification-item small{font-size:9px;color:#8a94a3}.muted-empty{font-size:11px;color:#7a8492}.premium-timeline .timeline-item{padding-bottom:13px}.premium-timeline .timeline-item b{font-size:11.5px}.premium-timeline .timeline-item p{font-size:10.5px}.feedback-panel{margin-top:22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center}.feedback-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.feedback-form input,.feedback-form select{min-height:45px;border:1px solid #dce2e9;border-radius:9px;padding:0 11px}.feedback-form input[name="message"]{grid-column:1/-1}.feedback-form button{grid-column:1/-1}.track-start-grid{max-width:900px;margin:28px auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.track-start-card{padding:25px;border:1px solid #e3e8ef;border-radius:15px;background:#fff;text-decoration:none;color:#172131}.track-start-card>span{font-size:28px;color:#1467dc}.track-start-card h3{font-size:16px;margin:15px 0 8px}.track-start-card p{font-size:11.5px;color:#687386;line-height:1.55;margin:0}.empty-state-card{text-align:center;max-width:650px;margin:30px auto 80px;padding:44px;background:#fff;border:1px solid #e4e9ef;border-radius:18px}.empty-state-card>span{font-size:40px;color:#1467dc}.empty-state-card h2,.empty-state-card h3{margin:14px 0 8px}.empty-state-card p{color:#687386;font-size:13px;line-height:1.6}.empty-state-card.compact{margin:0;padding:30px}

.recovery-search-card{max-width:850px;margin:0 auto 30px;padding:20px;background:#fff;border:1px solid #e3e8ef;border-radius:16px;box-shadow:0 12px 34px rgba(15,23,42,.05)}.recovery-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.recovery-form label>span{display:block;font-size:10px;font-weight:800;color:#667085;margin:0 0 6px 3px}.recovery-form input{width:100%;min-height:48px;border:1px solid #dbe1e8;border-radius:9px;padding:0 12px}.privacy-note{display:flex;gap:9px;align-items:flex-start;margin-top:13px;padding:10px;border-radius:9px;background:#f7f9fc;color:#687386}.privacy-note span{color:#1467dc}.privacy-note p{font-size:10px;line-height:1.5;margin:0}.recovery-results-section{max-width:1000px;margin:32px auto 65px}.recovered-grid{display:grid;gap:9px}.recovered-card{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid #e4e9ef;border-radius:13px;padding:14px 16px}.recovered-id{font-size:18px;font-weight:850;color:#1467dc;background:#edf5ff;border-radius:9px;padding:10px;text-align:center}.recovered-card b{display:block;font-size:13px;color:#172131}.recovered-card small,.recovered-card span{display:block;margin-top:4px;color:#6f7a89;font-size:10px}.notification-channel-note{margin-top:15px;display:flex;gap:9px;flex-wrap:wrap}.notification-channel-note b{width:100%;font-size:10px;color:#465466}.notification-channel-note span{font-size:9.5px;color:#637083;background:#f6f8fb;border:1px solid #e8ecf1;border-radius:999px;padding:6px 8px}.citizen-notification-dashboard{max-width:1000px;margin:0 auto 70px}.notification-summary-card{display:flex;justify-content:space-between;align-items:end;padding:18px 20px;background:#fff;border:1px solid #e4e9ef;border-radius:13px;margin-bottom:12px}.notification-summary-card b{display:block;font-size:28px}.notification-summary-card small{font-size:10px;color:#778292}.notification-summary-card>a{font-size:11px;color:#1467dc;text-decoration:none;font-weight:750}.notification-center-list{display:grid;gap:8px}.notification-center-item{display:grid;grid-template-columns:10px 1fr auto;gap:13px;align-items:center;padding:15px 17px;background:#fff;border:1px solid #e4e9ef;border-radius:12px}.notification-type-dot{width:9px;height:9px;border-radius:50%;background:#1467dc}.notification-center-item.success .notification-type-dot{background:#18a56b}.notification-center-item.warning .notification-type-dot{background:#e69221}.notification-center-item.danger .notification-type-dot{background:#dc3545}.notification-center-copy small{color:#1467dc;font-size:9px;font-weight:800}.notification-center-copy h3{font-size:13px;margin:3px 0}.notification-center-copy p{font-size:10.5px;color:#657183;line-height:1.5;margin:0}.notification-center-copy time{display:block;margin-top:5px;font-size:9px;color:#8993a0}

/* ---------- one-task worker policy ---------- */
.one-task-policy-note{margin-top:8px!important;padding:9px 11px;border-radius:9px;background:#f0f7ff;color:#285579!important;border:1px solid #d8e9fb}.worker-policy-banner{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:10.5px;font-weight:750}.worker-policy-banner.busy{background:rgba(245,158,11,.17)}.worker-policy-banner.available{background:rgba(16,185,129,.16)}.worker-availability-row{margin:13px 0 4px;padding:11px;border-radius:10px;background:#f7f9fc;border:1px solid #e9edf2}.worker-state-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9.5px;font-weight:850}.worker-state-badge.busy{background:#fff1e8;color:#a95213}.worker-state-badge.available{background:#eaf9f1;color:#157a51}.worker-availability-row small{display:block;margin-top:6px;color:#687386;font-size:9.5px;line-height:1.4}

/* ---------- forms and page-level mobile quality ---------- */
.form-card input,.form-card select,.form-card textarea,.sos-panel input,.sos-panel select,.sos-panel textarea{font-size:16px} /* prevents iOS zoom */
.form-card input[name="email"]{min-width:0}.page-shell{width:100%}.flash-wrap{max-width:min(420px,calc(100vw - 24px))}

@media(max-width:1180px){
  .civic-topbar{padding:0 22px}.civic-navlinks>a,.nav-dropdown summary,.language-menu summary{padding:10px 8px;font-size:12px}.brand-copy small{display:none}.premium-hero-inner{grid-template-columns:1.05fr .95fr;gap:34px;padding-left:45px;padding-right:45px}.hero-product-name{font-size:58px}.premium-hero-copy h1{font-size:37px}.home-intelligence-grid{grid-template-columns:1.3fr .8fr}.home-category-grid{grid-template-columns:repeat(2,1fr)}.capability-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:980px){
  .mobile-menu-toggle{display:block;margin-left:auto}.civic-topbar{height:68px;--topbar-height:68px}.civic-navlinks{position:fixed;top:68px;left:0;right:0;max-height:calc(100vh - 68px);overflow:auto;background:#fff;border-bottom:1px solid #e3e8ef;box-shadow:0 20px 40px rgba(15,23,42,.13);padding:12px 18px 20px;display:none!important;grid-template-columns:1fr 1fr;align-items:stretch;gap:5px;margin:0}.civic-navlinks.open{display:grid!important}.civic-navlinks>a,.nav-dropdown summary{display:block;padding:12px!important;font-size:13px}.nav-dropdown{position:static}.nav-dropdown-menu{position:static;box-shadow:none;border:0;background:#f7f9fc;margin-top:4px}.nav-actions{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr;gap:8px;padding-top:8px;border-top:1px solid #eef1f5}.nav-update-link{display:block!important}.language-menu-popover{right:auto;left:0}.premium-hero-inner{grid-template-columns:1fr;padding:45px 36px}.premium-hero-copy{max-width:780px}.hero-live-stats{max-width:760px}.premium-home-hero{min-height:auto}.home-workflow{display:flex;overflow-x:auto;gap:8px;padding:0 4px 8px;scroll-snap-type:x proximity}.workflow-node{min-width:145px;scroll-snap-align:start}.workflow-arrow{min-width:20px}.home-intelligence-grid{grid-template-columns:1fr}.home-civic-map{height:360px}.premium-track-layout{grid-template-columns:1fr}.track-side-card{position:static}.feedback-panel{grid-template-columns:1fr}.recovery-form{grid-template-columns:1fr 1fr}.recovery-form button{grid-column:1/-1}.home-about{margin:42px 24px;grid-template-columns:1fr}.home-about .about-actions{grid-column:auto}.footer.civic-footer{display:grid}.footer-links{flex-wrap:wrap}
}

@media(max-width:700px){
  .civic-topbar{padding:0 14px}.civicos-logo{width:37px;height:37px;flex-basis:37px}.civicos-logo svg{width:37px;height:37px}.brand-copy b{font-size:19px}.civic-navlinks{grid-template-columns:1fr}.nav-actions{grid-column:auto;grid-template-columns:auto auto 1fr}.premium-hero-inner{padding:38px 20px 42px}.hero-product-name{font-size:48px;margin-bottom:16px}.premium-hero-copy h1{font-size:31px;line-height:1.16}.premium-hero-copy p{font-size:14px}.premium-hero-actions{display:grid;grid-template-columns:1fr}.premium-hero-actions .btn{width:100%;min-width:0}.hero-live-stats{grid-template-columns:1fr 1fr;gap:8px}.hero-stat-card{min-height:115px;padding:15px 12px;grid-template-columns:35px 1fr;gap:9px}.hero-stat-card .stat-icon{width:32px;height:32px;font-size:16px}.hero-stat-card b{font-size:23px}.hero-stat-card small{font-size:10.5px}.hero-stat-card span{font-size:8.8px}.home-workflow-section{padding-left:14px;padding-right:14px}.home-section-title h2{font-size:23px}.home-intelligence-grid{padding:0 14px 28px}.category-panel,.home-map-panel{padding:12px}.home-category-grid{grid-template-columns:1fr 1fr}.home-category-card{min-height:145px;padding:15px 12px}.category-symbol{font-size:26px;margin-bottom:8px}.home-civic-map{height:300px}.home-map-foot{align-items:flex-start;flex-direction:column}.home-capabilities{padding:42px 16px}.capability-grid{grid-template-columns:1fr}.home-about{margin:28px 14px;padding:26px 20px}.home-about h2{font-size:25px}.home-feedback-section{padding-left:16px;padding-right:16px}.track-page-shell,.recovery-page,.notification-center-page{padding:34px 14px 0}.premium-track-form{grid-template-columns:1fr}.track-help-links{justify-content:space-between}.track-live-strip{align-items:flex-start;flex-direction:column}.complaint-card-head{display:block}.complaint-card-head .priority-score{margin-top:14px;width:max-content}.track-info-grid{grid-template-columns:1fr 1fr}.track-evidence-grid{grid-template-columns:1fr!important}.track-start-grid{grid-template-columns:1fr;margin-bottom:50px}.feedback-form{grid-template-columns:1fr}.feedback-form input[name="message"],.feedback-form button{grid-column:auto}.recovery-form{grid-template-columns:1fr}.recovery-form button{grid-column:auto}.recovered-card{grid-template-columns:54px 1fr}.recovered-card .btn{grid-column:1/-1}.notification-center-item{grid-template-columns:9px 1fr}.notification-center-item .btn{grid-column:2;width:max-content}.notification-summary-card{align-items:flex-start;flex-direction:column;gap:10px}.sos-panel #emergencyTypeCards{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important}.form-card{padding:20px!important}.footer-links{gap:10px}.civic-footer{padding:22px 18px!important}
}

@media(max-width:430px){
  .hero-live-stats{grid-template-columns:1fr}.hero-stat-card{grid-template-columns:38px 1fr;min-height:98px}.home-category-grid{grid-template-columns:1fr}.home-category-card{min-height:130px}.track-info-grid{grid-template-columns:1fr}.nav-login{padding-left:14px!important;padding-right:14px!important}.language-menu summary{padding:9px 7px}.icon-button{width:34px}.home-panel-head{align-items:flex-start;flex-direction:column;gap:8px}
}
.home-map-empty{height:100%;display:grid;place-items:center;align-content:center;gap:6px;color:#637083;background:linear-gradient(145deg,#edf4f7,#dfeaf0)}.home-map-empty b{font-size:13px}.home-map-empty span{font-size:10px}.home-map-fallback{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(145deg,#eaf4f8,#d9eaf1)}.home-map-fallback small{position:absolute;left:10px;bottom:9px;z-index:8;background:rgba(255,255,255,.9);border:1px solid #dbe6ed;border-radius:999px;padding:5px 8px;font-size:8.5px;color:#637083}.home-fallback-dot{position:absolute;z-index:6;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;box-shadow:0 2px 8px rgba(15,23,42,.22)}

.resolved-history-note{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid #dbe7e2;border-radius:14px;background:#f5fbf8;color:#27463a;margin-top:12px}.resolved-history-note strong{color:#11865d}.resolved-history-note span{font-size:.9rem;line-height:1.45}

/* ==========================================================================
   CIVICOS UI SOLIDITY + DARK MODE VISIBILITY PATCH (2026-08-28)
   Keeps content compact on wide screens and guarantees brand readability.
   ========================================================================== */
html[data-theme="dark"] .brand-copy b{color:#f8fbff!important}
html[data-theme="dark"] .brand-copy small{color:#aebdce!important}
html[data-theme="dark"] .civicos-logo{color:#4d9cff!important}
html[data-theme="dark"] .mobile-menu-toggle{background:#162538!important;border:1px solid #2b3b50}
html[data-theme="dark"] .mobile-menu-toggle span:not(.sr-only){background:#e6eef7!important}
html[data-theme="dark"] .civic-navlinks{background:#0f1c2c!important;border-color:#2b3b50!important}
html[data-theme="dark"] .nav-dropdown-menu,html[data-theme="dark"] .language-menu-popover{background:#132236!important;border-color:#2b3b50!important}
html[data-theme="dark"] .nav-dropdown-menu a,html[data-theme="dark"] .language-menu-popover a{color:#dce7f2!important}
html[data-theme="dark"] .nav-dropdown-menu a:hover,html[data-theme="dark"] .language-menu-popover a:hover{background:#1c314a!important}

/* solid desktop proportions */
.premium-home-hero{min-height:500px}
.premium-hero-inner{max-width:1180px;padding:50px 28px 48px;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:38px}
.hero-product-name{font-size:56px;letter-spacing:-2px}
.premium-hero-copy h1{font-size:37px;max-width:620px;line-height:1.16}
.premium-hero-copy p{max-width:590px;font-size:15px}
.hero-live-stats{gap:10px}
.hero-stat-card{min-height:116px;padding:17px 15px}
.home-intelligence-grid{max-width:1180px;padding-left:0;padding-right:0}
.home-workflow-section{padding-left:22px;padding-right:22px}
.home-capabilities{padding-left:22px;padding-right:22px}
.home-feedback-section{padding-left:22px;padding-right:22px}
.page-shell{max-width:1140px}

/* location reliability / map-pin fallback */
.location-tools-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:14px}
.location-tools-row input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.location-fallback-card{margin-top:14px;border:1px solid #dce4ed;background:#f8fafc;border-radius:14px;padding:14px}
.location-fallback-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.location-fallback-card h4{margin:0;font-size:14px}.location-fallback-card p{margin:4px 0 0;color:#6c7888;font-size:11px;line-height:1.45}
#reportLocationMap{height:300px;border-radius:11px;overflow:hidden;background:#e8eff4;border:1px solid #dbe4ec}
.location-search-results{display:grid;gap:6px;margin:8px 0 0}.location-search-results button{width:100%;text-align:left;border:1px solid #e0e6ed;border-radius:9px;background:#fff;padding:9px 10px;font-size:11px;cursor:pointer;color:#314157}.location-search-results button:hover{border-color:#9fc3ed;background:#f4f9ff}
.secure-location-note{margin-top:10px;padding:10px 12px;border-radius:9px;background:#fff8e7;border:1px solid #f7d98a;color:#7a5614;font-size:10.5px;line-height:1.45}
html[data-theme="dark"] .location-fallback-card,html[data-theme="dark"] .location-search-results button{background:#132031;border-color:#2b3b50;color:#eaf1f8}
html[data-theme="dark"] .location-tools-row input{background:#132031;border-color:#2b3b50;color:#eaf1f8}

@media(max-width:1180px){.home-intelligence-grid{padding-left:22px;padding-right:22px}.premium-hero-inner{padding-left:28px;padding-right:28px}}
@media(max-width:980px){.premium-hero-inner{padding:40px 28px;grid-template-columns:1fr}.premium-hero-copy h1{font-size:34px}.hero-product-name{font-size:50px}}
@media(max-width:700px){.premium-home-hero{min-height:auto}.premium-hero-inner{padding:34px 16px}.hero-product-name{font-size:43px}.premium-hero-copy h1{font-size:29px}.location-tools-row{grid-template-columns:1fr}.location-tools-row .btn{width:100%}#reportLocationMap{height:250px}}
.complaint-admin-control{margin:-6px -6px 22px;padding:15px;border:1px solid #dbe5ef;border-radius:15px;background:#f8fbff}.complaint-admin-control-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.complaint-admin-control-head span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#1768d8;font-weight:900}.complaint-admin-control-head h3{margin:4px 0 0;font-size:16px}.complaint-admin-control-head a{font-size:10px;color:#1768d8;text-decoration:none;font-weight:800}.complaint-admin-form{display:grid;gap:9px}.complaint-admin-form label{display:grid;gap:5px;font-size:10px;color:#526177;font-weight:800}.complaint-admin-form select,.complaint-admin-form textarea,.complaint-admin-form input{width:100%;padding:10px 11px;border:1px solid #d8e2ec;border-radius:9px;background:#fff;color:#26354a;font:inherit;font-size:11px}.complaint-admin-form textarea{resize:vertical}.complaint-admin-form .btn{min-height:40px;border-radius:9px}.complaint-admin-control .one-task-policy-note{font-size:9px;line-height:1.45;margin:10px 0 0!important}.complaint-admin-control select option:disabled{color:#9b6a24}html[data-theme="dark"] .complaint-admin-control{background:#132031;border-color:#2b3b50}html[data-theme="dark"] .complaint-admin-form select,html[data-theme="dark"] .complaint-admin-form textarea,html[data-theme="dark"] .complaint-admin-form input{background:#0f1c2c;border-color:#2b3b50;color:#eaf1f8}

/* =============================================================
   CivicOS readability + exact-location refinement
   ============================================================= */
.worker-state-badge{font-size:10.5px}.worker-availability-row small{font-size:10.5px}
.priority-score small,.priority-score span{font-size:10.5px}
.one-task-policy-note{font-size:10.5px!important}.worker-policy-banner{font-size:11px}
.brand-copy small{font-size:10.5px}
.exact-location-preview-wrap{margin-top:14px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:11px}
.exact-location-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px;flex-wrap:wrap}
.exact-location-preview-head strong{font-size:12px;color:#172131}.exact-location-preview-head span{font-size:10.5px;color:#687386}
.exact-location-preview{height:210px;border-radius:9px;overflow:hidden;background:#eaf1f5;border:1px solid #dbe4eb;position:relative;z-index:1}
.exact-location-coordinate-fallback{height:100%;display:grid;place-items:center;padding:16px;text-align:center;font-weight:800;color:#334155}
.location-search-results button{font-size:11px!important;line-height:1.4}
.secure-location-note{font-size:11px!important;line-height:1.5}
@media(max-width:640px){.exact-location-preview{height:180px}.exact-location-preview-head{display:block}.exact-location-preview-head span{display:block;margin-top:4px}}

/* =============================================================
   Civic Intelligence case insight + proof-of-resolution UI
   ============================================================= */
.case-intelligence-panel,.case-proof-panel,.resolution-proof-strip{margin-top:22px;border:1px solid #dce5f0;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#fff);padding:16px}.case-intelligence-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.case-intelligence-head h3,.case-proof-panel h3,.resolution-proof-strip h2{margin:4px 0 0}.impact-chip{padding:6px 8px;border-radius:999px;background:#edf4ff;color:#2162b8;font-size:11px;white-space:nowrap}.impact-chip.high,.impact-chip.critical{background:#fff0f2;color:#c22943}.case-intelligence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.case-intelligence-grid>div{padding:10px;border-radius:9px;background:#f3f7fb}.case-intelligence-grid small{display:block;font-size:11px;color:#738095}.case-intelligence-grid b{display:block;font-size:15px;margin-top:3px}.case-cascade{display:flex;align-items:center;gap:5px;overflow-x:auto;margin-bottom:12px}.case-cascade span{min-width:96px;padding:7px 8px;border-radius:7px;background:#eef4ff;text-align:center;font-size:10.5px;font-weight:700}.case-cascade i{font-style:normal;color:#8b9db2}.case-proof-panel{display:grid;grid-template-columns:1fr auto;gap:14px}.case-proof-panel p{font-size:12px;color:#6f7d90}.proof-score-ring{width:72px;height:72px;border-radius:50%;border:7px solid #dce9fb;display:grid;place-content:center;text-align:center;background:#fff}.proof-score-ring b{font-size:20px;line-height:1}.proof-score-ring span{font-size:10px;color:#708095}.case-proof-panel ul{grid-column:1/-1;list-style:none;padding:0;margin:0}.case-proof-panel li{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #e8edf3;font-size:11px}.case-proof-panel li b.pass{color:#0d8b5d}.case-proof-panel li b.pending,.case-proof-panel li b.review{color:#c47913}.case-proof-panel li b.missing{color:#c62e48}.resolution-proof-strip{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin-bottom:18px}.resolution-proof-strip p{margin:4px 0 0;color:#6a788c}.verified-citizen-chip{padding:8px 10px;border-radius:999px;background:#e9f8f1;color:#0d8a5c;font-weight:800;font-size:11px}
html[data-theme="dark"] .case-intelligence-panel,html[data-theme="dark"] .case-proof-panel,html[data-theme="dark"] .resolution-proof-strip{background:#0e2035;border-color:#29445f;color:#f2f6fb}html[data-theme="dark"] .case-intelligence-grid>div,html[data-theme="dark"] .case-cascade span{background:#102942}html[data-theme="dark"] .proof-score-ring{background:#0c1b2d;border-color:#245280}
@media(max-width:700px){.case-intelligence-grid{grid-template-columns:1fr 1fr}.resolution-proof-strip{grid-template-columns:1fr auto}.resolution-proof-strip form,.verified-citizen-chip{grid-column:1/-1}}@media(max-width:430px){.case-intelligence-grid{grid-template-columns:1fr}.case-intelligence-head{align-items:flex-start;flex-direction:column}}

/* Authority safety controls shown on the shared complaint detail view. */
.reserve-override-control{display:flex!important;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid #f3d58b;border-radius:12px;background:#fffaf0}.reserve-override-control input{width:17px!important;height:17px;margin-top:2px;flex:0 0 auto}.reserve-override-control span{display:grid;gap:2px}.reserve-override-control small,.field-help{display:block;font-size:.78rem;line-height:1.45;color:#64748b;margin-top:4px}
.proof-visual-signal{display:grid;gap:1px;min-width:130px;padding:10px 12px;border:1px solid #e1e8f2;border-radius:12px;background:#f8fbff}.proof-visual-signal span{font-size:.72rem;color:#64748b}.proof-visual-signal b{font-size:1rem;color:#0f3f7a}.proof-visual-signal small{font-size:.65rem;color:#7b8797;line-height:1.35}

/* Home: compact prevention/intelligence showcase */
.home-prevention-layer{max-width:1220px;margin:18px auto;padding:26px;border-radius:20px;background:linear-gradient(135deg,#071b33,#0c315a);color:#fff;box-shadow:0 18px 42px rgba(7,27,51,.12)}.home-prevention-layer .home-section-title{margin-bottom:16px}.home-prevention-layer .section-label{color:#7eb6ff}.home-prevention-layer h2{color:#fff}.home-prevention-layer .home-section-title p{color:#c6d6e9;max-width:760px}.prevention-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.prevention-card-grid article{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055);min-width:0}.prevention-card-grid article>span{font-size:.68rem;color:#70b7ff;font-weight:850}.prevention-card-grid h3{font-size:.92rem;margin:7px 0 5px;color:#fff}.prevention-card-grid p{font-size:.76rem;line-height:1.5;color:#cbd9e9;margin:0}.prevention-action{display:flex;justify-content:flex-end;margin-top:14px}.home-prevention-layer .btn.light{background:#fff;color:#0a3260;border:0;font-weight:800}@media(max-width:900px){.home-prevention-layer{margin:14px 12px;padding:20px}.prevention-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.prevention-card-grid{grid-template-columns:1fr}.prevention-action{justify-content:stretch}.prevention-action .btn{width:100%;justify-content:center}}


/* Public Amenities & QR Verification Styles */
.public-amenities-bar {
  display: flex;
  gap: 14px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.amenity-search-wrap {
  flex-grow: 1;
}
.amenity-search-wrap input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 14px;
}
.public-category-pills {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.cat-chip {
  padding: 8px 14px;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  cursor: pointer;
  white-space: nowrap;
}
.cat-chip.active {
  background: #2563eb;
  color: #ffffff;
  border-color: #2563eb;
}
.amenity-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 18px;
}
.amenity-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}
.amenity-card-header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.amenity-icon {
  font-size: 28px;
  line-height: 1;
}
.amenity-category-name {
  font-size: 11px;
  color: #64748b;
  font-weight: 700;
  text-transform: uppercase;
}
.amenity-title {
  font-size: 16px;
  margin: 2px 0 0;
  color: #0f172a;
}
.amenity-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  margin-bottom: 14px;
}
.amenity-detail-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px dashed #f1f5f9;
  padding-bottom: 4px;
}
.amenity-footer {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #e2e8f0;
}
.small-btn {
  padding: 6px 10px;
  font-size: 12px;
}

.public-asset-qr-card {
  max-width: 680px;
  margin: 0 auto 30px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.qr-card-header {
  background: linear-gradient(135deg, #0f172a, #1e293b);
  color: #ffffff;
  padding: 24px;
  text-align: center;
}
.qr-header-badge {
  display: inline-block;
  background: rgba(255,255,255,0.12);
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  margin-bottom: 8px;
}
.asset-uid-tag {
  margin: 6px 0 0;
  color: #94a3b8;
  font-size: 14px;
}
.qr-card-body {
  padding: 24px;
  display: flex;
  gap: 24px;
  align-items: center;
  border-bottom: 1px solid #e2e8f0;
}
.qr-svg-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.qr-scan-label {
  font-size: 10px;
  color: #64748b;
  margin-top: 6px;
  text-align: center;
  max-width: 140px;
}
.qr-asset-details {
  flex-grow: 1;
}
.qr-spec-table {
  width: 100%;
  font-size: 13px;
}
.qr-spec-table td {
  padding: 5px 0;
  border-bottom: 1px dashed #f1f5f9;
}
.qr-action-banner {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  align-items: center;
}
.action-banner-text h3 {
  margin: 0 0 4px;
  color: #9f1239;
  font-size: 16px;
}
.action-banner-text p {
  margin: 0;
  color: #881337;
  font-size: 13px;
}

/* ===== Merged newer CivicOS identity/governance styles ===== */
/* =============================================================
   CivicOS citizen identity, nearby activity, voice & accountability
   ============================================================= */
.nav-authority-link{font-size:11px;font-weight:800;color:var(--civic-blue);text-decoration:none;padding:9px 7px}.citizen-auth-page{padding:54px 22px}.citizen-auth-grid{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:20px;align-items:stretch}.citizen-auth-card{width:auto;max-width:none;margin:0}.citizen-auth-card input,.citizen-auth-card select,.citizen-auth-card textarea,.captcha-field{width:100%}.captcha-field{display:grid;gap:6px;text-align:left;font-size:12px;font-weight:750;color:#46566b}.captcha-field span{padding-left:2px}.google-btn{background:#fff!important;color:#172131!important;border:1px solid #d7dee8!important;justify-content:center}.google-btn small{margin-left:8px;color:#7b8796}.disabled-link{opacity:.72}.auth-switch{font-size:12px!important;margin-top:10px!important}.auth-switch a{color:#1768d8;font-weight:800}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.citizen-auth-explain{border-radius:22px;padding:34px;background:linear-gradient(135deg,#071d35,#0d4271);color:#fff;box-shadow:0 20px 48px rgba(7,29,53,.15)}.citizen-auth-explain>span{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#78c9ff;font-weight:850}.citizen-auth-explain h2{font-size:29px;line-height:1.18;margin:10px 0 15px}.citizen-auth-explain p{color:#d8e7f4;line-height:1.7;font-size:13px}.citizen-auth-explain ul{list-style:none;padding:0;display:grid;gap:10px;font-size:12px;color:#e8f4ff}.sos-inline-link{display:inline-block;margin-top:18px;color:#ffb9c0;font-weight:800;text-decoration:none}.profile-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.profile-status-grid article{padding:18px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.profile-status-grid small{display:block;color:#6d7887;font-size:11px}.profile-status-grid b{display:block;margin-top:6px;font-size:15px}.profile-grid .panel{display:grid;gap:10px}.profile-grid input{padding:12px;border:1px solid #dce3eb;border-radius:9px}.profile-case-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f5;color:inherit;text-decoration:none;font-size:12px}.profile-case-row b{font-size:10px;color:#1768d8}
.nearby-civic-section{padding:42px clamp(22px,4vw,64px);background:#f7f9fc;border-bottom:1px solid #edf1f5}.nearby-civic-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:16px}.nearby-civic-main,.civic-news-column{padding:18px}.nearby-status{font-size:11px;color:#617086;background:#f4f8fc;border:1px solid #e3eaf2;padding:10px 12px;border-radius:9px;margin-bottom:10px}.nearby-civic-list{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:4px}.nearby-placeholder{padding:28px 16px;text-align:center;color:#667085;border:1px dashed #cfd8e3;border-radius:12px;background:#fbfdff;font-size:12px}.nearby-placeholder p{line-height:1.5}.nearby-placeholder a{color:#1768d8;font-weight:800}.nearby-civic-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px;border:1px solid #e6ebf1;border-radius:12px;background:#fff}.nearby-civic-card span{font-size:9.5px;text-transform:uppercase;letter-spacing:.4px;color:#1768d8;font-weight:850}.nearby-civic-card h3{font-size:14px;margin:4px 0 6px}.nearby-civic-card p{font-size:11px;color:#687386;margin:0 0 6px;line-height:1.45}.nearby-civic-card small{font-size:10px;color:#778394}.nearby-card-actions{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:145px}.voted-chip{padding:8px 10px;border-radius:8px;background:#ecfdf3;color:#067647!important;text-align:center}.civic-news-feed{display:grid}.civic-news-feed a,.intelligence-news-row{padding:11px 0;border-bottom:1px solid #edf1f4;display:grid;gap:3px;color:inherit;text-decoration:none}.civic-news-feed span,.intelligence-news-row span{font-size:9px;color:#1768d8;text-transform:uppercase;font-weight:850}.civic-news-feed b,.intelligence-news-row b{font-size:11.5px}.civic-news-feed small,.intelligence-news-row small{font-size:9.5px;color:#778394}
.civic-voice-card{margin:20px 0;padding:18px;border-radius:14px;border:1px solid #cfe0f4;background:linear-gradient(135deg,#f4f9ff,#fff);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.civic-voice-card h3{margin:4px 0 6px;font-size:17px}.civic-voice-card p{margin:0;color:#667085;font-size:11.5px;line-height:1.5}.civic-voice-controls{display:flex;gap:8px;align-items:center}.civic-voice-controls select{min-height:42px;padding:0 10px;border:1px solid #d5dfea;border-radius:8px;background:#fff}.voice-report-status{grid-column:1/-1;font-size:10.5px;color:#607086;padding-top:10px;border-top:1px solid #e3eaf1}
.resolution-review-page{max-width:1040px}.resolution-case-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resolution-decision-form{display:grid;gap:14px}.resolution-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resolution-choice{position:relative;padding:18px;border:1px solid #dfe6ef;border-radius:13px;cursor:pointer;display:grid;gap:5px}.resolution-choice input{position:absolute;right:14px;top:14px}.resolution-choice span{font-weight:850;font-size:15px}.resolution-choice small{color:#6d7888;line-height:1.5}.resolution-choice.satisfied:has(input:checked){border-color:#36a477;background:#f0fbf6}.resolution-choice.unresolved:has(input:checked){border-color:#d96b79;background:#fff5f6}.resolution-decision-form>label{display:grid;gap:6px;font-weight:750;font-size:11px}.resolution-decision-form select,.resolution-decision-form textarea,.resolution-decision-form input[type=file]{padding:11px;border:1px solid #dce3eb;border-radius:9px;background:#fff;font:inherit}.reopen-evidence-box{padding:15px;border-radius:12px;background:#fff8ed;border:1px solid #f4d69f;display:grid;gap:9px}.reopen-evidence-box h3{margin:0;font-size:14px}.reopen-evidence-box p{margin:0;font-size:11px;color:#745626;line-height:1.5}.reopen-chip{background:#fff4e5!important;color:#9c5b00!important}.awaiting-admin-strip{border-color:#f4d79f;background:linear-gradient(135deg,#fffaf0,#fff)}
.public-intelligence-page{max-width:1220px}.ward-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ward-health-grid article{padding:15px;border:1px solid #e4e9ef;border-radius:12px;background:#fbfdff}.ward-score b{font-size:24px}.ward-score span{font-size:10px;color:#7b8795}.ward-health-grid h3{font-size:13px;margin:8px 0 4px}.ward-health-grid p{font-size:10.5px;color:#6d7888;margin:0}.intelligence-row{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px 0;border-bottom:1px solid #edf1f4}.intelligence-row span{font-size:11.5px}.intelligence-row b{font-size:12px;color:#1768d8}.intelligence-row small{grid-column:1/-1;color:#758194;font-size:9.5px}.admin-accountability-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.admin-accountability-kpis article{padding:16px;border-radius:13px;background:linear-gradient(135deg,#0a2848,#0d4677);color:#fff}.admin-accountability-kpis small{display:block;color:#b9d2e8;font-size:10px}.admin-accountability-kpis b{display:block;font-size:25px;margin:5px 0}.admin-accountability-kpis span{font-size:9.5px;color:#d5e4f2;line-height:1.35}.accountability-list{display:grid;gap:8px}.accountability-list article{padding:13px;border:1px solid #e5eaf0;border-radius:10px;background:#fbfdff}.accountability-list article>div{display:flex;justify-content:space-between;gap:10px}.accountability-list span{font-size:10px;text-transform:uppercase;color:#1768d8;font-weight:850}.accountability-list p{font-size:11.5px;line-height:1.55;margin:6px 0;color:#49576a}.accountability-list small{font-size:9.5px;color:#7b8797}.accountability-list em{display:block;font-style:normal;margin-top:8px;padding-top:8px;border-top:1px solid #edf1f5;color:#526176;font-size:10px}.accountability-grid form.panel{display:grid;gap:10px}.accountability-grid select,.accountability-grid textarea{padding:12px;border:1px solid #dce3eb;border-radius:9px;font:inherit}
.worker-performance-panel{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:18px;align-items:center;margin:18px 0}.worker-performance-panel h2{margin:4px 0 6px}.worker-performance-panel p{font-size:11px;color:#6d7889;line-height:1.5}.worker-performance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.worker-performance-metrics>div,.worker-performance-summary>div{padding:10px;border-radius:9px;background:#f4f8fc}.worker-performance-metrics small,.worker-performance-summary small{display:block;font-size:9px;color:#718095}.worker-performance-metrics b,.worker-performance-summary b{display:block;margin-top:3px;font-size:12px}.worker-performance-summary{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.worker-performance-summary span{font-size:9px;color:#6e7c8e}.worker-performance-summary em{grid-column:1/-1;font-style:normal;padding:7px;border-radius:8px;background:#fff7dd;color:#8b6300;font-size:9.5px;font-weight:850;text-align:center}.awaiting-review-note{background:#fff8ea!important;border-color:#f2d495!important}
@media(max-width:900px){.citizen-auth-grid,.nearby-civic-layout,.resolution-case-summary,.worker-performance-panel{grid-template-columns:1fr}.profile-status-grid,.ward-health-grid,.admin-accountability-kpis{grid-template-columns:repeat(2,1fr)}.civic-voice-card{grid-template-columns:1fr}.civic-voice-controls{flex-wrap:wrap}.voice-report-status{grid-column:auto}.nearby-civic-card{grid-template-columns:1fr}.nearby-card-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.worker-performance-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.profile-status-grid,.ward-health-grid,.admin-accountability-kpis,.resolution-choice-grid,.auth-two{grid-template-columns:1fr}.citizen-auth-page{padding:28px 12px}.citizen-auth-explain{padding:24px}.citizen-auth-explain h2{font-size:24px}.civic-voice-controls>*{width:100%}.worker-performance-metrics{grid-template-columns:1fr}}

/* Civic Account verification */
.profile-verify-form{margin-top:8px}.text-action-button{border:0;background:transparent;padding:0;color:var(--accent,#1768d8);font:inherit;font-weight:750;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.profile-status-grid article>small:last-child{display:block;margin-top:6px;line-height:1.4}

/* Public authority accountability benchmark */
.authority-index-banner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:20px;align-items:center;margin:18px 0 20px;padding:24px;border:1px solid var(--line,#e3e8ef);border-radius:18px;background:linear-gradient(135deg,rgba(23,104,216,.08),rgba(13,148,136,.05))}.authority-index-banner h2{font-size:2.4rem;margin:.15rem 0}.authority-index-banner p{max-width:820px;line-height:1.6;color:var(--muted,#667085)}.authority-index-components{display:grid;grid-template-columns:1fr 1fr;gap:9px}.authority-index-components span{padding:10px 12px;border-radius:10px;background:var(--surface,#fff);border:1px solid var(--line,#e3e8ef);font-weight:750;font-size:.86rem}@media(max-width:820px){.authority-index-banner{grid-template-columns:1fr}}
.voice-report-status[data-state="working"]{color:#075985;font-weight:700}
.voice-report-status[data-state="success"]{color:#067647;font-weight:700}
.voice-report-status[data-state="error"]{color:#b42318;font-weight:700}
.voice-report-status[data-state="warning"]{color:#b54708;font-weight:700}
.voice-report-status[data-state="ready"]{color:#344054;font-weight:600}

/* Worker role isolation */
.worker-login-page .auth-two{max-width:1120px;margin:0 auto;width:100%}
.worker-login-page .auth-card label{display:grid;gap:7px;margin:14px 0}
.worker-login-page .auth-card label small{font-weight:850;color:var(--muted)}
.worker-login-page .auth-help{display:block;margin-top:18px;line-height:1.6;color:var(--muted)}
.worker-login-page code{background:#eef4fb;border:1px solid var(--line);padding:2px 6px;border-radius:7px;color:var(--navy)}

/* =========================================================
   CIVICOS WORKER PORTAL — RESPONSIVE FIELD EXPERIENCE
   ========================================================= */
.worker-portal-page{max-width:1440px;margin:0 auto;padding:34px 28px 64px;background:linear-gradient(180deg,#f5f8fb 0%,#eef4f8 100%);min-height:calc(100vh - 78px)}
.worker-portal-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:18px;align-items:stretch;background:linear-gradient(135deg,#071f39,#0b4566 70%,#0d6b72);border-radius:28px;padding:26px;color:#fff;box-shadow:0 24px 55px rgba(8,37,65,.16);overflow:hidden;position:relative}
.worker-portal-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-140px;background:radial-gradient(circle,rgba(71,222,188,.2),transparent 68%);pointer-events:none}
.worker-identity-block{display:flex;align-items:center;gap:18px;min-width:0;position:relative;z-index:1}.worker-avatar-large{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#d9f8f1);color:#0b625c;font-size:28px;font-weight:950;box-shadow:0 12px 28px rgba(0,0,0,.18);flex:0 0 auto}.worker-identity-block .section-label{color:#9df3dc;margin:0 0 7px}.worker-identity-block h1{margin:0;font-size:34px;line-height:1.08;letter-spacing:-.8px}.worker-identity-block p{margin:8px 0 0;color:#d8edf4;font-size:14px;font-weight:750}.worker-availability-card{position:relative;z-index:1;border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.worker-availability-card span{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:900;color:#d5e9f2}.worker-availability-card strong{font-size:25px;margin:5px 0 4px}.worker-availability-card small{font-size:11px;line-height:1.45;color:#d8e9f1}.worker-availability-card.available strong{color:#9ff5c8}.worker-availability-card.busy strong{color:#ffd28b}
.worker-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.worker-kpi-grid article{background:#fff;border:1px solid #dfe8ef;border-radius:18px;padding:17px 18px;box-shadow:0 9px 28px rgba(21,45,66,.055);min-width:0}.worker-kpi-grid span{display:block;color:#6f7d8c;font-size:10px;text-transform:uppercase;letter-spacing:.65px;font-weight:900}.worker-kpi-grid b{display:block;margin:7px 0 3px;color:#0d2842;font-size:26px;line-height:1}.worker-kpi-grid b em{font-size:12px;font-style:normal;color:#82909f;margin-left:2px}.worker-kpi-grid small{color:#8793a0;font-size:9.5px;line-height:1.35}.worker-score-kpi{background:linear-gradient(145deg,#f4fffb,#fff)!important;border-color:#ccebe0!important}
.worker-current-section,.worker-history-section{margin-top:20px}.worker-section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:12px}.worker-section-heading .section-label{margin-bottom:6px}.worker-section-heading h2{margin:0;color:#0a2540;font-size:25px;letter-spacing:-.4px}.worker-section-heading p{margin:6px 0 0;color:#758393;font-size:12px}.worker-live-pill,.worker-ready-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900}.worker-live-pill{background:#fff3df;color:#b7650d;border:1px solid #f3d7a8}.worker-ready-pill{background:#eafaf2;color:#11734e;border:1px solid #c8ead9}
.worker-current-card{background:#fff;border:1px solid #dce6ed;border-radius:24px;padding:22px;box-shadow:0 16px 42px rgba(19,45,65,.075)}.worker-current-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.worker-case-number{font-size:10px;color:#1673dc;text-transform:uppercase;letter-spacing:.9px;font-weight:950}.worker-current-title-row h2{font-size:28px;line-height:1.12;margin:6px 0 0;color:#0a2540}.worker-priority-chip{min-width:74px;border-radius:16px;padding:10px 12px;background:#eef6ff;text-align:center;color:#1768d8}.worker-priority-chip.high{background:#fff0ed;color:#c2412d}.worker-priority-chip small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.7px;font-weight:900}.worker-priority-chip b{font-size:24px}.worker-priority-chip span{font-size:9px}.worker-status-row{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.worker-status-row>span{padding:7px 10px;border-radius:999px;background:#f2f6f9;color:#4f6171;font-size:9.5px;font-weight:900}.worker-current-description{margin:0 0 16px;color:#4f6070;font-size:13px;line-height:1.65}.worker-detail-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:9px}.worker-detail-grid>div{padding:12px 13px;border-radius:14px;background:#f7fafc;border:1px solid #e9eef2;min-width:0}.worker-detail-grid small{display:block;color:#81909d;text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:900;margin-bottom:5px}.worker-detail-grid b{display:block;font-size:11px;line-height:1.4;color:#273b4d;overflow-wrap:anywhere}
.worker-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.worker-proof-grid figure{margin:0}.worker-proof-grid img,.worker-proof-placeholder{width:100%;height:210px;border-radius:18px;border:1px solid #dce6ec;background:#f2f6f9;object-fit:cover}.worker-proof-placeholder{display:grid;place-items:center;color:#8a98a5;font-size:11px;font-weight:800;text-align:center;padding:18px}.worker-proof-grid figcaption{margin-top:7px;color:#728190;font-size:9px;text-transform:uppercase;letter-spacing:.55px;font-weight:900}
.worker-action-panel{margin-top:18px;padding:18px;border-radius:20px;border:1px solid #cfe8df;background:linear-gradient(180deg,#f8fffc,#f4faf8)}.worker-action-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.worker-action-head .section-label{margin:0 0 3px}.worker-action-head h3{margin:0;font-size:18px;color:#14372d}.worker-action-head>span{padding:6px 9px;border-radius:999px;background:#e0f5ec;color:#157455;font-size:9px;font-weight:900}.worker-action-grid{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(260px,1.4fr) minmax(190px,1fr) auto;gap:10px;align-items:end}.worker-action-grid label{min-width:0}.worker-action-grid small{display:block;color:#597269;font-size:9px;font-weight:900;margin:0 0 6px 3px}.worker-action-grid input,.worker-action-grid select{width:100%;min-height:48px;padding:12px 13px;border:1px solid #cfe0da;border-radius:13px;background:#fff;color:#203b32;font-size:12px;font-weight:750;outline:none}.worker-action-grid input:focus,.worker-action-grid select:focus{border-color:#18a478;box-shadow:0 0 0 4px rgba(24,164,120,.1)}.worker-action-grid input[type=file]{padding:10px}.worker-save-button{min-height:48px;white-space:nowrap;border-radius:13px}.worker-action-hint{margin:12px 1px 0;color:#657970;font-size:10px;line-height:1.5}.worker-admin-readonly{margin-top:16px;padding:14px 16px;border-radius:14px;background:#f3f6f8;border:1px solid #dde5ea;display:grid;gap:4px}.worker-admin-readonly b{color:#415362;font-size:11px}.worker-admin-readonly span{color:#748390;font-size:10px}.worker-open-timeline{display:inline-block;margin-top:15px;text-decoration:none;color:#1768d8;font-size:11px;font-weight:900}
.worker-no-task-card{padding:46px 24px;background:#fff;border:1px dashed #c9dce4;border-radius:24px;text-align:center;box-shadow:0 12px 32px rgba(20,49,68,.045)}.worker-no-task-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#e8f9f1;color:#16805b;font-size:24px;font-weight:950}.worker-no-task-card h2{margin:0;color:#12314a}.worker-no-task-card p{max-width:650px;margin:10px auto 15px;color:#748392;font-size:12px;line-height:1.6}
.worker-performance-card{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:14px;margin-top:20px;background:#fff;border:1px solid #dce6ed;border-radius:24px;padding:20px;box-shadow:0 12px 34px rgba(19,45,65,.055)}.worker-performance-score{padding:18px;border-radius:18px;background:linear-gradient(145deg,#071f39,#0d5366);color:#fff}.worker-performance-score .section-label{color:#9df3dc;margin-bottom:8px}.worker-performance-score>div{display:flex;align-items:baseline}.worker-performance-score>div b{font-size:48px;line-height:1}.worker-performance-score>div span{font-size:14px;color:#cce1e9;margin-left:3px}.worker-performance-score strong{display:block;margin-top:7px;font-size:15px}.worker-performance-score small{display:block;margin-top:7px;color:#d4e8ef;font-size:9.5px;line-height:1.45}.worker-performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-content:center}.worker-performance-grid>div{padding:13px;border-radius:14px;background:#f5f8fb;border:1px solid #e6edf2}.worker-performance-grid small{display:block;font-size:8px;color:#7a8996;text-transform:uppercase;letter-spacing:.45px;font-weight:900}.worker-performance-grid b{display:block;margin-top:5px;color:#19354c;font-size:14px}
.worker-history-heading{align-items:center}.worker-history-filters{margin:0}.worker-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.worker-history-card{background:#fff;border:1px solid #dfe7ed;border-radius:20px;padding:17px;box-shadow:0 8px 24px rgba(20,45,64,.045)}.worker-history-card[hidden]{display:none!important}.worker-history-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.worker-history-card-head>div>span{font-size:8px;color:#1768d8;text-transform:uppercase;letter-spacing:.65px;font-weight:900}.worker-history-card h3{font-size:16px;margin:4px 0 0;color:#173149}.worker-history-status{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.worker-history-status.resolved{background:#e9f8f0;color:#16805b}.worker-history-status.pending{background:#fff4e5;color:#ad6713}.worker-history-card>p{font-size:10.5px;line-height:1.55;color:#657584;margin:11px 0}.worker-history-meta{display:flex;gap:6px;flex-wrap:wrap}.worker-history-meta span{padding:6px 8px;border-radius:999px;background:#f4f7fa;color:#647483;font-size:8.5px;font-weight:800}.worker-qa-note{display:grid;gap:3px;margin-top:11px;padding:10px 11px;border-radius:12px;background:#fff7e8;border:1px solid #f4deb7}.worker-qa-note.resolved{background:#eff9f4;border-color:#d1eade}.worker-qa-note b{font-size:9.5px;color:#8c5b16}.worker-qa-note.resolved b{color:#14704f}.worker-qa-note span{font-size:8.5px;color:#788693}.worker-history-card>a{display:inline-block;margin-top:11px;color:#1768d8;text-decoration:none;font-size:9.5px;font-weight:900}.worker-history-empty{grid-column:1/-1;padding:30px;border:1px dashed #d0dde5;border-radius:18px;background:#fff;text-align:center;display:grid;gap:5px}.worker-history-empty b{color:#29435a}.worker-history-empty span{color:#7d8a96;font-size:11px}

.worker-login-shell{min-height:calc(100vh - 78px);padding:44px 24px;display:grid;place-items:center}.worker-login-layout{width:min(1120px,100%);display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:14px;align-items:stretch}.worker-login-card{background:#fff;border:1px solid rgba(255,255,255,.25);border-radius:28px;padding:30px;box-shadow:0 28px 70px rgba(0,0,0,.23)}.worker-login-badge{display:inline-flex;padding:7px 9px;border-radius:999px;background:#e9f8f3;color:#0e7d5c;font-size:9px;letter-spacing:.9px;font-weight:950}.worker-login-mark{width:54px;height:54px;margin:18px 0 12px;border-radius:16px;background:linear-gradient(145deg,#0b2643,#0d8876);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:950;box-shadow:0 12px 25px rgba(13,136,118,.22)}.worker-login-card h1{margin:0;color:#0c263e;font-size:35px;letter-spacing:-.8px}.worker-login-card>p{color:#687989;font-size:13px;line-height:1.65;margin:9px 0 20px}.worker-login-card label{display:grid;gap:6px;margin:12px 0}.worker-login-card label span{color:#425568;font-size:10px;font-weight:900}.worker-login-card input{width:100%;min-height:49px;padding:13px 14px;border:1px solid #d5e0e8;border-radius:14px;background:#f9fbfc;color:#163049;font-size:13px;font-weight:750;outline:none}.worker-login-card input:focus{border-color:#159a7b;box-shadow:0 0 0 4px rgba(21,154,123,.1);background:#fff}.worker-login-submit{width:100%;margin-top:5px;border-radius:14px}.worker-demo-note{display:grid;gap:5px;margin-top:16px;padding:12px 13px;border-radius:13px;background:#f4f7fa;border:1px solid #e3eaf0;color:#667584;font-size:9.5px;line-height:1.45}.worker-demo-note b{color:#294157}.worker-demo-note code{background:#e9eef3;color:#173149;padding:2px 5px;border-radius:5px;font-weight:900}.worker-login-explain{padding:34px;border-radius:28px;background:linear-gradient(145deg,rgba(7,31,57,.95),rgba(8,75,91,.92));border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:0 28px 70px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:center}.worker-login-explain .section-label{color:#8eeed6}.worker-login-explain h2{font-size:33px;line-height:1.12;margin:3px 0 12px;letter-spacing:-.6px}.worker-login-explain>p{color:#d3e7ee;font-size:12px;line-height:1.65;max-width:650px}.worker-login-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.worker-login-feature-grid>div{padding:13px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:start}.worker-login-feature-grid b{grid-row:1/3;width:29px;height:29px;border-radius:9px;background:rgba(143,239,215,.14);color:#9df3dc;display:grid;place-items:center;font-size:9px}.worker-login-feature-grid span{font-size:10px;font-weight:900}.worker-login-feature-grid small{font-size:8.5px;line-height:1.4;color:#c8dee6;margin-top:3px}.worker-login-sos{margin-top:20px;color:#ffbcc3;text-decoration:none;font-size:11px;font-weight:900}

/* Worker session uses a compact role-specific top bar. */
.worker-session-topbar .civic-navlinks{justify-content:flex-end}.worker-session-topbar .worker-nav-primary{display:flex;gap:5px;align-items:center}.worker-session-topbar .worker-nav-primary a{text-decoration:none;color:#2c4053;font-size:12px;font-weight:900;padding:10px 11px;border-radius:12px}.worker-session-topbar .worker-nav-primary a:hover{background:#edf6f6;color:#0b8171}.worker-session-topbar .worker-role-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:12px;background:#edf8f5;color:#0d725e;font-size:10px;font-weight:900}.worker-session-topbar .worker-role-dot{width:7px;height:7px;border-radius:50%;background:#18a879;box-shadow:0 0 0 3px rgba(24,168,121,.12)}

@media(max-width:1100px){.worker-kpi-grid{grid-template-columns:repeat(3,1fr)}.worker-detail-grid{grid-template-columns:1fr 1fr}.worker-action-grid{grid-template-columns:1fr 1fr}.worker-save-button{width:100%}.worker-login-layout{grid-template-columns:1fr 1fr}.worker-performance-card{grid-template-columns:1fr}.worker-performance-score{display:grid;grid-template-columns:auto 1fr;column-gap:15px;align-items:center}.worker-performance-score .section-label{grid-column:1/-1}.worker-performance-score>div{grid-row:2/4}.worker-performance-score small{grid-column:2}.worker-session-topbar .worker-nav-primary a:nth-child(3){display:none}}
@media(max-width:820px){.worker-portal-page{padding:22px 15px 48px}.worker-portal-hero{grid-template-columns:1fr}.worker-kpi-grid{grid-template-columns:1fr 1fr}.worker-section-heading{align-items:flex-start;flex-direction:column}.worker-current-title-row{align-items:flex-start}.worker-proof-grid{grid-template-columns:1fr}.worker-proof-grid img,.worker-proof-placeholder{height:240px}.worker-action-grid{grid-template-columns:1fr}.worker-performance-grid{grid-template-columns:1fr 1fr}.worker-history-grid{grid-template-columns:1fr}.worker-login-shell{padding:24px 14px}.worker-login-layout{grid-template-columns:1fr}.worker-login-explain{order:-1}.worker-login-feature-grid{grid-template-columns:1fr 1fr}.worker-session-topbar .worker-nav-primary{width:100%;display:grid;gap:4px}.worker-session-topbar .worker-nav-primary a{width:100%}.worker-session-topbar .worker-role-chip{margin:8px 0}.worker-session-topbar .civic-navlinks{align-items:stretch}}
@media(max-width:560px){.worker-portal-page{padding:16px 10px 40px}.worker-portal-hero{padding:18px;border-radius:21px}.worker-identity-block{align-items:flex-start}.worker-avatar-large{width:52px;height:52px;border-radius:15px;font-size:21px}.worker-identity-block h1{font-size:25px}.worker-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.worker-kpi-grid article{padding:13px}.worker-kpi-grid b{font-size:22px}.worker-current-card{padding:14px;border-radius:18px}.worker-current-title-row h2{font-size:22px}.worker-priority-chip{min-width:64px}.worker-detail-grid{grid-template-columns:1fr}.worker-proof-grid img,.worker-proof-placeholder{height:190px}.worker-action-panel{padding:13px}.worker-action-head{align-items:flex-start;flex-direction:column}.worker-action-head>span{align-self:flex-start}.worker-performance-grid{grid-template-columns:1fr 1fr;gap:7px}.worker-performance-score{display:block}.worker-performance-score small{margin-top:8px}.worker-history-filters{width:100%}.worker-history-filters .task-filter{flex:1}.worker-login-card,.worker-login-explain{padding:21px;border-radius:21px}.worker-login-explain h2{font-size:27px}.worker-login-feature-grid{grid-template-columns:1fr}.worker-login-mark{margin-top:14px}.worker-login-card h1{font-size:30px}}
html[data-theme="dark"] .worker-portal-page{background:linear-gradient(180deg,#0d1724,#101d2b);color:#e8eef7}
html[data-theme="dark"] .worker-kpi-grid article,html[data-theme="dark"] .worker-current-card,html[data-theme="dark"] .worker-performance-card,html[data-theme="dark"] .worker-history-card,html[data-theme="dark"] .worker-no-task-card{background:#132031;border-color:#2b3b50;color:#e8eef7}
html[data-theme="dark"] .worker-kpi-grid b,html[data-theme="dark"] .worker-current-title-row h2,html[data-theme="dark"] .worker-section-heading h2,html[data-theme="dark"] .worker-history-card h3,html[data-theme="dark"] .worker-no-task-card h2{color:#f2f6fb}
html[data-theme="dark"] .worker-kpi-grid span,html[data-theme="dark"] .worker-kpi-grid small,html[data-theme="dark"] .worker-section-heading p,html[data-theme="dark"] .worker-current-description,html[data-theme="dark"] .worker-history-card>p{color:#a9b7c6}
html[data-theme="dark"] .worker-detail-grid>div,html[data-theme="dark"] .worker-performance-grid>div,html[data-theme="dark"] .worker-history-meta span{background:#0f1c2c;border-color:#2b3b50;color:#dfe8f2}
html[data-theme="dark"] .worker-detail-grid b,html[data-theme="dark"] .worker-performance-grid b{color:#e8eef7}
html[data-theme="dark"] .worker-action-panel{background:#10251f;border-color:#285044}
html[data-theme="dark"] .worker-action-grid input,html[data-theme="dark"] .worker-action-grid select{background:#0f1c2c;border-color:#315148;color:#edf5f1}
html[data-theme="dark"] .worker-proof-placeholder{background:#0f1c2c;border-color:#2b3b50;color:#9eacba}
html[data-theme="dark"] .worker-login-card{background:#132031;border-color:#2b3b50;color:#e8eef7}
html[data-theme="dark"] .worker-login-card h1{color:#f3f7fb}
html[data-theme="dark"] .worker-login-card>p,html[data-theme="dark"] .worker-demo-note{color:#a9b7c6}
html[data-theme="dark"] .worker-login-card input{background:#0f1c2c;border-color:#2b3b50;color:#f1f5f9}
html[data-theme="dark"] .worker-demo-note{background:#0f1c2c;border-color:#2b3b50}
html[data-theme="dark"] .worker-demo-note b{color:#dce6f0}
html[data-theme="dark"] .worker-session-topbar .worker-nav-primary a{color:#dce7f2}
html[data-theme="dark"] .worker-session-topbar .worker-role-chip{background:#123329;color:#8ce9cc}

/* =============================================================
   CivicOS Trust & Verification Layer
   ============================================================= */
.home-trust-strip{max-width:1180px;margin:28px auto;padding:26px 30px;border-radius:22px;background:linear-gradient(135deg,#071d35,#0d4779);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 18px 44px rgba(7,29,53,.14)}
.home-trust-strip .section-label{color:#7fd4ff}.home-trust-strip h2{margin:6px 0 7px;font-size:27px}.home-trust-strip p{max-width:820px;margin:0;color:#d6e7f5;font-size:12.5px;line-height:1.65}.home-trust-strip .btn{white-space:nowrap}
.trust-page{background:linear-gradient(180deg,#f6fbff 0,#fff 520px);min-height:100vh;padding:54px clamp(20px,5vw,72px) 80px}.trust-page>*{max-width:1180px;margin-left:auto;margin-right:auto}
.trust-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.78fr);gap:42px;align-items:center}.trust-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e9f5ff;color:#1768d8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.trust-hero h1{font-size:52px;line-height:1.02;letter-spacing:-.04em;margin:16px 0;color:#0c1d31}.trust-hero h1 em{font-style:normal;color:#1768d8}.trust-hero-copy>p{font-size:15px;line-height:1.75;color:#536176;max-width:710px}.trust-principle{display:grid;gap:4px;margin-top:18px;padding:15px 17px;border-left:4px solid #1768d8;background:#fff;border-radius:0 12px 12px 0;box-shadow:0 10px 28px rgba(15,23,42,.06)}.trust-principle b{font-size:13px}.trust-principle span{font-size:11px;color:#667085}
.trust-check-card,.trust-panel,.trust-result-card,.truth-share-card{background:#fff;border:1px solid #e1e8f0;border-radius:20px;box-shadow:0 16px 44px rgba(15,23,42,.07)}.trust-check-card{padding:22px}.trust-card-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.trust-card-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf4ff;color:#1768d8;font-weight:900}.trust-card-head b{display:block;font-size:14px}.trust-card-head small{font-size:10px;color:#7a8798}.trust-check-card textarea,.trust-report-form textarea,.trust-report-form input,.trust-report-form select{width:100%;box-sizing:border-box;border:1px solid #d8e1eb;border-radius:11px;padding:12px 13px;background:#fbfdff;color:#172033;font:inherit;outline:none}.trust-check-card textarea:focus,.trust-report-form textarea:focus,.trust-report-form input:focus,.trust-report-form select:focus{border-color:#1768d8;box-shadow:0 0 0 3px rgba(23,104,216,.09)}.trust-check-actions{display:grid;gap:8px;margin-top:11px}.trust-check-actions .btn{justify-content:center}.trust-check-actions small{font-size:9.5px;color:#778294;text-align:center}
.trust-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px!important}.trust-stat-grid article{padding:17px;border:1px solid #e5ebf2;border-radius:14px;background:rgba(255,255,255,.92)}.trust-stat-grid span,.trust-stat-grid small{display:block;color:#748094;font-size:10px}.trust-stat-grid b{display:block;font-size:26px;margin:4px 0;color:#0d2846}
.trust-result-card{margin-top:24px!important;padding:26px;border-left:5px solid #94a3b8}.trust-result-card.safe{border-left-color:#16a36f}.trust-result-card.danger{border-left-color:#dc3f4f}.trust-result-card.warning{border-left-color:#d78b12}.trust-result-card.info{border-left-color:#1768d8}.trust-verdict-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.trust-verdict{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;background:#eef2f7;color:#475569}.trust-verdict.safe{background:#e8f8ef;color:#087443}.trust-verdict.danger{background:#fff0f1;color:#b42332}.trust-verdict.warning{background:#fff6df;color:#946200}.trust-verdict.info{background:#eaf4ff;color:#1768d8}.trust-verdict.neutral{background:#eef2f7;color:#475569}.trust-confidence{font-size:10px;color:#788497}.trust-result-card h2{font-size:25px;margin:4px 0 12px}.trust-result-card>p{font-size:13px;line-height:1.65;color:#5f6d80}.trust-claim-quote,.trust-fact-box{padding:15px 17px;border-radius:12px;margin-top:12px}.trust-claim-quote{background:#f7f9fc;border:1px solid #e8edf3}.trust-fact-box{background:#eef8ff;border:1px solid #cfe6f8}.trust-claim-quote small,.trust-fact-box small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#6f7c8e}.trust-claim-quote p,.trust-fact-box p{margin:6px 0 0;line-height:1.6;font-size:12px}.trust-source-line{font-size:10px;color:#657286;margin-top:12px}.trust-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.trust-submitted-note{margin-top:18px!important;padding:14px 16px;border:1px solid #bfe5cf;background:#eefbf4;border-radius:12px;display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#315b45}
.trust-main-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-top:30px!important}.trust-panel{padding:24px}.trust-panel-head h2{font-size:22px;margin:5px 0 6px}.trust-panel-head p{font-size:11.5px;color:#6d798a;line-height:1.55;margin:0}.trust-report-form{display:grid;gap:11px;margin-top:18px}.trust-report-form label{display:grid;gap:6px;font-size:10px;font-weight:850;color:#46566a}.trust-report-form label small{font-weight:600;color:#8490a0}.trust-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trust-form-note{margin:0;font-size:9.5px;color:#738094;line-height:1.5}.trust-step-list{display:grid;gap:10px;margin-top:16px}.trust-step-list>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:13px;border:1px solid #e8edf3;border-radius:12px;background:#fbfdff}.trust-step-list i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eaf4ff;color:#1768d8;font-style:normal;font-size:11px;font-weight:900}.trust-step-list b,.trust-step-list small{display:block}.trust-step-list b{font-size:12px}.trust-step-list small{font-size:10px;color:#718095;line-height:1.45;margin-top:3px}
.trust-bulletin-section{margin-top:52px!important}.trust-bulletin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.trust-bulletin-grid.compact{grid-template-columns:repeat(4,1fr)}.trust-bulletin-card{display:grid;gap:8px;padding:18px;border:1px solid #e3e9f0;border-radius:15px;background:#fff;color:inherit;text-decoration:none;transition:.18s ease}.trust-bulletin-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.08);border-color:#cbd8e6}.trust-bulletin-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.trust-bulletin-top em{font-style:normal;font-size:7.5px;letter-spacing:.08em;font-weight:950;color:#8b6500;background:#fff3c8;border-radius:999px;padding:5px 7px}.trust-bulletin-card>small{font-size:8px;color:#1768d8;font-weight:900;letter-spacing:.08em}.trust-bulletin-card h3{font-size:14px;margin:0}.trust-bulletin-card p{font-size:10.5px;color:#697688;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.trust-bulletin-card footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf1f5;padding-top:10px;margin-top:4px}.trust-bulletin-card footer span{font-size:8.5px;color:#8290a1}.trust-bulletin-card footer b{font-size:9px;color:#1768d8}
.truth-detail-page{max-width:980px;margin:0 auto;padding:48px 22px 80px}.truth-back{display:inline-block;margin-bottom:16px;color:#1768d8;text-decoration:none;font-size:11px;font-weight:850}.truth-share-card{padding:30px;border-top:6px solid #94a3b8}.truth-share-card.safe{border-top-color:#16a36f}.truth-share-card.danger{border-top-color:#dc3f4f}.truth-share-card.warning{border-top-color:#d78b12}.truth-share-card.info{border-top-color:#1768d8}.truth-share-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.truth-share-head>div{display:flex;gap:8px;align-items:center}.truth-share-head em{font-style:normal;font-size:8px;font-weight:950;color:#8b6500;background:#fff3c8;border-radius:999px;padding:6px 8px}.truth-share-head>span{font-size:9px;color:#7d8998}.truth-share-card h1{font-size:34px;line-height:1.1;margin:7px 0 20px}.truth-claim,.truth-correction{padding:18px;border-radius:13px;margin-top:12px}.truth-claim{background:#f7f9fc;border:1px solid #e5eaf0}.truth-correction{background:#eff9ff;border:1px solid #cde6f7}.truth-claim small,.truth-correction small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#66768a;font-weight:900}.truth-claim p,.truth-correction p{font-size:13px;line-height:1.65;margin:7px 0 0}.truth-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.truth-meta>div{padding:12px;border:1px solid #e7ecf2;border-radius:10px}.truth-meta dt{font-size:8px;text-transform:uppercase;color:#8792a2;font-weight:900}.truth-meta dd{font-size:10px;font-weight:800;margin:5px 0 0}.truth-source-link{font-size:10px;color:#1768d8;font-weight:850;text-decoration:none}.truth-share-actions{display:flex;gap:9px;margin-top:20px}.truth-share-note{font-size:9.5px;color:#7a8797;margin-top:12px}.truth-related{margin-top:38px}
@media(max-width:900px){.trust-hero,.trust-main-grid{grid-template-columns:1fr}.trust-stat-grid{grid-template-columns:repeat(2,1fr)}.trust-bulletin-grid,.trust-bulletin-grid.compact{grid-template-columns:repeat(2,1fr)}.truth-meta{grid-template-columns:1fr 1fr}.home-trust-strip{margin:20px;flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.trust-page{padding:32px 16px 60px}.trust-hero h1{font-size:38px}.trust-stat-grid,.trust-form-grid,.trust-bulletin-grid,.trust-bulletin-grid.compact,.truth-meta{grid-template-columns:1fr}.truth-share-card{padding:20px}.truth-share-card h1{font-size:27px}.truth-share-head,.truth-share-actions{align-items:flex-start;flex-direction:column}}
.report-trust-note{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;margin-top:18px;padding:13px 14px;border-radius:12px;border:1px solid #cfe1f4;background:#f4f9ff}.report-trust-note>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#1768d8;color:#fff;font-weight:900}.report-trust-note b{font-size:11px}.report-trust-note p{margin:3px 0 0;font-size:9.5px;line-height:1.5;color:#607086}.track-trust-strip{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:13px 14px;margin:14px 0;border:1px solid #d8e5f2;border-radius:12px;background:#f7fbff}.track-trust-strip.quarantined{border-color:#f0c7cc;background:#fff7f8}.track-trust-strip>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#1768d8;color:#fff}.track-trust-strip small,.track-trust-strip b{display:block}.track-trust-strip small{font-size:8.5px;text-transform:uppercase;color:#6c7b8e;font-weight:900}.track-trust-strip b{font-size:11px;margin-top:2px}.track-trust-strip p{margin:3px 0 0;font-size:9.5px;color:#687689;line-height:1.45}.track-trust-strip>a{font-size:9px;color:#1768d8;font-weight:900;text-decoration:none}.complaint-trust-panel{margin:18px 0;padding:15px;border:1px solid #d8e5f2;border-radius:13px;background:#f7fbff}.complaint-trust-panel.quarantined{border-color:#efc8cd;background:#fff7f8}.complaint-trust-head{display:flex;align-items:center;gap:9px}.complaint-trust-head>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#1768d8;color:#fff}.complaint-trust-head>div{flex:1}.complaint-trust-head small,.complaint-trust-head b{display:block}.complaint-trust-head small{font-size:8px;text-transform:uppercase;color:#6d7a8d;font-weight:900}.complaint-trust-head b{font-size:11px}.complaint-trust-panel p{font-size:10px;line-height:1.5;color:#59687b}.complaint-trust-panel ul{padding-left:18px;font-size:9.5px;color:#5f6e80;line-height:1.5}.complaint-trust-review-form{display:grid;grid-template-columns:160px 1fr auto;gap:7px;margin-top:10px}.complaint-trust-review-form select,.complaint-trust-review-form input{border:1px solid #d8e1eb;border-radius:8px;padding:9px;font:inherit;font-size:9.5px}@media(max-width:700px){.track-trust-strip,.complaint-trust-review-form{grid-template-columns:1fr}.track-trust-strip>a{justify-self:start}}
.trust-risk-score{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border-radius:11px;background:#eef2f7;color:#475569;font-size:14px;font-weight:950}.trust-risk-score.safe{background:#e8f8ef;color:#087443}.trust-risk-score.watch{background:#fff7df;color:#946200}.trust-risk-score.warning{background:#fff1df;color:#a85b00}.trust-risk-score.danger{background:#fff0f1;color:#b42332}