/* Mayor-only command center: shared portal behavior stays intact. */
:root{color-scheme:dark;--paper:#071219;--white:#101f29;--ink:#e4f0f5;--muted:#91a8b4;--line:#28404d;--olive:#64e8d1;--soft:#17313b;--teal:#64e8d1;--rust:#ffc17e}
html{scroll-behavior:smooth;scroll-padding-top:112px}body.mayor-command{background:#071219;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}body.mayor-command:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(#4a7a8a08 1px,transparent 1px),linear-gradient(90deg,#4a7a8a08 1px,transparent 1px);background-size:46px 46px}.ambient-glow{position:fixed;width:850px;height:850px;right:-300px;top:-470px;border-radius:50%;background:radial-gradient(circle,#147d8452,transparent 68%);z-index:-1;pointer-events:none;animation:ambient-drift 18s ease-in-out infinite alternate}
.command-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px;padding:16px 28px;border-bottom:1px solid #82bdcd22;background:#0a1822e8;backdrop-filter:blur(20px);position:sticky;top:0;z-index:1200}.command-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-size:22px;font-weight:700;letter-spacing:4px}.command-brand img{object-fit:contain}.command-brand small{display:block;font-size:8px;letter-spacing:2px;color:#9db9c8;margin-top:2px}.command-time{text-align:center;font-size:10px;color:#9eb6c1}.command-time strong{display:block;color:#ddf7fa;font:500 19px/1.3 'DM Sans',Arial,sans-serif;font-variant-numeric:tabular-nums}.header-actions{display:flex;gap:8px}.mayor-command button,.mayor-command .button{border:1px solid #3f647477;border-radius:9px;background:#132935;color:#d7e8f0;min-height:44px;padding:10px 14px;transition:background .2s,border-color .2s,transform .2s;font-size:12px;line-height:1.4}.mayor-command button:hover,.mayor-command .button:hover{background:#214253;border-color:#64e8d1}.mayor-command button.primary,.mayor-command .button.primary{background:#79ecd8;color:#092e31;border-color:#79ecd8}.mayor-command :focus-visible{outline:2px solid #96fff0;outline-offset:4px}.mayor-command input,.mayor-command select,.mayor-command textarea{background:#0b1c26;color:#e2eef4;border-color:#385362;border-radius:7px;min-height:44px;color-scheme:dark}.command-frame{display:grid;grid-template-columns:210px minmax(0,1fr)}.command-nav{position:sticky;top:87px;height:calc(100dvh - 87px);padding:30px 18px;display:flex;flex-direction:column;gap:7px;border-right:1px solid #82bdcd18;background:#091821aa}.nav-label{font-size:8px;color:#8babb8;letter-spacing:1.6px;margin:0 12px 22px}.command-nav a,.command-nav button{text-align:left;padding:12px;display:flex;align-items:center;gap:12px;min-height:46px;font-size:12px;color:#a7bdc9;background:transparent;border:1px solid transparent;border-radius:8px;text-decoration:none}.command-nav a span,.command-nav button span{font-size:20px;width:22px;color:#73c3c7}.command-nav a.active{background:linear-gradient(90deg,#55d6c022,#4a9be008);border-color:#60cbb53f;color:#9df8e9}.nav-footer{margin-top:auto;padding:24px 12px 0;font-size:8px;letter-spacing:1.4px;color:#89c8c3}.nav-footer small{display:block;font-size:10px;letter-spacing:0;color:#91a8b4;margin-top:8px}.nav-footer a{font-size:11px;padding:12px 0}.signal-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#71eac6;box-shadow:0 0 12px #71eac670}.feed-delayed .signal-dot{background:#ffc17e;box-shadow:none}.mayor-command main{width:100%;max-width:1800px;padding:28px 30px 48px;min-width:0}.mayor-command h1,.mayor-command h2,.mayor-command h3{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.6px}.mayor-command h1{font-size:clamp(34px,3.5vw,60px);line-height:1.08;font-weight:500;margin:12px 0 16px}.mayor-command h2{font-size:24px;font-weight:500}.mayor-command .eyebrow{color:#6ad9d0;font-size:9px;letter-spacing:2.1px}.command-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:center;padding:20px 0 28px;animation:reveal .65s both}.command-hero h1 span{color:#74dfd3}.hero-subtitle{color:#a2b9c5;font-size:13px;max-width:360px;line-height:1.8}.hero-links{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.hero-links a{display:inline-flex;align-items:center;gap:28px}.city-signal{justify-self:end;display:flex;align-items:center;gap:26px;padding:25px 28px;border:1px solid #81c2d329;border-radius:18px;background:linear-gradient(125deg,#1a3f4e66,#0a172360);backdrop-filter:blur(14px);box-shadow:inset 0 1px #e2fdff09;max-width:100%;min-width:0}.city-signal strong{display:block;font-size:17px;font-weight:500}.city-signal small{display:block;color:#91b1bd;font-size:11px;margin-top:6px}.signal-orbit{position:relative;width:116px;height:116px;display:grid;place-items:center;border:1px solid #7cf0db33;border-radius:50%;flex-shrink:0}.signal-orbit:before,.signal-orbit:after{content:'';position:absolute;inset:9px;border:1px dashed #75d7ce55;border-radius:50%;animation:orbit 60s linear infinite}.signal-orbit:after{inset:-9px;border-style:solid;border-color:transparent #75d7ce55;animation-duration:30s}.signal-orbit i{position:absolute;right:1px;top:44px;background:#90ffe5;width:5px;height:5px;border-radius:50%;box-shadow:0 0 14px #90ffe5}.signal-orbit img{object-fit:contain}.pilot-strip{display:flex;gap:12px;align-items:center;padding:11px 14px;border:1px solid #bfa87b27;background:#caaa6910;border-radius:7px;font-size:10px;color:#c9c1ae;margin:0 0 22px}.pilot-strip>span{font-size:8px;letter-spacing:1px;color:#e5cc91;white-space:nowrap}.control-deck{display:flex;align-items:end;gap:16px;margin:20px 0}.control-deck label{width:230px;max-width:100%;font-size:10px;color:#9fb8c6}.control-deck select{margin:6px 0 0}.deck-status{display:flex;align-items:center;margin-left:auto;align-self:center}.deck-status p{margin:0;color:#98b8c4;font-size:11px}.mayor-command .mayor-metrics{gap:12px;margin:18px 0}.mayor-command .mayor-metrics article{background:linear-gradient(130deg,#1b334285,#12232b80);border:1px solid #80b6ca30;padding:20px;border-radius:12px;box-shadow:inset 0 1px #e2fdff09;backdrop-filter:blur(12px);font-size:11px;animation:reveal .55s both}.mayor-metrics article:nth-child(2){animation-delay:.06s}.mayor-metrics article:nth-child(3){animation-delay:.12s}.mayor-metrics article:nth-child(4){animation-delay:.18s}.mayor-command .mayor-metrics strong{font-size:38px;line-height:1.1;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#b1fcf1;margin:14px 0 10px}.mayor-command .mayor-metrics article:nth-child(3) strong{color:#ffd098}.mayor-command .mayor-metrics span{font-size:10px;color:#9ab1bd}.mayor-command .panel{background:linear-gradient(125deg,#132b378f,#0c1b259e);border:1px solid #80b6ca30;border-radius:14px;padding:24px;box-shadow:inset 0 1px #e2fdff09}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.section-title .eyebrow{margin:0 0 9px}.section-index{font:10px monospace;color:#728e9c;letter-spacing:1px}.map-context{font-size:10px;color:#87a3b2;margin:-10px 0 26px;max-width:850px}.mayor-command .map-panel{position:relative;background:linear-gradient(135deg,#142f3adb,#0d202acf);border-color:#599ead66;border-radius:14px;padding:22px;margin:24px 0 20px;box-shadow:0 16px 55px #0002,inset 0 1px #c1ffff12;scroll-margin-top:108px}.mayor-command .map-head h2{font-size:25px}.mayor-command .map-head small{color:#8fafbe;font-size:10px}.mayor-command .map-layout{grid-template-columns:180px minmax(0,1fr);gap:16px}.mayor-command .map-layout>div{min-width:0}.mayor-command .map-layout label{font-size:10px;color:#9cb5bf}.mayor-command .map-canvas{height:440px;border-radius:9px;background:#1d3944;border:1px solid #4e8496}.mayor-command .map-health{background:#07182088;border-color:#4e849649;padding:8px 12px}.mayor-command .map-health button{font-size:10px;min-height:36px;padding:7px 11px}.mayor-command .map-person{padding:12px;background:#193a4580;border-color:#75c2d033}.mayor-command .map-person button{background:none;border:0;padding:0;min-height:44px;color:#e0eff4;width:100%}.mayor-command .map-person small{color:#9bb8c2;line-height:1.6}.mayor-command .map-controls button{min-height:40px;font-size:10px;padding:8px 12px}.mayor-command .map-note{font-size:10px;line-height:1.6}.mayor-command .map-expanded{position:fixed;inset:12px;z-index:2500;margin:0;background:#0b2029}.mayor-command .map-expanded .map-canvas{height:calc(100dvh - 235px);min-height:250px}.mayor-command .map-pin{background:#657e36;color:white}.mayor-command .map-pin.worker{background:#008d87}.mayor-command .map-pin.stale{background:#a96c23}.mayor-command .leaflet-control a{color:#18323c}.mayor-command .leaflet-control-attribution{background:#ffffffdf;color:#243d47}.mayor-command .leaflet-control-attribution a{color:#155973}.mayor-command .leaflet-tooltip{color:#15353e}.mayor-command .stat-line{border-color:#304955;color:#b4c9d3}.mayor-command .notice{background:#d2b26a10;border-color:#b69e65;color:#cbc6b4}.mayor-command .qr-hint,.mayor-command .feedback-method{color:#a4bbc7}.mayor-command .heat-layout #satisfaction-map{border-color:#4e8496;background:#153039}.mayor-command .arrival-card{background:#15303c;border-color:#80b6ca30}.mayor-command .heat-score{color:#7aebd1}.mayor-command th{color:#98b7c5}.mayor-command td,.mayor-command th{border-color:#304955}.mayor-command .case-table button{background:transparent;color:#baf7e9;border:0;padding:4px;min-height:36px;text-align:left}.mayor-command .case-table button:hover{background:#254350}.mayor-command .heat-legend{font-size:11px;color:#b5cbd5}.mayor-command .feedback-method p{font-size:12px;max-width:1000px}.mayor-command .queue-heading{margin-bottom:20px}.mayor-command .queue-heading p{font-size:12px;color:#9db7c3}.mayor-command .queue-heading .eyebrow{color:#6ad9d0}.mayor-command .toolbar label{color:#a5bfcc;font-size:11px}.mayor-command #mayor-voice-dialog{background:#0e2631;color:#dcebf2;border-color:#60909d}.mayor-command #mayor-voice-dialog .arrival-card,.mayor-command .voice-recipient,.mayor-command .voice-reply{background:#153442;color:#e0ecf1}.mayor-command #mayor-voice-dialog input,.mayor-command #mayor-voice-dialog textarea{background:#0b1c26;color:#e2eef4}.mayor-command .voice-panel button{background:#234654;color:#e0eff4;border-color:#487988}.mayor-command .voice-close{color:#e0eff4;background:transparent}.mayor-command .error-text{color:#ffb3a2}.presentation-mode .command-frame{grid-template-columns:1fr}.presentation-mode .command-nav{display:none}.presentation-mode main{max-width:1900px}.presentation-mode .command-time{margin-left:auto}.presentation-mode #signout{display:none}.boot-panel h1{font-size:36px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes ambient-drift{to{transform:translate(-100px,90px);opacity:.7}}
@media(min-width:1600px){.mayor-command .map-canvas{height:520px}.command-hero{padding-top:30px;padding-bottom:36px}}
@media(max-width:1200px){.command-frame{grid-template-columns:176px minmax(0,1fr)}.command-nav{padding:26px 10px}.mayor-command main{padding:22px}.city-signal{padding:22px 18px;gap:18px}.signal-orbit{width:85px;height:85px}.signal-orbit img{width:56px;height:56px}.city-signal strong{font-size:14px}.command-time{display:none}.mayor-command .map-layout{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:900px){.command-frame{display:block}.command-nav{position:sticky;top:78px;height:auto;z-index:1000;flex-direction:row;overflow-x:auto;padding:9px 16px;background:#0a1b25f2;backdrop-filter:blur(15px);border-bottom:1px solid #80b6ca30;border-right:0}.command-nav a,.command-nav button{flex-shrink:0;font-size:11px;min-height:42px;padding:8px 12px}.command-nav a span,.command-nav button span{font-size:17px}.nav-label,.nav-footer{display:none}.command-topbar{min-height:78px;padding:12px 20px}.command-brand{font-size:18px}.command-brand small{font-size:7px}.header-actions button{font-size:10px;padding:8px 10px}.command-hero h1{font-size:42px}.mayor-command main{padding:22px 20px}.mayor-command .map-layout{grid-template-columns:150px minmax(0,1fr)}html{scroll-padding-top:150px}.mayor-command .map-panel,#satisfaction{scroll-margin-top:150px}}
@media(max-width:650px){.command-topbar{position:relative;flex-wrap:wrap;gap:14px;padding:14px 16px}.command-brand{flex:1}.header-actions{width:100%;display:grid;grid-template-columns:1fr 1.35fr .7fr;gap:7px}.header-actions button{padding:8px;font-size:10px;min-height:40px}.command-nav{top:0;padding:7px 10px}.mayor-command main{padding:16px 14px}.command-hero{grid-template-columns:1fr;padding:10px 2px 22px;gap:22px}.command-hero h1{font-size:42px}.hero-subtitle{font-size:12px}.hero-links{gap:8px}.hero-links a{font-size:11px;padding:12px;gap:12px}.city-signal{width:100%;justify-self:stretch;justify-content:start;padding:18px 24px;gap:27px}.signal-orbit{width:68px;height:68px}.signal-orbit img{width:45px;height:45px}.city-signal strong{font-size:16px}.pilot-strip{align-items:start;flex-direction:column;gap:4px;font-size:10px}.control-deck{flex-wrap:wrap;gap:10px}.control-deck label{width:100%}.deck-status{margin-left:0;margin-right:auto;max-width:60%}.deck-status p{font-size:10px}.control-deck>button{font-size:10px}.mayor-command .mayor-metrics{grid-template-columns:1fr 1fr;gap:9px}.mayor-command .mayor-metrics article{padding:15px 13px;font-size:11px}.mayor-command .mayor-metrics strong{font-size:32px}.mayor-command .mayor-metrics span{font-size:10px;display:block}.mayor-command .map-panel{padding:14px 12px}.mayor-command .map-head{flex-direction:column;gap:7px}.mayor-command .map-head h2{font-size:22px}.mayor-command .map-layout{display:flex;flex-direction:column-reverse;gap:18px}.mayor-command .map-canvas{height:360px}.mayor-command .map-list{display:flex;max-height:180px}.mayor-command .map-health{gap:8px;flex-wrap:wrap;font-size:10px}.mayor-command .map-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mayor-command .map-controls button{min-height:44px}.mayor-command .map-controls button:last-child{grid-column:1/-1}.mayor-command .panel{padding:18px 14px}.section-index{display:none}.mayor-command .heat-layout #satisfaction-map{height:360px}.mayor-command .stat-line{display:block}.stat-line span{display:block;margin-top:4px}.mayor-command h2{font-size:23px}.mayor-command .map-expanded .map-canvas{height:45dvh}.mayor-command .map-expanded{inset:5px}html{scroll-padding-top:75px}.mayor-command .map-panel,#satisfaction{scroll-margin-top:75px}.presentation-mode .header-actions{grid-template-columns:1fr 1fr}.presentation-mode .command-topbar{position:sticky;top:0}.presentation-mode .command-hero h1{font-size:38px}.ambient-glow{animation:none}.signal-orbit:before,.signal-orbit:after{animation-duration:90s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.command-topbar,.command-nav,.ambient-glow,.pilot-strip,.control-deck,.hero-links{display:none!important}.command-frame{display:block}.mayor-command{background:white;color:#203026}.mayor-command main{padding:0}.mayor-command .panel{background:white;color:#203026;border:1px solid #ccc;box-shadow:none}.mayor-command .case-table td,.mayor-command .case-table th{color:#203026}.mayor-command .case-table button{color:#203026}}
.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 8px}.insight-grid .panel{min-width:0}.scope-label{font-size:10px;color:#9fb7c4;line-height:1.6}.workload-inner{display:flex;align-items:center;gap:28px;padding:18px 0 8px}.workload-ring{position:relative;width:170px;height:170px;flex-shrink:0;border-radius:50%;background:conic-gradient(#73e6d0 var(--open-share),#365565 0);box-shadow:0 0 40px #73e6d00c}.workload-ring:after{content:'';position:absolute;inset:12px;border-radius:50%;background:#102630}.workload-ring>div{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.workload-ring strong{font-size:42px;line-height:1.3;font-weight:500;color:#d6faf4}.workload-ring span{font-size:8px;letter-spacing:2px;color:#95b5c1}.workload-key{flex:1;min-width:0}.workload-key p{display:flex;align-items:center;gap:8px;font-size:11px;color:#b0c6d0;margin:14px 0}.workload-key i{width:7px;height:7px;border-radius:50%;background:#73e6d0}.workload-key p:nth-child(2) i{background:#628497}.workload-key strong{margin-left:auto;color:#dbf6f2;font-weight:500;font-size:18px}.workload-key small{font-size:10px;color:#8fa9b8;display:block;line-height:1.7}.brief-lines>div{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #72b3c321}.brief-lines p{margin:0}.brief-number{font:10px/22px monospace;color:#5b9fba}.brief-lines strong{display:block;font-size:12px;font-weight:500;color:#d5e9f1}.brief-lines small{display:block;color:#9db7c3;font-size:10px;line-height:1.65;margin-top:5px}.mayor-command .barangay-row{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid #72b3c321;background:none;border-radius:0;padding:19px 4px}.barangay-row-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.barangay-row-title strong{font-weight:500}.barangay-row-title span{color:#9ae9dc;font-size:12px}.barangay-row-title b{margin-left:18px}.workload-bar{height:4px;overflow:hidden;border-radius:8px;background:#254452;margin:13px 0}.workload-bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#328887,#8dffe1);transition:width .7s}.barangay-row-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:10px;color:#98b4c3}.command-night .map-canvas .leaflet-tile-pane,.command-night #satisfaction-map .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(1.45) contrast(.85) saturate(.65)}.mayor-command .workload-panel .section-title,.mayor-command .attention-panel .section-title{margin-bottom:12px}.mayor-command .feedback-distribution progress{accent-color:#77e8d2}.mayor-command .heat-score{font-variant-numeric:tabular-nums}
@media(max-width:1200px){.workload-inner{gap:18px}.workload-ring{width:130px;height:130px}.workload-ring strong{font-size:34px}.insight-grid h2{font-size:21px}}
@media(max-width:1000px){.insight-grid{grid-template-columns:1fr}.workload-inner{max-width:560px;gap:35px}.workload-ring{width:150px;height:150px}}
@media(max-width:650px){.workload-inner{gap:22px}.workload-ring{width:120px;height:120px}.workload-ring strong{font-size:32px}.workload-key p{font-size:10px}.workload-key small{font-size:9px}.barangay-row-title{font-size:12px}.barangay-row-meta{gap:8px 16px}.mayor-command .map-controls button:last-child{grid-column:auto}.mayor-command .map-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}

#civic-print-preview .case-table th,#civic-print-preview .case-table td,#civic-print-preview .case-table button{color:#203026;background:white}#civic-print-preview .case-table td,#civic-print-preview .case-table th{border-color:#ccd3c6}

html:has(body.motion-paused){scroll-behavior:auto}.mayor-command #city-map,.mayor-command #satisfaction{scroll-margin-top:0}#civic-print-preview .civic-print-sheet h1{font:600 26px/1.3 Arial,sans-serif;letter-spacing:0}.command-nav{scrollbar-width:none}.command-nav::-webkit-scrollbar{display:none}@media(max-width:900px){.command-nav a,.command-nav button{min-height:44px}}
/* Silay image-led refinement. Preserve the dark green command theme. */
:root{--paper:#071912;--white:#10291f;--soft:#19392d;--line:#305345;--ink:#e6f1e8;--muted:#9cb6a6;--olive:#80dfb2}
body.mayor-command{background:#071912}.command-topbar{background:#091e16ee;border-color:#85b99c25}.command-nav{background:#091d16e8;border-color:#85b99c20}.ambient-glow{background:radial-gradient(circle,#277b4852,transparent 68%)}
.command-frame{grid-template-columns:186px minmax(0,1fr)}.command-nav{padding:22px 11px;gap:4px;overflow-y:auto}.nav-label{margin:0 10px 14px;font-size:7px;letter-spacing:1.3px}.command-nav a,.command-nav button{min-height:44px;padding:7px 10px;gap:9px;font-size:11px;border-radius:7px;flex-shrink:0}.command-nav a span,.command-nav button span{font-size:17px;width:18px}.command-nav a.active{background:linear-gradient(90deg,#70d49925,#6ec9a508);border-color:#7dce9e40;color:#b6f2ca}.nav-footer{padding:18px 10px 0}.nav-footer a{font-size:10px}.mayor-command main{padding:22px 24px 40px}.mayor-command .eyebrow{color:#9ce2b8}.mayor-command .panel,.mayor-command .mayor-metrics article{background:linear-gradient(125deg,#19382a9e,#0b2219ba);border-color:#8fbd9e30}.mayor-command .map-panel{background:linear-gradient(130deg,#153c2ddd,#0a261cdd);border-color:#629b7977}.mayor-command button,.mayor-command .button{background:#153528;border-color:#6c98744f;color:#e2eee5}.mayor-command button:hover,.mayor-command .button:hover{background:#244c36;border-color:#a6e5ba}.mayor-command .button.primary,.mayor-command button.primary{background:#a1e2b7;border-color:#a1e2b7;color:#092819}.mayor-command input,.mayor-command select,.mayor-command textarea{background:#0d261b;border-color:#3d624d;color:#e3efe6}.mayor-command .map-health{background:#0c241c99;border-color:#719a7845}.mayor-command .map-person{background:#1b3c2a85;border-color:#75ae8733}.mayor-command .map-expanded{background:#0b251b}.mayor-command .arrival-card{background:#173529;border-color:#84b39438}.workload-ring:after{background:#102a1f}.mayor-command #mayor-voice-dialog{background:#102b20;border-color:#729c7c}.mayor-command #mayor-voice-dialog .arrival-card,.mayor-command .voice-recipient,.mayor-command .voice-reply{background:#183c2c}.mayor-command .map-person button{background:none}.mayor-command .case-table button{background:transparent}.mayor-command .case-table button:hover{background:#264c36}.mayor-command .barangay-row{background:transparent}.mayor-command .barangay-row:hover{background:#1c402e}.mayor-command .mayor-metrics strong,.mayor-command .heat-score{color:#b8f4cb}.command-nav a span,.command-nav button span{color:#8fc8a4}.command-brand{letter-spacing:3px}.command-brand small{color:#a1bdab}.command-time{color:#a0b6a7}.command-time strong{color:#e1f1e7}
.photo-hero{position:relative;isolation:isolate;min-height:395px;border:1px solid #9acaab40;border-radius:13px;overflow:hidden;padding:38px 36px 34px;display:grid;grid-template-columns:1fr;align-content:center;gap:0;background:#102719;animation:reveal .65s both;margin-bottom:17px}.hero-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block;animation:hero-arrival 1.7s ease-out both}.photo-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#04160fdd 0%,#05180cb3 32%,#07180b45 70%,#07180b18 100%),linear-gradient(0deg,#031c12c4 0%,transparent 60%)}.photo-hero .hero-copy{max-width:65%;padding-bottom:52px}.photo-hero .eyebrow{font-size:8px;letter-spacing:2px;color:#dbefce}.mayor-command .photo-hero h1{font-size:clamp(36px,4.2vw,66px);font-weight:500;line-height:1.07;letter-spacing:-1.6px;margin:15px 0}.photo-hero h1 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#c3e6af;letter-spacing:-2px}.photo-hero .hero-subtitle{color:#e0eadd;max-width:340px;font-size:12px;line-height:1.75}.photo-hero .hero-links{margin-top:23px;gap:8px}.photo-hero .hero-links a{font-size:10px;padding:12px 14px;min-height:44px;gap:15px}.photo-hero .hero-links a:not(.primary){background:#092e20a8;border-color:#b5d1b656;backdrop-filter:blur(10px)}.photo-hero .city-signal{position:absolute;bottom:24px;right:24px;padding:15px 18px;gap:18px;background:#092f22b5;border:1px solid #b8e1c245;border-radius:10px;max-width:320px;box-shadow:0 6px 25px #0003}.photo-hero .signal-orbit{width:60px;height:60px;border-color:#a1e5b640}.photo-hero .signal-orbit img{width:40px;height:40px}.photo-hero .city-signal strong{font-size:13px;color:#f2faf1}.photo-hero .city-signal .eyebrow{font-size:7px;margin:0 0 5px;letter-spacing:1.5px;color:#b9ddc4}.photo-hero .city-signal small{font-size:9px;color:#d0e5d4}.photo-hero .city-signal .signal-orbit:before{border-color:#a5dda555}.photo-hero .city-signal .signal-orbit:after{border-color:transparent #a5dda555}.photo-hero .city-signal .signal-orbit i{background:#c5edb3;box-shadow:0 0 14px #c5edb3}.photo-hero .city-signal .signal-orbit i{top:25px}.pilot-strip{margin-bottom:18px;padding:9px 12px;font-size:9px}.pilot-strip>span{font-size:7px}
.city-lenses{margin:21px 0 20px}.lenses-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.lenses-heading .eyebrow{font-size:8px;margin:0;letter-spacing:1.8px}.lenses-heading>span{font-size:10px;color:#a4baad}.swipe-hint{display:none;font-weight:400}.lens-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.mayor-command .lens-card{display:block;position:relative;isolation:isolate;padding:0;min-width:0;min-height:155px;height:155px;border:1px solid #7eac8961;border-radius:9px;overflow:hidden;text-decoration:none;text-align:left;background:#1b3a2a;cursor:pointer;scroll-snap-align:start}.lens-card img{width:100%;height:100%;object-fit:cover;object-position:center 40%;position:absolute;inset:0;z-index:-2;transition:transform .65s cubic-bezier(.2,.65,.3,1);display:block}.lens-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#021a10f5 0%,#051b1280 40%,#071a1010 80%)}.lens-content{position:absolute;bottom:13px;left:13px;right:13px;color:#fff}.lens-content small{display:block;font-size:6px;letter-spacing:1.2px;color:#d0e4d3;margin-bottom:6px}.lens-content strong{display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:12px;line-height:1.35;font-weight:500;letter-spacing:-.2px}.lens-content b{font-weight:400;font-size:15px;color:#b7e7aa;transition:transform .25s}.mayor-command .lens-card:hover,.mayor-command .lens-card:focus-visible{background:#1b3a2a;border-color:#baecae}.lens-card:hover img,.lens-card:focus-visible img{transform:scale(1.055)}.lens-card:hover b{transform:translate(2px,-2px)}.imagery-note{font-size:8px;color:#96ad9e;margin:9px 0 0;line-height:1.5}.attention-panel{scroll-margin-top:110px}#attention-brief{scroll-margin-top:125px}.mayor-command .command-nav button{background:transparent;border-color:transparent}.mayor-command .command-nav button:hover{background:#193e2d;border-color:#7dce9e40}.presentation-mode .command-frame{grid-template-columns:1fr}.presentation-mode .photo-hero{min-height:420px}.presentation-mode .lens-card{height:185px}.presentation-mode .lens-content strong{font-size:15px}.presentation-mode .photo-hero .hero-copy{max-width:70%}
@keyframes hero-arrival{from{transform:scale(1.04);opacity:.7}to{transform:scale(1);opacity:1}}
@media(min-width:1600px){.photo-hero{min-height:440px;padding:45px}.photo-hero .hero-copy{padding-bottom:35px}.lens-card,.mayor-command .lens-card{height:190px}.lens-content strong{font-size:15px}.lens-content small{font-size:7px}}
@media(max-width:1150px) and (min-width:901px){.command-frame{grid-template-columns:166px minmax(0,1fr)}.command-nav{padding:22px 8px}.command-nav a,.command-nav button{font-size:10px;gap:7px}.mayor-command main{padding:20px}.photo-hero{padding:30px 26px}.photo-hero .hero-copy{max-width:70%}.photo-hero .city-signal{right:18px;bottom:18px;gap:14px;padding:12px 14px}.lens-content{left:10px;right:10px}.lens-content strong{font-size:10px}.lens-content small{font-size:5px;letter-spacing:.7px}}
@media(max-width:900px){.command-frame{display:block}.command-nav{background:#092318f5;flex-direction:row;position:sticky;padding:6px 12px;gap:4px;overflow-y:hidden;overflow-x:auto;height:auto;top:78px;border-bottom:1px solid #85b99c25}.command-nav a,.command-nav button{min-height:44px;padding:8px 11px;font-size:11px;flex-shrink:0}.nav-label,.nav-footer{display:none}.mayor-command main{padding:18px}.photo-hero{min-height:390px;padding:30px}.photo-hero .hero-copy{max-width:75%;padding-bottom:65px}.photo-hero .city-signal{right:20px;bottom:18px}.photo-hero h1{font-size:48px}.lens-grid{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:7px;scroll-snap-type:x mandatory;scrollbar-color:#487454 #0d281c;scrollbar-width:thin}.swipe-hint{display:inline}.lens-content strong{font-size:12px}.lens-content small{font-size:6px}}
@media(max-width:650px){.command-nav{top:0;padding:4px 8px}.command-nav a,.command-nav button{font-size:10px;gap:6px;padding:7px 10px}.mayor-command main{padding:13px 12px 30px}.photo-hero{min-height:440px;padding:26px 22px 120px;align-content:start;border-radius:10px}.photo-hero .hero-copy{max-width:100%;padding-bottom:0}.mayor-command .photo-hero h1{font-size:43px;letter-spacing:-1.4px;margin:17px 0}.photo-hero h1 span{letter-spacing:-1.5px}.photo-hero .hero-subtitle{font-size:11px;max-width:255px}.photo-hero .eyebrow{font-size:6px;letter-spacing:1.4px}.hero-art img{object-position:65% center}.photo-hero:after{background:linear-gradient(90deg,#061a11d9,#071b1270),linear-gradient(0deg,#061d12d6,transparent 75%)}.photo-hero .hero-links{flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px}.photo-hero .hero-links a{font-size:10px;min-height:44px}.photo-hero .city-signal{left:22px;right:22px;bottom:18px;max-width:none;padding:12px 14px;gap:20px}.photo-hero .signal-orbit{width:47px;height:47px}.photo-hero .signal-orbit img{width:32px;height:32px}.photo-hero .city-signal strong{font-size:12px}.photo-hero .city-signal .signal-orbit i{top:19px}.photo-hero .city-signal .eyebrow{font-size:6px}.photo-hero .city-signal small{font-size:8px}.pilot-strip{padding:9px 11px;font-size:9px;gap:4px}.lenses-heading{display:block}.lenses-heading>span{display:block;margin-top:4px;font-size:9px}.lens-grid{grid-template-columns:repeat(5,180px);gap:9px}.mayor-command .lens-card{height:160px;min-height:160px}.lens-content small{font-size:6px}.lens-content strong{font-size:13px}.imagery-note{font-size:7px}.city-lenses{margin:18px 0}.presentation-mode .photo-hero{min-height:430px}.presentation-mode .photo-hero .hero-copy{max-width:100%}.presentation-mode .lens-card{height:160px}.presentation-mode .lens-content strong{font-size:13px}}
@media print{.hero-art,.city-lenses,.city-signal{display:none!important}.photo-hero{min-height:0;border:0;background:white;padding:0}.photo-hero:after{display:none}.photo-hero .hero-copy{padding:0;max-width:100%}.mayor-command .photo-hero h1,.photo-hero h1 span,.photo-hero .hero-subtitle{color:#203026}}
.photo-hero .city-signal{width:auto}@media(max-width:360px){.mayor-command .photo-hero h1{font-size:36px}.photo-hero{padding-left:18px;padding-right:18px}.photo-hero .city-signal{left:18px;right:18px}}