.analysis-save-button{width:100%;margin-top:12px;padding:10px 12px;border:0;border-radius:8px;background:#2C3930;color:#fff;font:700 12px "Noto Sans Thai",sans-serif;cursor:pointer}.analysis-save-button:disabled{background:#d8cfbd;cursor:not-allowed}
.analysis-history{margin-top:20px;padding:16px;border:1px solid #f3f1ea;border-radius:12px;background:#fff}.analysis-history h2{margin:0 0 10px;color:#674427;font-size:15px}.analysis-history button{display:block;width:100%;padding:10px;border:0;border-top:1px solid #edf1f5;background:#fff;color:#607466;text-align:left;cursor:pointer}.analysis-history button:hover{background:#fffefb}.analysis-history b,.analysis-history small{display:block}.analysis-history small{margin-top:3px;color:#806f5f;font-size:10px}
.page-analysis .gis-layer-panel{display:block!important}.page-analysis .gis-layer-panel>.summary-card{display:none!important}.analysis-workspace-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e2dac8}.analysis-workspace-tabs button{padding:12px 6px;border:0;border-bottom:2px solid transparent;background:#fff;color:#806f5f;font:700 11px "Noto Sans Thai",sans-serif;cursor:pointer}.analysis-workspace-tabs button.active{border-bottom-color:#2C3930;color:#2C3930}.analysis-tab-content{display:none}.analysis-tab-content.active{display:block}.map-layer-overlay{position:absolute;z-index:8;top:12px;left:12px;width:220px;border:1px solid #f3f1ea;border-radius:10px;background:#fffffff2;box-shadow:0 5px 18px #2c393024}.map-layer-overlay>button{width:100%;padding:10px;border:0;border-bottom:1px solid #fffefb;background:transparent;color:#2c3930;text-align:left;font:700 11px "Noto Sans Thai",sans-serif;cursor:pointer}.map-layer-overlay .summary-card{padding:10px!important;border:0!important;background:transparent!important}.map-layer-overlay .layer-panel-heading{display:none!important}.map-layer-overlay .layer-list label{padding:7px 0;font-size:10px}.map-layer-overlay .layer-list small{display:none}.page-analysis .area-selection-settings{border:0!important}.page-analysis #flood-simulator{display:block!important;border:0!important}.page-analysis .analysis-history{grid-column:1/-1}@media(max-width:850px){.map-layer-overlay{width:190px}}
.page-analysis .city-section-head{display:none}
.page-overview .analysis-history{display:none}
.page-analysis .analysis-draw-tools{position:static!important;width:auto!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.page-analysis .analysis-draw-tools .area-select-heading{display:none}.page-analysis .analysis-draw-tools .area-select-modes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}.page-analysis .analysis-draw-tools .area-select-modes button{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;padding:9px 4px!important}.page-analysis .area-select-floating{display:none!important}
.page-analysis .analysis-tab-content.active,#area-selection-settings,.page-analysis #area-selection-settings[hidden],.page-analysis #area-select-card,.page-analysis #area-select-card[hidden]{display:block!important}
.page-analysis .analysis-tab-content:not(.active){display:none!important}.page-analysis .analysis-tab-content.active{display:block!important}
.page-analysis .area-select-range-minimum{display:none}.page-analysis .area-select-range-control{margin-top:3px}.page-analysis .area-select-range-control output{left:0!important;transform:none!important}
.page-analysis .gis-layer-panel{max-height:none!important;overflow:visible!important}.page-analysis .area-select-place-result{max-height:250px!important;overflow-x:hidden!important;overflow-y:auto!important}.page-analysis .analysis-tab-content.active{display:flex!important;flex-direction:column;gap:18px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.page-analysis .area-selection-settings{flex:0 0 auto;padding-bottom:14px!important;border:1px solid #f3f1ea!important;border-radius:8px!important;background:#fff!important;box-shadow:0 2px 7px #2c39300a!important}.page-analysis .analysis-action-bar{position:static!important;display:block!important;flex:0 0 auto;width:100%;margin:0 0 4px!important;clear:both}.page-analysis .analysis-action-bar .analysis-save-button{width:100%;margin:0}
.page-disasters .gis-map-grid.disaster-map-with-events{grid-template-columns:minmax(0,1fr) 310px!important}.page-disasters .gis-map-grid.disaster-map-with-events .map-card{min-height:320px}.page-disasters .gis-map-grid.disaster-map-with-events .map-wrap{height:270px}.page-disasters .disaster-event-list{height:320px;overflow-y:auto}@media(max-width:900px){.page-disasters .gis-map-grid.disaster-map-with-events{grid-template-columns:1fr!important}.page-disasters .disaster-event-list{height:auto;max-height:360px}}
.page-disasters .city-section-head{display:none}
.page-overview .overview-map-workspace{display:grid!important;grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr)!important;gap:14px;align-items:stretch}.page-overview .overview-map-workspace .map-card{min-height:390px!important;order:2}.page-overview .overview-map-workspace .map-wrap{height:340px!important;margin:0!important;border-radius:0 0 11px 11px!important}.page-overview .overview-map-workspace #overview{display:none!important}@media(max-width:1050px){.page-overview .overview-map-workspace{grid-template-columns:1fr!important}.page-overview .overview-map-workspace .map-card{order:0}}@media(max-width:700px){.page-overview .overview-map-workspace .map-wrap{height:300px!important}}
.overview-task.emergency{border-left-color:#b94851!important;background:#fff0f1!important}.overview-task.priority{border-left-color:#c66732!important;background:#fff2e8!important}.overview-task.watch{border-left-color:#c69521!important;background:#fff9dc!important}.overview-task.normal{border-left-color:#806f5f!important;background:#f6f8fa!important}.overview-task.emergency .task-status-dot{color:#b94851}.overview-task.priority .task-status-dot{color:#c66732}.overview-task.watch .task-status-dot{color:#c69521}.overview-task.normal .task-status-dot{color:#806f5f}.overview-task.emergency em{color:#b94050}.overview-task.priority em{color:#b96132}.overview-task.watch em{color:#8b6818}.overview-task.normal em{color:#607466}.resource-status-grid b{color:#607466!important;font-size:12px!important}.resource-status-grid em{color:#b94050!important;font-weight:700}.team-facts b{color:#607466!important;font-size:12px!important}.team-facts b small{color:#b94050!important;font-size:10px!important}.overview-task-dialog header>span.emergency{background:#ffeaec;color:#b94050}.overview-task-dialog header>span.priority{background:#ffe5d5;color:#b96132}.overview-task-dialog header>span.watch{background:#ffedaa;color:#8b6818}.overview-task-dialog header>span.normal{background:#edf1f5;color:#607466}
.page-overview .overview-panel-heading h2,.page-overview .overview-baseline-heading h2{font-size:clamp(18px,1.15vw,23px)!important}.page-overview .overview-panel-heading p,.page-overview .overview-baseline-heading p{font-size:clamp(12px,.8vw,15px)!important}.page-overview .overview-panel-heading>b{font-size:clamp(12px,.78vw,14px)!important}.page-overview .overview-task-filters button{font-size:clamp(11px,.73vw,13px)!important}.page-overview .overview-task b{font-size:clamp(14px,.96vw,17px)!important;line-height:1.45}.page-overview .overview-task small{font-size:clamp(11px,.76vw,13px)!important;line-height:1.45}.page-overview .overview-task em{font-size:clamp(10px,.68vw,12px)!important}.page-overview .overview-baseline h3{font-size:clamp(14px,.9vw,17px)!important}.page-overview .fact-kpis b{font-size:clamp(20px,1.45vw,28px)!important}.page-overview .fact-kpis small,.page-overview .area-facts dl div,.page-overview .population-facts span{font-size:clamp(11px,.74vw,13px)!important}.page-overview .population-facts>strong{font-size:clamp(25px,1.7vw,33px)!important}.page-overview .resource-status-grid span{font-size:clamp(11px,.74vw,13px)!important}.page-overview .resource-status-grid b{font-size:clamp(13px,.84vw,16px)!important}.page-overview .resource-status-grid em{font-size:clamp(11px,.72vw,13px)!important}.page-overview .team-facts li{font-size:clamp(12px,.78vw,14px)!important}.page-overview .team-facts b{font-size:clamp(13px,.84vw,16px)!important}.page-overview .team-facts b small{font-size:clamp(11px,.7vw,13px)!important}@media(max-width:700px){.page-overview .overview-task{padding:12px}.page-overview .overview-task b{font-size:15px!important}.page-overview .overview-task small{font-size:12px!important}}
.page-overview .overview-task{grid-template-columns:8px minmax(0,1fr) auto!important}.page-overview .overview-task .task-location{margin-top:6px!important;color:#607466!important;font-weight:700!important}.page-overview .overview-task .task-location::first-letter{color:#2C3930}.page-overview .overview-task .task-meta{display:grid;justify-items:end;gap:6px;min-width:96px}.page-overview .overview-task .task-time{margin:0!important;color:#607466!important;font-weight:700!important;text-align:right;white-space:nowrap}.page-overview .overview-task .task-meta em{margin:0;white-space:nowrap}@media(max-width:560px){.page-overview .overview-task .task-meta{min-width:76px}.page-overview .overview-task .task-time{font-size:10px!important}.page-overview .overview-task b{padding-right:2px}}
@media(min-width:761px){.gis-dashboard .dashboard-content{width:96%!important;max-width:none!important;margin:0 auto!important}}
.resource-facts ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.resource-facts li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid #fffefb;color:#607466;font-size:10px}.resource-facts li:last-child{border:0;padding:0}.resource-facts b{display:flex;align-items:center;gap:8px;white-space:nowrap}.resource-facts b strong{padding:3px 12px;border-radius:999px;background:#fffefb;color:#607466;font-size:11px}.resource-facts b small{padding:3px 12px;border-radius:999px;background:#ffeaec;color:#b94050!important;font-size:11px!important;font-weight:700}.resource-facts .resource-status-grid{display:none}
.page-overview .resource-facts li{font-size:clamp(12px,.78vw,14px)!important}.page-overview .resource-facts b strong{font-size:clamp(13px,.84vw,16px)!important}.page-overview .resource-facts b small{font-size:clamp(11px,.7vw,13px)!important}
.page-overview .resource-facts .resource-total{padding:0!important;background:transparent!important;color:#806f5f!important;font-size:clamp(11px,.7vw,13px)!important;font-weight:600;white-space:nowrap}
.page-overview .city-kpi-grid article{min-height:128px!important;padding:20px!important}.page-overview .city-kpi-grid article p{margin:0 0 6px 42px!important;font-size:clamp(12px,.8vw,15px)!important;font-weight:700}.page-overview .city-kpi-grid article strong{margin-left:42px;font-size:clamp(24px,1.7vw,32px)!important}.page-overview .city-kpi-grid article strong::after{content:" เหตุการณ์";font-size:clamp(11px,.7vw,13px);font-weight:600}.page-overview .city-kpi-grid article small{margin-left:42px;font-size:clamp(11px,.7vw,13px)!important}@media(max-width:700px){.page-overview .city-kpi-grid article{min-height:112px!important;padding:16px!important}.page-overview .city-kpi-grid article p,.page-overview .city-kpi-grid article strong,.page-overview .city-kpi-grid article small{margin-left:38px!important}}
.daily-status-card{margin-top:14px;padding:16px;border:1px solid #e2dac8;border-radius:12px;background:#fff;box-shadow:0 3px 14px rgb(44 57 48 / 5%)}.daily-status-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.daily-status-heading h2{margin:0;color:#674427;font-size:clamp(16px,1vw,20px)}.daily-status-heading p{margin:3px 0 0;color:#607466;font-size:clamp(11px,.72vw,13px)}.daily-status-heading button{padding:0;border:0;background:transparent;color:#2C3930;font:700 clamp(11px,.72vw,13px) "Noto Sans Thai",sans-serif;cursor:pointer}.daily-status-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.daily-status-list article{display:flex;gap:9px;min-width:0;padding:11px;border:1px solid #f3f1ea;border-radius:8px;background:#fff}.daily-status-list article.danger{border-color:#dda0a8}.daily-status-list article.watch{border-color:#e2c27c}.daily-status-list article.safe{border-color:#a8cfb6}.daily-status-list i{display:grid;flex:0 0 auto;place-items:center;width:29px;height:29px;border-radius:8px;background:#f2f6fa;color:#607466;font-size:16px;font-style:normal}.daily-status-list article.danger i{background:#ffeaec;color:#b94050}.daily-status-list article.watch i{background:#fff2df;color:#b96132}.daily-status-list article.safe i{background:#fffefb;color:#607466}.daily-status-list b,.daily-status-list small,.daily-status-list em{display:block}.daily-status-list b{color:#607466;font-size:clamp(12px,.78vw,14px)}.daily-status-list small{margin-top:2px;color:#806f5f;font-size:clamp(10px,.65vw,12px);line-height:1.35}.daily-status-list em{width:max-content;margin-top:5px;padding:2px 6px;border-radius:99px;background:#edf7f1;color:#607466;font-size:clamp(9px,.58vw,11px);font-style:normal;font-weight:700}.daily-status-list .danger em{background:#ffeaec;color:#b94050}.daily-status-list .watch em{background:#fff1de;color:#b96132}@media(max-width:1100px){.daily-status-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.daily-status-heading{flex-direction:column}.daily-status-list{grid-template-columns:1fr 1fr}.daily-status-list article{padding:9px;gap:7px}}
.page-overview .team-facts b{display:flex;align-items:center;gap:8px;color:inherit!important;white-space:nowrap}.page-overview .team-facts .team-total{color:#806f5f!important;font-size:clamp(11px,.7vw,13px)!important;font-weight:600}.page-overview .team-facts b strong{padding:3px 12px;border-radius:999px;background:#fffefb;color:#607466;font-size:clamp(13px,.84vw,16px)!important}.page-overview .team-facts b small{padding:3px 12px;border-radius:999px;background:#ffeaec;color:#b94050!important;font-size:clamp(11px,.7vw,13px)!important;font-weight:700}
.page-overview .overview-task{position:relative;padding-right:126px!important}.page-overview .overview-task .task-meta{position:absolute;right:12px;bottom:10px;align-items:end}.page-overview .overview-task .task-time{line-height:1.2}.page-overview .overview-task .task-level{position:absolute;top:10px;right:12px;margin:0!important;white-space:nowrap}@media(max-width:560px){.page-overview .overview-task{padding-right:94px!important}.page-overview .overview-task .task-meta{right:9px;bottom:9px}.page-overview .overview-task .task-level{top:9px;right:9px}}
.page-overview .overview-task-panel.has-scroll{height:auto;min-height:0!important;max-height:none;align-self:stretch}.page-overview .overview-task-panel.has-scroll .overview-task-list{min-height:0;overflow-y:auto!important}
.page-overview .overview-task-panel.has-scroll .overview-task-list{align-content:start;grid-auto-rows:max-content}.page-overview .overview-task-panel.has-scroll .overview-task{min-height:88px;flex:none}
.page-overview .overview-task b{font-weight:800!important}.page-overview .overview-task .task-location{display:inline-flex;width:max-content;max-width:100%;padding:3px 7px;border-radius:5px;background:#fff9ec;color:#607466!important;font-weight:700!important}.page-overview .overview-task .task-time{color:#607466!important;font-weight:800!important}.page-overview .overview-task .task-level{font-weight:800!important}
@media(min-width:761px){.dashboard-shell .dashboard-content{padding-inline:clamp(7px,.68vw,11px)!important}}

/* City overview refresh: summary, hazard status and baseline cards. */
.page-overview .city-kpi-grid{gap:14px;margin-bottom:16px}
.page-overview .city-kpi-grid article{display:flex;align-items:flex-start;gap:13px;min-height:116px!important;padding:17px 18px!important;overflow:hidden}
.page-overview .city-kpi-grid article>div{min-width:0}
.page-overview .city-kpi-grid .kpi-icon{position:static;flex:0 0 auto;width:38px;height:38px;border-radius:9px;font-size:21px;font-weight:500}
.page-overview .city-kpi-grid article strong,.page-overview .city-kpi-grid article p,.page-overview .city-kpi-grid article small{margin-left:0!important}
.page-overview .city-kpi-grid article strong{display:block;color:#607466;font-size:clamp(24px,1.65vw,31px)!important;line-height:1.15}
.page-overview .city-kpi-grid article strong::after{font-size:clamp(10px,.68vw,12px);color:#806f5f;vertical-align:middle}
.page-overview .city-kpi-grid article p{margin-top:7px!important;margin-bottom:0!important;color:#607466;font-size:clamp(11px,.75vw,14px)!important;line-height:1.3;white-space:nowrap}
.page-overview .city-kpi-grid article small{margin-top:5px;color:#806f5f;font-size:clamp(9px,.62vw,11px)!important;line-height:1.3}
.page-overview .city-kpi-grid .kpi-today strong{color:#b96132}
.page-overview .city-kpi-grid .kpi-today p{color:#b96132}
.page-overview .city-kpi-grid .kpi-unresolved{border-color:#ffd0d3;background:#ffeceb}
.page-overview .city-kpi-grid .kpi-completed{border-color:#f3f1ea;background:#eaf8f1}
.page-overview .city-kpi-grid .kpi-unresolved strong{color:#b94050}
.page-overview .city-kpi-grid .kpi-completed strong{color:#607466}
.page-overview .city-kpi-grid .kpi-unresolved p{color:#b94050}
.page-overview .city-kpi-grid .kpi-completed p{color:#607466}
.page-overview .city-kpi-grid .kpi-icon.green{background:#f3f1ea;color:#607466}
.page-overview .daily-status-card{padding:15px 16px}
.page-overview .daily-status-list article{align-items:flex-start;padding:12px 13px}
.page-overview .daily-status-list i.material-symbols-outlined{font-size:18px}
.page-overview .overview-baseline{border-color:#f3f1ea}
.page-overview .overview-baseline-heading{padding:15px 17px 12px}
.page-overview .overview-baseline-grid{grid-template-columns:1.12fr .88fr;padding:12px;gap:10px}
.page-overview .overview-baseline article{padding:13px 14px;border-color:#f3f1ea;border-radius:8px}
.page-overview .fact-kpis{gap:12px}
.page-overview .fact-kpis>div{min-height:65px;padding:9px 6px}
.page-overview .fact-kpis>div{border:0;background:#fff9e8}
.page-overview .fact-kpis small{line-height:1.35}
.page-overview .population-facts i.green{background:#607466}
.page-overview .population-facts i.blue{background:#607466}.page-overview .population-facts h4{margin:12px 0 5px;color:#607466;font-size:11px}.page-overview .population-facts h4:first-of-type{margin-top:8px}.page-overview .population-facts>div{margin-bottom:7px}
.page-overview .village-population-list{display:grid;max-height:210px;margin:10px 0 0;padding:0;overflow:auto;list-style:none}.page-overview .village-population-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px solid #edf1f5;color:#806f5f;font-size:12px}.page-overview .village-population-list li:last-child{border-bottom:0}.page-overview .village-population-list b{color:#674427;font-size:13px;white-space:nowrap}.page-overview .village-population-list b small{color:#806f5f;font-size:10px;font-weight:500}
.page-overview .population-area-list{display:grid;gap:10px;max-height:290px;margin:10px 0 0;padding:0;overflow:auto;list-style:none}.page-overview .population-area{overflow:hidden;border:1px solid #f3f1ea;border-radius:8px}.page-overview .population-area-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;background:#fffefb}.page-overview .population-area-heading span small,.page-overview .population-area-heading span b,.page-overview .population-area-heading strong small{display:block}.page-overview .population-area-heading span small{color:#806f5f;font-size:9px}.page-overview .population-area-heading span b{color:#674427;font-size:13px}.page-overview .population-area-heading>strong{color:#2C3930;font-size:13px;text-align:right}.page-overview .population-area-heading strong small{margin-top:2px;color:#607466;font-size:9px;font-weight:500}.page-overview .population-area>ul{margin:0;padding:0 10px;list-style:none}.page-overview .population-area>ul>li{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:12px;align-items:center;padding:8px 2px;border-bottom:1px solid #edf1f5}.page-overview .population-area>ul>li:last-child{border-bottom:0}.page-overview .population-area>ul>li>span b,.page-overview .population-area>ul>li>span small,.page-overview .population-area>ul>li>strong small,.page-overview .population-area>ul>li>strong em{display:block}.page-overview .population-area>ul>li>span b{color:#607466;font-size:11px}.page-overview .population-area>ul>li>span small{color:#806f5f;font-size:9px}.page-overview .population-sex{display:flex!important;gap:8px}.page-overview .population-sex small{color:#607466!important;white-space:nowrap}.page-overview .population-area>ul>li>strong{color:#674427;font-size:12px;text-align:right;white-space:nowrap}.page-overview .population-area>ul>li>strong em{margin-top:2px;color:#806f5f;font-size:9px;font-style:normal;font-weight:500}
.page-overview .resource-facts,.page-overview .team-facts{min-height:210px}
.page-overview .resource-facts li,.page-overview .team-facts li{min-height:37px;padding:7px 2px;border-bottom-color:#edf1f5}
.page-overview .resource-facts b,.page-overview .team-facts b{margin-left:auto}
.overview-task-empty{display:grid;place-items:center;align-content:center;min-height:210px;padding:24px;color:#806f5f;text-align:center}.overview-task-empty span{font-size:36px;color:#607466}.overview-task-empty b{margin-top:8px;color:#674427;font-size:14px}.overview-task-empty small{margin-top:3px;font-size:11px}.overview-data-empty{color:#806f5f!important;font-size:12px!important;font-weight:500!important}
@media(max-width:1180px){.page-overview .city-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-overview .overview-baseline-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.page-overview .city-kpi-grid{grid-template-columns:1fr}.page-overview .city-kpi-grid article{min-height:108px!important;padding:15px 16px!important}.page-overview .overview-baseline-grid{grid-template-columns:1fr}.page-overview .daily-status-list{grid-template-columns:1fr}}
.page-overview .population-dashboard .population-summary-kpis{grid-template-columns:1.35fr repeat(2,1fr)!important}
.page-overview .population-grand-total{display:block;margin:5px 0 12px;color:#2c3930;font-size:28px}.page-overview .population-grand-total small{font-size:10px}.page-overview .population-chart .population-area-heading{grid-template-columns:minmax(180px,1fr) auto}.page-overview .population-bar-list{display:grid;gap:11px;padding:13px}.page-overview .population-bar-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#607466;font-size:11px}.page-overview .population-bar-row>div b{color:#674427;font-size:12px;white-space:nowrap}.page-overview .population-bar-row>div b small{color:#806f5f;font-size:9px}.page-overview .population-bar-track{display:block;height:7px;margin-top:6px;overflow:hidden;border-radius:999px;background:#fffefb}.page-overview .population-bar-track i{display:block;height:100%;border-radius:inherit;background:#438a61}.page-overview .population-bar-track .bar-color-1{background:#795f94}.page-overview .population-bar-track .bar-color-2{background:#b96132}.page-overview .population-bar-track .bar-color-3{background:#527f9d}.page-overview .population-bar-track .bar-color-4{background:#b94050}
.page-overview .overview-baseline-grid .population-dashboard{grid-column:auto!important}.page-overview .population-dashboard>.population-bar-list{max-height:250px;padding:0 3px 0 0;overflow:auto}
.page-overview .population-subdistrict{overflow:hidden;border:1px solid #f3f1ea;border-radius:8px;background:#fff}.page-overview .population-subdistrict+details{margin-top:8px}.page-overview .population-subdistrict summary{display:grid;grid-template-columns:1fr auto 20px;align-items:center;gap:12px;padding:9px 10px;background:#fffefb;cursor:pointer;list-style:none}.page-overview .population-subdistrict summary::-webkit-details-marker{display:none}.page-overview .population-subdistrict summary span small,.page-overview .population-subdistrict summary span b{display:block}.page-overview .population-subdistrict summary span small{color:#806f5f;font-size:8px}.page-overview .population-subdistrict summary span b{color:#2c3930;font-size:11px}.page-overview .population-subdistrict summary>strong{color:#2C3930;font-size:12px}.page-overview .population-subdistrict summary>strong small{color:#806f5f;font-size:9px}.page-overview .population-subdistrict summary>i{color:#806f5f;font-size:18px;transition:transform .2s}.page-overview .population-subdistrict[open] summary>i{transform:rotate(180deg)}.page-overview .population-subdistrict-bars{display:grid;gap:11px;padding:11px}
.page-overview .population-dashboard .population-subdistrict{overflow:visible;border:0;border-radius:0;background:transparent}.page-overview .population-dashboard .population-subdistrict+details{margin-top:4px;padding-top:4px;border-top:1px solid #edf1f5}.page-overview .population-dashboard .population-subdistrict summary{padding:7px 2px;background:transparent}.page-overview .population-dashboard .population-subdistrict summary span small{display:none}.page-overview .population-dashboard .population-subdistrict summary span b{font-size:12px}.page-overview .population-dashboard .population-subdistrict-bars{padding:8px 2px 12px}
.page-overview .overview-baseline-grid .resource-facts li>b strong::before,.page-overview .overview-baseline-grid .team-facts li>b strong::before,.page-overview .overview-baseline-grid .resource-facts li>b small::before,.page-overview .overview-baseline-grid .team-facts li>b small::before{content:none!important}
.page-overview .resource-facts>ul,.page-overview .team-facts>ul{gap:0}.page-overview .resource-facts li,.page-overview .team-facts li{display:grid!important;grid-template-columns:minmax(190px,1.4fr) minmax(330px,1fr);align-items:center;gap:28px;min-height:54px;padding:12px 10px!important;border-bottom:1px solid #fffefb!important}.page-overview .resource-facts li:last-child,.page-overview .team-facts li:last-child{border-bottom:0!important}.page-overview .resource-facts li>span,.page-overview .team-facts li>span{color:#2c3930;font-size:clamp(13px,.9vw,16px)!important;font-weight:750}.page-overview .resource-facts li>b,.page-overview .team-facts li>b{display:grid!important;grid-template-columns:repeat(3,minmax(90px,1fr));gap:28px;width:100%;margin:0!important;align-items:center}.page-overview .resource-facts .resource-total,.page-overview .team-facts .team-total,.page-overview .resource-facts li>b strong,.page-overview .team-facts li>b strong,.page-overview .resource-facts li>b small,.page-overview .team-facts li>b small{padding:0!important;border-radius:0!important;background:transparent!important;font-size:clamp(12px,.82vw,15px)!important;font-weight:750!important;text-align:left;white-space:nowrap}.page-overview .resource-facts .resource-total,.page-overview .team-facts .team-total{color:#607466!important}.page-overview .resource-facts li>b strong,.page-overview .team-facts li>b strong{color:#607466!important}.page-overview .resource-facts li>b small,.page-overview .team-facts li>b small{margin:0!important;color:#b94050!important}.page-overview .resource-facts li>b strong::before,.page-overview .team-facts li>b strong::before{content:"พร้อม ";font-weight:650}.page-overview .resource-facts li>b small::before,.page-overview .team-facts li>b small::before{content:"ไม่พร้อม ";font-weight:650}@media(max-width:850px){.page-overview .resource-facts li,.page-overview .team-facts li{grid-template-columns:1fr;gap:8px}.page-overview .resource-facts li>b,.page-overview .team-facts li>b{gap:12px}}@media(max-width:480px){.page-overview .resource-facts li>b,.page-overview .team-facts li>b{grid-template-columns:1fr;gap:5px}}
@media(min-width:1200px){.page-overview .overview-baseline .area-facts h3,.page-overview .overview-baseline .population-dashboard h3{font-size:clamp(18px,1.15vw,22px)!important}.page-overview .area-facts .fact-kpis b{font-size:clamp(27px,1.7vw,34px)!important}.page-overview .area-facts .fact-kpis small{font-size:clamp(12px,.78vw,15px)!important}.page-overview .area-facts dl div{grid-template-columns:140px 1fr;font-size:clamp(12px,.8vw,15px)!important;line-height:1.5}.page-overview .population-grand-total{font-size:clamp(32px,2.1vw,40px)!important}.page-overview .population-grand-total small{font-size:clamp(11px,.72vw,14px)!important}.page-overview .population-subdistrict summary span b{font-size:clamp(13px,.86vw,16px)!important}.page-overview .population-subdistrict summary>strong{font-size:clamp(13px,.86vw,16px)!important}.page-overview .population-bar-row>div{font-size:clamp(12px,.8vw,15px)!important}.page-overview .population-bar-row>div b{font-size:clamp(13px,.86vw,16px)!important}.page-overview .population-bar-row>div b small{font-size:clamp(10px,.68vw,12px)!important}.page-overview .population-bar-track{height:8px}}
@media(max-width:850px){.page-overview .population-dashboard .population-summary-kpis{grid-template-columns:1fr 1fr!important}}
@media(max-width:500px){.page-overview .population-dashboard .population-summary-kpis{grid-template-columns:1fr!important}}
.page-overview .population-dashboard{grid-column:1/-1;padding:15px!important}.page-overview .population-summary-kpis{display:grid!important;grid-template-columns:1.35fr repeat(3,1fr);gap:9px;margin:0 0 12px!important}.page-overview .population-summary-kpis>div{display:grid;grid-template-columns:32px 1fr;align-items:center;min-height:66px;padding:10px 12px;border:1px solid #e2dac8;border-radius:9px;background:#ffffff}.page-overview .population-summary-kpis>div.total{border-color:#f3f1ea;background:#fff9ec}.page-overview .population-summary-kpis span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fffefb;color:#2C3930;font-size:17px}.page-overview .population-summary-kpis span.male{background:#fffefb;color:#607466}.page-overview .population-summary-kpis span.female{background:#fceaf3;color:#b94050}.page-overview .population-summary-kpis span.homes{background:#e8f7ef;color:#607466}.page-overview .population-summary-kpis b{color:#2c3930;font-size:18px;line-height:1.1}.page-overview .population-summary-kpis small{color:#806f5f;font-size:9px}.page-overview .population-area-list{display:grid;gap:12px;max-height:440px;margin:0;overflow:auto}.page-overview .population-area{padding:0!important;border:1px solid #e2dac8!important;background:#fff}.page-overview .population-area-heading{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:20px;padding:11px 13px;background:#fffefb}.page-overview .population-area-heading>div{text-align:right}.page-overview .population-area-heading>div strong,.page-overview .population-area-heading>div small{display:block}.page-overview .population-area-heading>div strong{color:#2C3930;font-size:14px}.page-overview .population-area-heading>div small{color:#806f5f;font-size:9px}.page-overview .population-village-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px}.page-overview .population-village-grid article{min-height:96px;padding:11px!important;border:1px solid #ece6d9!important;border-radius:8px!important;background:#fff}.page-overview .population-village-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.page-overview .population-village-heading span small,.page-overview .population-village-heading span b,.page-overview .population-village-heading>strong small{display:block}.page-overview .population-village-heading span small{color:#2C3930;font-size:9px;font-weight:700}.page-overview .population-village-heading span b{margin-top:2px;color:#674427;font-size:12px}.page-overview .population-village-heading>strong{color:#2C3930;font-size:17px;text-align:right}.page-overview .population-village-heading>strong small{color:#806f5f;font-size:9px;font-weight:500}.page-overview .population-village-grid article>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.page-overview .population-village-grid article>div:last-child span{display:flex;align-items:center;gap:3px;color:#806f5f;font-size:9px}.page-overview .population-village-grid article>div:last-child i{width:auto;height:auto;background:none;font-size:13px}.page-overview .population-village-grid article>div:last-child b{margin-left:auto;color:#607466;font-size:10px}.page-overview .population-village-grid .male{color:#607466}.page-overview .population-village-grid .female{color:#b94050}.page-overview .population-village-grid .homes{color:#607466}@media(max-width:850px){.page-overview .population-summary-kpis{grid-template-columns:1fr 1fr}.page-overview .population-village-grid{grid-template-columns:1fr}}@media(max-width:500px){.page-overview .population-summary-kpis{grid-template-columns:1fr}.page-overview .population-area-heading{grid-template-columns:1fr 1fr}.page-overview .population-area-heading>span{grid-column:1/-1}}

/* Improve readability of the two baseline summary cards on desktop displays. */
@media(min-width:1200px){
  .page-overview .overview-baseline .area-facts h3,.page-overview .overview-baseline .population-dashboard h3,.page-overview .overview-baseline .resource-facts h3,.page-overview .overview-baseline .team-facts h3{font-size:clamp(18px,1.15vw,22px)!important}
  .page-overview .area-facts .fact-kpis b{font-size:clamp(27px,1.7vw,34px)!important}
  .page-overview .area-facts .fact-kpis small{font-size:clamp(12px,.78vw,15px)!important}
  .page-overview .area-facts dl div{grid-template-columns:140px 1fr;font-size:clamp(12px,.8vw,15px)!important;line-height:1.5}
  .page-overview .population-grand-total{font-size:clamp(32px,2.1vw,40px)!important}
  .page-overview .population-grand-total small{font-size:clamp(11px,.72vw,14px)!important}
  .page-overview .population-subdistrict summary{padding:10px 4px!important}
  .page-overview .population-subdistrict summary span b,.page-overview .population-subdistrict summary>strong{font-size:clamp(16px,1.02vw,19px)!important}
  .page-overview .population-subdistrict summary>strong small{font-size:clamp(11px,.72vw,13px)!important}
  .page-overview .population-subdistrict-bars{gap:15px!important;padding:12px 4px 15px!important}
  .page-overview .population-bar-row>div{font-size:clamp(16px,1.02vw,19px)!important;line-height:1.45}
  .page-overview .population-bar-row>div b{font-size:clamp(16px,1vw,19px)!important}
  .page-overview .population-bar-row>div b small{font-size:clamp(14px,.86vw,16px)!important;font-weight:600}
  .page-overview .population-bar-track{height:9px}
}
.page-overview .population-subdistrict summary{grid-template-columns:minmax(0,1fr) auto 34px!important}
.page-overview .population-subdistrict summary>i.material-symbols-outlined{display:grid!important;place-items:center!important;justify-self:center;width:32px;height:32px;padding:0!important;border:0!important;border-bottom:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;font-size:27px!important;line-height:1!important}
.page-overview .population-subdistrict summary>i.material-symbols-outlined::before,.page-overview .population-subdistrict summary>i.material-symbols-outlined::after{display:none!important;content:none!important}
.page-overview .overview-task[hidden]{display:none!important}.page-overview .overview-task-filters{flex-wrap:wrap}.page-overview .overview-task .task-level{padding:4px 8px;border-radius:6px;background:#fff;color:#607466;font-size:clamp(10px,.68vw,12px)!important}.page-overview .overview-task{padding-right:190px!important}.page-overview .overview-task .task-location{max-width:100%;line-height:1.55!important}@media(max-width:700px){.page-overview .overview-task{padding-right:120px!important}.page-overview .overview-task .task-level{max-width:108px;white-space:normal!important;text-align:right}}
.page-overview .overview-task .task-location{display:flex!important;align-items:flex-start;gap:5px;width:auto!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#607466!important}.page-overview .overview-task .task-location>.material-symbols-outlined{flex:0 0 auto;margin-top:1px;color:#2C3930;font-size:17px!important;line-height:1.2}.page-overview .overview-task .task-location>[data-task-address]{min-width:0;text-align:left}
.page-overview .overview-task{grid-template-columns:8px minmax(0,1fr) 116px!important;padding:12px!important}.page-overview .overview-task .task-content{min-width:0}.page-overview .overview-task .task-time{display:block;margin-top:7px!important;color:#607466!important;font-size:clamp(10px,.68vw,12px)!important;font-weight:650!important;text-align:left!important;white-space:normal!important}.page-overview .overview-task .task-card-meta{display:flex;align-self:stretch;align-items:flex-end;justify-content:space-between;flex-direction:column;gap:8px;min-width:0}.page-overview .overview-task .task-severity{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf1f5;color:#607466;font-size:clamp(10px,.68vw,12px)!important;font-style:normal;font-weight:800;white-space:nowrap}.page-overview .overview-task .task-severity.emergency{background:#ffe8eb;color:#b94050}.page-overview .overview-task .task-severity.priority{background:#ffdcca;color:#a94f26}.page-overview .overview-task .task-severity.watch{background:#ffedaa;color:#806016}.page-overview .overview-task .task-state{color:#674427;font-size:clamp(11px,.72vw,13px)!important;font-weight:800;white-space:nowrap}@media(max-width:560px){.page-overview .overview-task{grid-template-columns:7px minmax(0,1fr) 96px!important;padding:10px!important}.page-overview .overview-task .task-severity,.page-overview .overview-task .task-state{white-space:normal;text-align:right}}
.page-overview .overview-task,.page-overview .overview-task-panel.has-scroll .overview-task{box-sizing:border-box;min-height:112px!important;padding-block:15px!important}@media(max-width:560px){.page-overview .overview-task,.page-overview .overview-task-panel.has-scroll .overview-task{min-height:100px!important;padding-block:12px!important}}
.page-overview .daily-status-card{margin:16px 0 18px!important}.page-overview .overview-map-workspace{margin-top:0!important;margin-bottom:18px!important}@media(max-width:700px){.page-overview .daily-status-card{margin:12px 0 14px!important}.page-overview .overview-map-workspace{margin-bottom:14px!important}}
.page-overview .daily-status-list{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1250px){.page-overview .daily-status-list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.page-overview .daily-status-list article{flex:0 0 210px;scroll-snap-align:start}}
@media(min-width:2000px){.page-overview .daily-status-list article>div{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:0;flex:1}.page-overview .daily-status-list article>div>b,.page-overview .daily-status-list article>div>small{grid-column:1;min-width:0}.page-overview .daily-status-list article>div>em{grid-column:2;grid-row:1/3;align-self:center;margin:0;white-space:nowrap}}

.overview-environment{margin:0 0 18px;padding:18px;border:1px solid #e2dac8;border-radius:12px;background:#fff;box-shadow:0 3px 14px rgb(44 57 48 / 5%)}
.overview-environment-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.overview-environment-heading h2{margin:0;color:#674427;font-size:clamp(18px,1.05vw,22px)}.overview-environment-heading p{margin:3px 0 0;color:#607466;font-size:clamp(12px,.74vw,14px)}.overview-environment-heading>small{color:#607466;font-size:12px;text-align:right}
.overview-environment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.environment-summary-card{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(90px,auto);align-items:start;gap:13px;min-width:0;padding:16px;border:1px solid #f3f1ea;border-radius:11px;background:#ffffff}.environment-summary-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fffefb;color:#607466;font-size:22px}.environment-summary-card.safe>span{background:#fffefb;color:#607466}.environment-card-content{min-width:0}.environment-summary-card h3{margin:0;color:#607466;font-size:15px}.environment-summary-card strong{display:block;margin-top:5px;color:#674427;font-size:clamp(24px,1.65vw,32px);line-height:1.15}.environment-summary-card strong small{font-size:13px}.environment-summary-card p{margin:4px 0;color:#607466;font-size:13px}.environment-card-meta{display:flex;align-items:flex-end;flex-direction:column;justify-content:space-between;min-height:72px;text-align:right}.environment-summary-card em{display:inline-block;padding:3px 8px;border-radius:99px;background:#fffefb;color:#607466;font-size:11px;font-style:normal;font-weight:700;white-space:nowrap}.environment-summary-card.watch em{background:#fff1da;color:#b96132}.environment-summary-card.danger em{background:#ffe7e8;color:#b94050}.environment-summary-card.danger>span{background:#ffe9ea;color:#b94050}.environment-summary-card.watch>span{background:#fff2dd;color:#b96132}.environment-summary-card.unavailable{color:#806f5f}.environment-summary-card.unavailable>span{background:#f0f4f7;color:#806f5f}.environment-updated{display:block;margin-top:7px;max-width:125px;color:#806f5f;font-size:11px;line-height:1.4}.environment-view-all{display:flex;align-items:center;gap:3px;margin-top:10px;padding:0;border:0;background:transparent;color:#607466;font:700 12px "Noto Sans Thai",sans-serif;cursor:pointer}.environment-view-all i{font-size:16px}.environment-view-all:hover{color:#607466}.environment-dialog{width:min(680px,calc(100vw - 32px));max-height:min(78vh,720px);padding:0;border:0;border-radius:15px;box-shadow:0 24px 70px rgb(44 57 48 / 28%)}.environment-dialog::backdrop{background:rgb(44 57 48 / 52%);backdrop-filter:blur(2px)}.environment-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;border-bottom:1px solid #f3f1ea}.environment-dialog-heading>div{display:flex;align-items:center;gap:11px}.environment-dialog-heading>div>span{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#fffefb;color:#607466}.environment-dialog-heading h2{margin:0;color:#674427;font-size:20px}.environment-dialog-heading p{margin:2px 0 0;color:#607466;font-size:12px}.environment-dialog-heading button{width:34px;height:34px;border:0;border-radius:9px;background:#f0f4f7;color:#607466;font-size:24px;line-height:1;cursor:pointer}.environment-dialog-list{max-height:calc(78vh - 79px);overflow:auto;padding:8px 21px 17px}.environment-dialog-list article{display:grid;grid-template-columns:minmax(0,1fr) auto 110px;align-items:center;gap:18px;padding:14px 3px;border-bottom:1px solid #fffefb}.environment-dialog-list article>div b,.environment-dialog-list article>div small{display:block}.environment-dialog-list article>div b{color:#674427;font-size:14px}.environment-dialog-list article>div small{margin-top:2px;color:#806f5f;font-size:11px}.environment-dialog-list article>strong{color:#674427;font-size:18px;white-space:nowrap}.environment-dialog-list article>strong small{font-size:11px}.environment-dialog-list article>em{justify-self:end;padding:4px 9px;border-radius:99px;background:#fffefb;color:#607466;font-size:11px;font-style:normal;font-weight:700;white-space:nowrap}.environment-dialog-list article>em.watch{background:#fff1da;color:#b96132}.environment-dialog-list article>em.danger{background:#ffe7e8;color:#b94050}.environment-dialog-list article>em.unavailable{background:#edf2f5;color:#607466}
@media(max-width:1100px){.overview-environment{padding:15px}.overview-environment-grid{gap:9px}.environment-summary-card{grid-template-columns:32px minmax(0,1fr) minmax(78px,auto);padding:13px;gap:9px}.environment-summary-card>span{width:32px;height:32px;font-size:19px}.environment-summary-card strong{font-size:23px}.environment-summary-card p{font-size:12px}.environment-card-meta{min-height:67px}.environment-updated{max-width:105px;font-size:10px}}
@media(max-width:700px){.overview-environment-heading{align-items:flex-start;flex-direction:column;gap:5px}.overview-environment-heading>small{text-align:left}.overview-environment-grid{grid-template-columns:1fr}.environment-summary-card{padding:14px}}
@media(max-width:560px){.environment-dialog-list article{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}.environment-dialog-list article>em{grid-column:2}.environment-dialog-list article>strong{grid-column:2;grid-row:1}.environment-dialog-list article>div{grid-row:1/3}}
@media(min-width:1600px){.environment-summary-card{grid-template-columns:46px minmax(0,1fr) minmax(125px,auto);gap:16px;padding:20px}.environment-summary-card>span{width:46px;height:46px;border-radius:12px;font-size:27px}.environment-summary-card h3{font-size:17px}.environment-summary-card p{margin-top:6px;font-size:16px;font-weight:600}.environment-summary-card em{padding:5px 11px;font-size:14px}.environment-card-meta{min-height:88px}.environment-updated{max-width:160px;font-size:13px;line-height:1.45}.environment-view-all{margin-top:13px;font-size:14px}.environment-view-all i{font-size:18px}.environment-dialog{width:min(760px,calc(100vw - 40px))}.environment-dialog-list article>div b{font-size:16px}.environment-dialog-list article>div small{font-size:13px}.environment-dialog-list article>strong{font-size:21px}.environment-dialog-list article>em{font-size:13px}}
@media(min-width:1600px){.page-overview .city-kpi-grid{gap:18px;margin-bottom:20px}.page-overview .city-kpi-grid article{min-height:142px!important;padding:22px 23px!important;gap:16px}.page-overview .city-kpi-grid .kpi-icon{width:46px;height:46px;border-radius:11px;font-size:26px}.page-overview .city-kpi-grid article strong{font-size:clamp(34px,2vw,42px)!important}.page-overview .city-kpi-grid article strong::after{font-size:15px}.page-overview .city-kpi-grid article p{margin-top:9px!important;font-size:clamp(16px,1vw,19px)!important;white-space:normal}.page-overview .city-kpi-grid article small{margin-top:7px;font-size:14px!important}.page-overview .daily-status-card{padding:17px 22px}.page-overview .daily-status-heading{margin-bottom:13px}.page-overview .daily-status-heading h2{font-size:24px}.page-overview .daily-status-list{gap:13px}.page-overview .daily-status-list article{min-height:0;padding:13px 16px;gap:12px}.page-overview .daily-status-list i.material-symbols-outlined{width:38px;height:38px;border-radius:10px;font-size:23px}.page-overview .daily-status-list b{font-size:17px}.page-overview .daily-status-list small{margin-top:3px;font-size:14px;line-height:1.35}.page-overview .daily-status-list em{margin-top:6px;padding:4px 9px;font-size:13px}}
.environment-summary-card>.environment-view-all{grid-column:1/-1;justify-self:end;margin-top:1px}
.environment-dialog{width:min(840px,calc(100vw - 40px))}.environment-dialog-heading{padding:22px 28px}.environment-dialog-list{padding:10px 28px 22px}.environment-dialog-list article{gap:24px;padding:16px 5px}
.environment-source{display:block;margin-top:6px;color:#607466;font-size:11px;line-height:1.45}.environment-dialog-list article>div .environment-dialog-source{margin-top:5px;color:#607466;font-weight:600}
@media(min-width:1600px){.environment-dialog{width:min(940px,calc(100vw - 64px))}.environment-dialog-heading{padding:25px 34px}.environment-dialog-list{padding:12px 34px 26px}.environment-dialog-list article{grid-template-columns:minmax(0,1fr) minmax(130px,auto) 130px;gap:30px;padding:18px 6px}}
@media(max-width:560px){.environment-dialog{width:calc(100vw - 20px)}.environment-dialog-heading{padding:17px 16px}.environment-dialog-list{padding:6px 16px 16px}.environment-dialog-list article{gap:8px 14px;padding:13px 2px}}

/* Keep the modal shell and heading fixed; only the subdistrict rows scroll. */
.environment-dialog{height:min(78vh,720px);max-height:min(78vh,720px);overflow:hidden}
.environment-dialog[open]{display:flex;flex-direction:column}
.environment-dialog-heading{flex:0 0 auto}
.environment-dialog-list{flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
html:has(.environment-dialog[open]),body:has(.environment-dialog[open]){overflow:hidden}

/* PM2.5 uses all five public-health colours on both cards and modal rows. */
.environment-summary-card.pm-very-good>span{background:#fff9ec;color:#607466}
.environment-summary-card.pm-very-good em,.environment-dialog-list article>em.pm-very-good{background:#fff9ec;color:#607466}
.environment-summary-card.pm-good>span{background:#fffefb;color:#607466}
.environment-summary-card.pm-good em,.environment-dialog-list article>em.pm-good{background:#fffefb;color:#607466}
.environment-summary-card.pm-moderate>span{background:#fff8d6;color:#b96132}
.environment-summary-card.pm-moderate em,.environment-dialog-list article>em.pm-moderate{background:#fff8e8;color:#2c3930}
.environment-summary-card.pm-unhealthy>span{background:#fff0dc;color:#b96132}
.environment-summary-card.pm-unhealthy em,.environment-dialog-list article>em.pm-unhealthy{background:#ffead0;color:#b96132}
.environment-summary-card.pm-danger>span{background:#ffe7e8;color:#b94050}
.environment-summary-card.pm-danger em,.environment-dialog-list article>em.pm-danger{background:#ffe7e8;color:#b94050}
.environment-summary-card.safe,
.environment-summary-card.pm-very-good,
.environment-summary-card.pm-good{background:#f9fcfa;border-color:#b9d8c3}
.environment-summary-card.watch,
.environment-summary-card.pm-moderate{background:#fff8e3;border-color:#e8cf91}
.environment-summary-card.pm-unhealthy{background:#fff2e5;border-color:#e5b989}
.environment-summary-card.danger,
.environment-summary-card.pm-danger{background:#fdecee;border-color:#dfa6ad}
.environment-summary-card.unavailable{background:#f3f1ea;border-color:#d8cfbd}
.environment-summary-card.pm-very-good>span,
.environment-summary-card.pm-good>span{background:#edf2ee;color:#607466}
.environment-summary-card.pm-moderate>span{background:#fff2dd;color:#b96132}
.environment-summary-card.pm-unhealthy>span{background:#fff0dc;color:#b96132}
.environment-summary-card.pm-danger>span{background:#ffe9ea;color:#b94050}
.environment-summary-card.pm-very-good>span,
.environment-summary-card.pm-good>span,
.environment-summary-card.pm-moderate>span,
.environment-summary-card.pm-unhealthy>span,
.environment-summary-card.pm-danger>span,
.environment-summary-card.pm-very-good em,
.environment-summary-card.pm-good em,
.environment-summary-card.pm-moderate em,
.environment-summary-card.pm-unhealthy em,
.environment-summary-card.pm-danger em{background:#fffefb}
.environment-summary-card.pm-very-good{background:#f2f8fc;border-color:#9cc7df}
.environment-summary-card.pm-very-good>span,
.environment-summary-card.pm-very-good em{background:#e3f1f8;color:#477d9c}
.environment-summary-card.safe{background:#f2faf5;border-color:#8fc5a3}
.environment-summary-card.safe>span,
.environment-summary-card.safe em{background:#dff1e5;color:#347851}
.page-overview .area-jurisdiction{margin-top:18px;padding-top:16px;border-top:1px solid #f3f1ea}.page-overview .area-jurisdiction-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.page-overview .area-jurisdiction-title h4{margin:0;color:#2c3930;font-size:clamp(16px,1vw,19px)}.page-overview .area-jurisdiction-title>span{padding:5px 9px;border-radius:999px;background:#edf2ee;color:#2C3930;font-size:clamp(11px,.72vw,13px);font-weight:750;white-space:nowrap}.page-overview .area-jurisdiction-list{display:grid;gap:12px;max-height:420px;padding-right:4px;overflow:auto}.page-overview .district-group{overflow:hidden;border:1px solid #f3f1ea;border-radius:10px;background:#fff}.page-overview .district-group>header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;background:#fff9ec}.page-overview .district-group>header>.material-symbols-outlined{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff;color:#2C3930;font-size:21px}.page-overview .district-group>header small,.page-overview .district-group>header b{display:block}.page-overview .district-group>header small{color:#607466;font-size:clamp(10px,.66vw,12px)}.page-overview .district-group>header b{margin-top:1px;color:#2c3930;font-size:clamp(15px,.96vw,18px)}.page-overview .district-group>header em{padding:4px 8px;border-radius:6px;background:#fff;color:#607466;font-size:clamp(10px,.68vw,12px);font-style:normal;font-weight:750;white-space:nowrap}.page-overview .jurisdiction-subdistrict{border-top:1px solid #fffefb}.page-overview .jurisdiction-subdistrict>summary{display:grid;grid-template-columns:28px minmax(0,1fr) auto 32px;align-items:center;gap:9px;min-height:52px;padding:8px 12px;cursor:pointer;list-style:none}.page-overview .jurisdiction-subdistrict>summary::-webkit-details-marker{display:none}.page-overview .jurisdiction-subdistrict>summary>span{color:#607466;font-size:20px}.page-overview .jurisdiction-subdistrict>summary>b{color:#2c3930;font-size:clamp(14px,.9vw,17px)}.page-overview .jurisdiction-subdistrict>summary>strong{color:#2C3930;font-size:clamp(12px,.78vw,15px);white-space:nowrap}.page-overview .jurisdiction-subdistrict>summary>i{display:grid;place-items:center;width:30px;height:30px;color:#607466;font-size:25px;transition:transform .2s}.page-overview .jurisdiction-subdistrict[open]>summary>i{transform:rotate(180deg)}.page-overview .jurisdiction-subdistrict>ul{margin:0;padding:0 12px 10px 49px;list-style:none}.page-overview .jurisdiction-subdistrict>ul>li{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:7px 10px;border-top:1px solid #fffefb}.page-overview .jurisdiction-subdistrict>ul>li>span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:6px;background:#fffefb;color:#607466;font-size:clamp(12px,.78vw,14px);font-weight:750}.page-overview .jurisdiction-subdistrict>ul>li>b{color:#674427;font-size:clamp(14px,.9vw,17px);line-height:1.45}.page-overview .jurisdiction-subdistrict>ul>li.empty{display:block;color:#806f5f;font-size:14px}@media(max-width:600px){.page-overview .area-jurisdiction-title{align-items:flex-start;flex-direction:column}.page-overview .district-group>header{grid-template-columns:34px minmax(0,1fr)}.page-overview .district-group>header em{grid-column:2}.page-overview .jurisdiction-subdistrict>summary{grid-template-columns:24px minmax(0,1fr) 28px}.page-overview .jurisdiction-subdistrict>summary>strong{grid-column:2}.page-overview .jurisdiction-subdistrict>summary>i{grid-column:3;grid-row:1/3}.page-overview .jurisdiction-subdistrict>ul{padding-left:12px}}
.page-overview .jurisdiction-report h4{margin:0;color:#2c3930;font-size:clamp(16px,1vw,19px)}.page-overview .jurisdiction-report-summary{margin:4px 0 14px;color:#607466;font-size:clamp(12px,.78vw,15px);line-height:1.6}.page-overview .jurisdiction-report-district+.jurisdiction-report-district{margin-top:16px}.page-overview .jurisdiction-report-district h5{margin:0 0 7px;color:#607466;font-size:clamp(15px,.96vw,18px)}.page-overview .jurisdiction-report-district p{margin:0 0 7px;color:#674427;font-size:clamp(13px,.86vw,16px);line-height:1.75}.page-overview .jurisdiction-report-district p:last-child{margin-bottom:0}.page-overview .jurisdiction-report-district strong{color:#2c3930;font-weight:800}
.page-overview .overview-task-panel{min-height:390px!important;align-self:stretch}.page-overview .overview-task-list{min-height:0;flex:1;align-content:start;grid-auto-rows:112px;overflow-y:auto}.page-overview .overview-task,.page-overview .overview-task-panel.has-scroll .overview-task{height:112px!important;min-height:112px!important;max-height:112px!important}
/* The layer list outgrew the map: scroll inside the overlay instead of being clipped by the map edge. */
.map-layer-overlay>div{max-height:440px;overflow-y:auto}