.incident-assessment-page{display:grid;gap:14px}.assessment-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.assessment-page-heading h1{margin:3px 0 4px;color:#2c3930;font-size:30px}.assessment-page-heading p:last-child{margin:0;color:#806f5f;font-size:14px}.assessment-event-card{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid #e2dac8;border-radius:12px;background:#e2dac8}.assessment-event-card>div{display:grid;gap:5px;padding:13px 15px;background:#fff}.assessment-event-card small{color:#607466;font-size:11px}.assessment-event-card b{color:#674427;font-size:14px}.assessment-workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:14px;align-items:start}.assessment-map-card,.assessment-results{overflow:hidden;border:1px solid #e2dac8;border-radius:12px;background:#fff}.assessment-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid #ece6d9}.assessment-map-toolbar b,.assessment-map-toolbar small{display:block}.assessment-map-toolbar b{font-size:15px}.assessment-map-toolbar small{margin-top:3px;color:#806f5f;font-size:11px}.assessment-map-toolbar>div:last-child{display:flex;gap:7px}.assessment-map-toolbar button{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid #d8cfbd;border-radius:7px;background:#fff;color:#674427;font:inherit;font-size:12px;cursor:pointer}.assessment-map-toolbar button:hover{border-color:#2C3930;color:#2C3930}.assessment-map-toolbar button span{font-size:17px}.assessment-map{height:600px;background:#fffefb}.assessment-layer-bar{display:flex;gap:18px;padding:11px 15px;border-top:1px solid #ece6d9;color:#806f5f;font-size:12px}.assessment-layer-bar label{display:flex;align-items:center;gap:6px}.assessment-results{position:sticky;top:14px;padding:17px}.assessment-results header{display:block;height:auto;padding:0;border:0;box-shadow:none}.assessment-results h2{margin:0;color:#674427;font-size:20px}.assessment-results header p{margin:4px 0 0;color:#806f5f;font-size:12px}.assessment-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.assessment-kpis article{padding:11px;border-radius:8px;background:#fffefb}.assessment-kpis small,.assessment-kpis b{display:block}.assessment-kpis small{color:#806f5f;font-size:10px}.assessment-kpis b{margin-top:4px;color:#2c3930;font-size:15px}.assessment-resource-result{margin-top:16px}.assessment-resource-result h3{margin:0 0 9px;font-size:15px}.assessment-resource-result article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #ece6d9}.assessment-resource-result b,.assessment-resource-result small{display:block}.assessment-resource-result b{font-size:13px}.assessment-resource-result small{margin-top:3px;color:#607466;font-size:11px}.assessment-resource-result span{padding:4px 7px;border-radius:999px;font-size:10px}.assessment-resource-result .enough{background:#fffefb;color:#607466}.assessment-resource-result .shortage{background:#ffe9eb;color:#b94050}.assessment-resource-result p{color:#806f5f;font-size:12px}.assessment-results form{display:grid;gap:10px;margin-top:16px}.assessment-activate{color:#607466;font-size:12px}.assessment-save{width:100%}.assessment-save:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1150px){.assessment-workspace{grid-template-columns:1fr 320px}.assessment-map{height:520px}}@media(max-width:900px){.assessment-event-card{grid-template-columns:1fr 1fr}.assessment-workspace{grid-template-columns:1fr}.assessment-results{position:static}.assessment-map{height:460px}}@media(max-width:620px){.assessment-page-heading,.assessment-map-toolbar{align-items:stretch;flex-direction:column}.assessment-map-toolbar>div:last-child{overflow-x:auto}.assessment-event-card{grid-template-columns:1fr}.assessment-map{height:400px}.assessment-layer-bar{flex-wrap:wrap}.assessment-kpis{grid-template-columns:1fr}}
.assessment-area-kpi{display:flex;align-items:stretch;flex-direction:column;gap:8px}.assessment-area-kpi select{width:100%;padding:6px 8px;border:1px solid #d8cfbd;border-radius:6px;background:#fff;color:#674427;font:inherit;font-size:11px}
.assessment-rule-picker{display:grid;gap:6px;margin-top:14px;padding:11px;border:1px solid #f3f1ea;border-radius:9px;background:#fffefb}.assessment-rule-picker[hidden]{display:none}.assessment-rule-picker label{color:#607466;font-size:11px;font-weight:600}.assessment-rule-picker select{width:100%;padding:8px 10px;border:1px solid #d8cfbd;border-radius:7px;background:#fff;color:#674427;font:inherit;font-size:12px}.assessment-rule-picker select:disabled{color:#806f5f;background:#fffdf6}
.assessment-scenario-card{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e2dac8;border-radius:12px;background:#fff}.assessment-scenario-card label{color:#674427;font-size:13px;font-weight:600}.assessment-scenario-card select{min-width:210px;padding:8px 10px;border:1px solid #d8cfbd;border-radius:7px;background:#fff;color:#674427;font:inherit}.assessment-scenario-card small{color:#607466}.assessment-map-wrap{position:relative}.assessment-layer-panel{position:absolute;z-index:3;top:12px;left:12px;display:grid;width:220px;padding:12px;border:1px solid #f3f1ea;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(44,57,48,.12)}.assessment-layer-panel b{padding-bottom:8px;border-bottom:1px solid #ece6d9;color:#674427;font-size:12px}.assessment-layer-panel label{display:flex;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #fffefb;color:#806f5f;font-size:11px}.assessment-basemap-tabs{display:flex!important;gap:0!important}.assessment-basemap-tabs button{border-radius:0!important}.assessment-basemap-tabs button:first-child{border-radius:7px 0 0 7px!important}.assessment-basemap-tabs button:last-child{border-radius:0 7px 7px 0!important}.assessment-basemap-tabs button.active{border-color:#2C3930;background:#edf2ee;color:#2C3930}.incident-heading-actions{display:flex;align-items:center;gap:8px}
.assessment-cesium-map{display:none;height:600px;background:#f3f1ea}.assessment-map-wrap.is-3d .assessment-map{display:none}.assessment-map-wrap.is-3d .assessment-cesium-map{display:block}@media(max-width:1150px){.assessment-cesium-map{height:520px}}@media(max-width:900px){.assessment-cesium-map{height:460px}}@media(max-width:620px){.assessment-cesium-map{height:400px}}
.assessment-tool-tabs{display:flex;gap:8px;border-bottom:1px solid #e2dac8}.assessment-tool-tabs button{position:relative;display:flex;align-items:center;gap:9px;padding:11px 15px;border:0;border-bottom:3px solid transparent;background:transparent;color:#607466;font:inherit;cursor:pointer}.assessment-tool-tabs button.active{border-bottom-color:#2C3930;color:#2C3930}.assessment-tool-tabs .material-symbols-outlined{font-size:20px}.assessment-tool-tabs b,.assessment-tool-tabs small{display:block;text-align:left}.assessment-tool-tabs b{font-size:14px}.assessment-tool-tabs small{margin-top:2px;color:#806f5f;font-size:10px;font-weight:400}.assessment-tool-tabs em{padding:3px 7px;border-radius:999px;background:#fff9ec;color:#607466;font-size:9px;font-style:normal}.assessment-simulation-panel header{margin-bottom:12px}.simulation-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.simulation-fields label{display:grid;gap:4px;color:#806f5f;font-size:10px}.simulation-fields label:first-child{grid-column:1/-1}.simulation-fields [hidden]{display:none}.simulation-fields input{min-width:0;padding:7px 8px;border:1px solid #d8cfbd;border-radius:7px;background:#fff;color:#674427;font:inherit;font-size:12px}.simulation-pick-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px}.simulation-pick-button .material-symbols-outlined{font-size:17px}.simulation-grid-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding:8px 10px;border-radius:8px;background:#fffefb;color:#806f5f;font-size:10px}.simulation-grid-legend[hidden]{display:none}.simulation-grid-legend span{display:flex;align-items:center;gap:5px}.simulation-grid-legend i{width:12px;height:12px;border-radius:3px;background:#607466}.simulation-grid-legend span:nth-child(2) i{background:#a97924}.simulation-grid-legend span:nth-child(3) i{background:#b7474d}.assessment-mode-hint{margin:8px 0 0;color:#806f5f;font-size:12px}@media(max-width:620px){.assessment-tool-tabs{overflow-x:auto}.assessment-tool-tabs button{min-width:185px}.simulation-fields{grid-template-columns:1fr}}
nav.assessment-tool-tabs{align-items:flex-end;gap:8px;padding:0 12px;border-bottom-color:#e2dac8;background:#fffefb}nav.assessment-tool-tabs button{min-height:54px;padding:0 12px;gap:8px;color:#607466}nav.assessment-tool-tabs button:hover{color:#2C3930}nav.assessment-tool-tabs .material-symbols-outlined{font-size:19px;font-variation-settings:"wght" 300}nav.assessment-tool-tabs b{font-weight:600;white-space:nowrap}nav.assessment-tool-tabs small{display:none}nav.assessment-tool-tabs em{background:#edf2ee;color:#2C3930;font-weight:600}
nav.assessment-tool-tabs button:disabled{color:#806f5f;cursor:not-allowed;opacity:.65}nav.assessment-tool-tabs button:disabled:hover{color:#806f5f}
div.incident-assessment-page nav.assessment-tool-tabs{margin-top:0;padding:0 4px;background:transparent}div.incident-assessment-page nav.assessment-tool-tabs button{min-height:48px;padding:0 13px}div.incident-assessment-page.mode-simulation [data-draw-area]{display:none}.assessment-map-toolbar button:disabled{opacity:.45;cursor:not-allowed}
section.assessment-area-tools{display:grid;gap:10px;padding-bottom:14px;border-bottom:1px solid #f3f1ea}.assessment-area-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.assessment-area-modes button{display:grid;place-items:center;gap:3px;min-height:62px;padding:7px;border:1px solid #f3f1ea;border-radius:8px;background:#fff;color:#607466;font:inherit;font-size:11px;cursor:pointer}.assessment-area-modes button:hover,.assessment-area-modes button.active{border-color:#2C3930;background:#fff9ec;color:#2C3930}.assessment-area-modes .material-symbols-outlined{font-size:19px;font-variation-settings:"wght" 300}.assessment-area-tools h3{margin:2px 0 0;color:#674427;font-size:17px}.assessment-area-tools>p{margin:-7px 0 2px;color:#806f5f;font-size:11px}.assessment-distance-control{display:grid;grid-template-columns:1fr auto;gap:5px;color:#607466;font-size:10px}.assessment-distance-control output{color:#2c3930;font-weight:600}.assessment-distance-control input{grid-column:1/-1;width:100%;accent-color:#607466}.assessment-area-tools>small{color:#806f5f;font-size:10px}.assessment-clear-area{width:100%;padding:8px;border:1px solid #f3f1ea;border-radius:7px;background:#fff;color:#607466;font:inherit;font-size:11px;cursor:pointer}.assessment-clear-area:disabled{color:#d8cfbd;background:#ffffff;cursor:not-allowed}.assessment-result-heading{margin-top:14px!important}
section.assessment-area-tools h3{font-size:20px}.assessment-results header.assessment-result-heading h2{font-size:18px}
section.assessment-area-tools .assessment-distance-control output{color:#2C3930}section.assessment-area-tools .assessment-distance-control input{accent-color:#2C3930}
.assessment-map-toolbar:has(.city-place-controls){justify-content:flex-start}.city-place-controls{display:flex!important;gap:6px!important;min-width:0;overflow-x:auto}.assessment-map-toolbar .city-place-controls button{flex:0 0 auto;justify-content:center;height:34px;padding:0 9px;border:0;color:#fff;opacity:.35;white-space:nowrap}.assessment-map-toolbar .city-place-controls button.active{opacity:1}.assessment-map-toolbar .city-place-controls .city-place-label{font-size:10px}.city-place-controls .government{background:#607466}.city-place-controls .education{background:#a97924}.city-place-controls .health{background:#b94755}.city-place-controls .culture{background:#806f5f}.city-place-controls .tourism{background:#b96132}.city-place-controls .transport{background:#607466}.city-place-controls .service{background:#985675}.city-place-controls .emergency{background:#b7474d}.city-place-detail{position:absolute;z-index:7;top:12px;right:12px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;width:min(330px,calc(100% - 24px));padding:14px 38px 14px 14px;border:1px solid #f3f1ea;border-radius:11px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(44,57,48,.18)}.city-place-detail[hidden]{display:none}.city-place-detail>button{position:absolute;top:7px;right:9px;border:0;background:transparent;color:#806f5f;font-size:22px;cursor:pointer}.city-place-detail>[data-place-detail-icon]{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#fff}.city-place-detail small{color:#607466;font-size:10px}.city-place-detail h3{margin:2px 0 5px;color:#674427;font-size:15px}.city-place-detail p{margin:3px 0;color:#806f5f;font-size:11px}.city-place-detail a{display:inline-block;margin-top:6px;color:#2C3930;font-size:11px;text-decoration:none}@media(max-width:1450px){.city-place-label{display:none}.assessment-map-toolbar .city-place-controls button{flex-basis:34px;width:34px;padding:0}}@media(max-width:620px){.city-place-controls{order:2}.city-place-detail{top:68px}.assessment-map-toolbar .city-place-controls button{flex-basis:32px;width:32px;height:32px}}
.incident-assessment-page.mode-map .assessment-scenario-card,.incident-assessment-page.mode-map .assessment-results{display:none}.incident-assessment-page.mode-map .assessment-workspace{grid-template-columns:minmax(0,1fr)}.incident-assessment-page.mode-map .assessment-map,.incident-assessment-page.mode-map .assessment-cesium-map{height:max(650px,calc(100vh - 285px))}
.assessment-simulation-panel .simulation-fields{grid-template-columns:minmax(0,1fr)}.assessment-simulation-panel .simulation-fields label{width:100%}.assessment-simulation-panel .simulation-fields input{box-sizing:border-box;width:100%}.assessment-simulation-panel [data-clear-simulation]{margin-top:8px}
.incident-assessment-page .assessment-workspace{grid-template-columns:minmax(0,1fr) 370px}.incident-assessment-page .assessment-results{position:sticky;top:14px}.incident-assessment-page .assessment-map,.incident-assessment-page .assessment-cesium-map{height:max(620px,calc(100vh - 330px))}.incident-assessment-page .assessment-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.incident-assessment-page .assessment-area-modes{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}.incident-assessment-page .assessment-simulation-panel,.incident-assessment-page section.assessment-area-tools{max-width:none}@media(max-width:1150px){.incident-assessment-page .assessment-workspace{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:900px){.incident-assessment-page .assessment-workspace{grid-template-columns:1fr}.incident-assessment-page .assessment-results{position:static;top:auto}.incident-assessment-page .assessment-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.incident-assessment-page .assessment-map,.incident-assessment-page .assessment-cesium-map{height:520px}}@media(max-width:620px){.incident-assessment-page .assessment-kpis{grid-template-columns:1fr}.incident-assessment-page .assessment-area-modes{grid-template-columns:repeat(3,1fr)}.incident-assessment-page .assessment-map,.incident-assessment-page .assessment-cesium-map{height:420px}}
.assessment-affected-places{margin-top:16px;padding-top:16px;border-top:1px solid #ece6d9}.assessment-affected-places>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.assessment-affected-places h3{margin:0;color:#674427;font-size:15px}.assessment-affected-places>div:first-child span{padding:4px 8px;border-radius:999px;background:#edf2ee;color:#2C3930;font-size:10px;font-weight:600}.assessment-affected-places>[data-affected-places]{margin-top:9px;border-bottom:1px solid #ece6d9}.assessment-affected-places article{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:10px 0;border-top:1px solid #ece6d9}.assessment-affected-places article>.material-symbols-outlined{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#edf2ee;color:#2C3930;font-size:18px}.assessment-affected-places b,.assessment-affected-places small{display:block}.assessment-affected-places b{color:#2c3930;font-size:12px}.assessment-affected-places small{margin-top:3px;color:#806f5f;font-size:10px}.assessment-affected-places p{margin:0;padding:10px 0;color:#806f5f;font-size:12px}
.affected-place-group{border-top:1px solid #ece6d9}.affected-place-group>summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto 20px;align-items:center;gap:9px;padding:11px 0;cursor:pointer;list-style:none}.affected-place-group>summary::-webkit-details-marker{display:none}.affected-place-group>summary>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#edf2ee;color:#2C3930;font-size:18px}.affected-place-group>summary>b{font-size:13px}.affected-place-group>summary>small{margin:0;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#806f5f;font-size:10px}.affected-place-group>summary>i{color:#806f5f;font-size:19px;transition:transform .18s}.affected-place-group:not([open])>summary>i{transform:rotate(-90deg)}.affected-place-group>div{padding-left:39px}.affected-place-group article:first-child{border-top:1px solid #fffefb}.affected-place-group article>.material-symbols-outlined{background:#fffefb;color:#607466}
.assessment-affected-places>[data-affected-places]{display:grid;gap:8px;border-bottom:0}.affected-place-group{border:0;border-radius:9px;background:#fffefb;overflow:hidden}.affected-place-group>summary{padding:10px 12px}.affected-place-group>summary>span{background:#fff}.affected-place-group>div{display:grid;gap:2px;padding:0 12px 10px 49px}.affected-place-group article,.affected-place-group article:first-child{display:block;padding:8px 0;border:0}.affected-place-group article+article{margin-top:2px}.affected-place-group article b{font-size:12px}.affected-place-group article small{line-height:1.45}
.assessment-resource-table{overflow:hidden;border:1px solid #f3f1ea;border-radius:9px}.assessment-resource-head,.assessment-resource-table article{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(120px,.75fr) minmax(120px,.75fr) minmax(150px,.9fr);align-items:center;gap:12px}.assessment-resource-head{padding:8px 12px;background:#fffefb;color:#806f5f;font-size:10px;font-weight:600}.assessment-resource-table article{padding:11px 12px!important;border-top:1px solid #ece6d9!important}.assessment-resource-table article>b{color:#2c3930;font-size:13px}.resource-amount{display:grid;gap:2px}.resource-amount small{margin:0!important;color:#806f5f!important;font-size:9px!important}.resource-amount strong{color:#674427;font-size:15px}.resource-amount strong em{color:#806f5f;font-size:10px;font-style:normal;font-weight:500}.resource-amount.available strong{color:#2C3930}.assessment-resource-result .resource-comparison{display:grid;justify-self:start;gap:2px;min-width:112px;padding:6px 10px;border-radius:8px}.assessment-resource-result .resource-comparison b{font-size:11px}.assessment-resource-result .resource-comparison small{margin:0;font-size:9px}.assessment-resource-result .resource-comparison.enough{background:#fffefb;color:#607466}.assessment-resource-result .resource-comparison.shortage{background:#ffe9eb;color:#b94050}@media(max-width:720px){.assessment-resource-head{display:none}.assessment-resource-table article{grid-template-columns:minmax(0,1fr) 1fr 1fr}.assessment-resource-table article>b{grid-column:1/-1}.assessment-resource-result .resource-comparison{grid-column:1/-1;width:100%;box-sizing:border-box}}
.assessment-resource-result .resource-comparison b{font-size:13px}
.assessment-resource-help{margin:4px 0 12px;color:#806f5f;font-size:11px;line-height:1.5}.assessment-entry-group+.assessment-entry-group{margin-top:16px}.assessment-entry-group h4{margin:0 0 8px;color:#2c3930;font-size:13px}.assessment-entry-empty{margin:0;padding:12px;border:1px dashed #d8cfbd;border-radius:8px;color:#806f5f;font-size:11px;text-align:center}.resource-required-editor{display:flex;align-items:center;justify-content:center;gap:5px}.resource-required-editor input{box-sizing:border-box;width:82px;padding:7px 8px;border:1px solid #d8cfbd;border-radius:7px;background:#fff;color:#2c3930;font:inherit;font-size:14px;font-weight:700;text-align:right}.resource-required-editor em{color:#806f5f;font-size:10px;font-style:normal}.incident-assessment-page [data-contingency-plan-save]{display:grid;gap:10px}.incident-assessment-page [data-contingency-plan-save]>h3{margin:0 0 2px;color:#2c3930;font-size:15px}.incident-assessment-page [data-contingency-plan-save]>label:not(.assessment-activate){display:grid;gap:5px;color:#607466;font-size:11px}.incident-assessment-page [data-contingency-plan-save] input[type="text"],.incident-assessment-page [data-contingency-plan-save] textarea{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid #d8cfbd;border-radius:8px;color:#2c3930;font:inherit;font-size:12px}.incident-assessment-page [data-contingency-plan-save] textarea{resize:vertical}
.assessment-resource-table{overflow-x:auto}.assessment-resource-head,.assessment-resource-table article{min-width:680px;grid-template-columns:minmax(220px,1.6fr) minmax(120px,.75fr) minmax(120px,.75fr) minmax(180px,1fr)}.assessment-resource-head{padding:11px 14px;color:#674427;font-size:12px;font-weight:700}.assessment-resource-head span:nth-child(n+2){text-align:center}.assessment-resource-table article{min-height:56px;padding:10px 14px!important}.resource-amount{display:flex;align-items:baseline;justify-content:center}.resource-amount strong{font-size:16px;line-height:1.2}.resource-amount strong em{margin-left:3px;font-size:10px}.assessment-resource-result .resource-comparison{justify-self:center;justify-items:center;min-width:128px;box-sizing:border-box;text-align:center}.assessment-resource-result .resource-comparison b{font-size:12px;line-height:1.25;white-space:nowrap}@media(max-width:720px){.assessment-resource-head{display:grid}.assessment-resource-table article{grid-template-columns:minmax(220px,1.6fr) minmax(120px,.75fr) minmax(120px,.75fr) minmax(180px,1fr)}.assessment-resource-table article>b{grid-column:auto}.assessment-resource-result .resource-comparison{grid-column:auto;width:auto}}

/* Readable assessment sidebar: keep the map visible without compressing results. */
.incident-assessment-page .assessment-workspace {
  grid-template-columns: minmax(0, 1fr) clamp(420px, 27vw, 460px);
  gap: 18px;
}

.assessment-plan-dialog { width: min(620px, calc(100vw - 32px)); }
.assessment-plan-dialog header p { margin: 5px 0 0; color: #806f5f; font-size: 12px; }
.assessment-plan-dialog-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 20px 22px; }
.assessment-plan-dialog-fields label { display: grid; gap: 6px; color: #607466; font-size: 12px; font-weight: 600; }
.assessment-plan-dialog-fields label.wide { grid-column: 1 / -1; }
.assessment-plan-dialog-fields input[type="text"],
.assessment-plan-dialog-fields textarea { box-sizing: border-box; width: 100%; padding: 10px 12px; border: 1px solid #d8cfbd; border-radius: 8px; background: #fff; color: #2c3930; font: inherit; font-size: 13px; font-weight: 400; }
.assessment-plan-dialog-fields .assessment-activate { display: flex; align-items: center; gap: 8px; }
.assessment-plan-dialog footer { display: flex; justify-content: flex-end; gap: 10px; }
.assessment-plan-dialog footer button,
.assessment-plan-dialog footer input { min-width: 180px; }

@media (max-width: 620px) {
  .assessment-plan-dialog-fields { grid-template-columns: 1fr; padding: 16px; }
  .assessment-plan-dialog-fields label.wide { grid-column: auto; }
  .assessment-plan-dialog footer { display: grid; grid-template-columns: 1fr; }
  .assessment-plan-dialog footer button,
  .assessment-plan-dialog footer input { width: 100%; min-width: 0; }
}

.incident-assessment-page .assessment-results {
  position: static;
  top: auto;
  box-sizing: border-box;
  padding: 20px;
  overflow: visible;
}

.incident-assessment-page section.assessment-area-tools {
  padding: 16px;
  border: 1px solid #f3f1ea;
  border-radius: 11px;
  background: #fffefb;
}

.incident-assessment-page section.assessment-area-tools h3 {
  margin-top: 0;
  font-size: 19px;
}

.incident-assessment-page .assessment-result-heading {
  margin-top: 20px;
  padding-top: 18px !important;
  border-top: 1px solid #e2dac8 !important;
}

.incident-assessment-page .assessment-result-heading h2 {
  font-size: 19px;
}

.incident-assessment-page .assessment-kpis {
  gap: 10px;
  margin-top: 12px;
}

.incident-assessment-page .assessment-kpis article {
  min-height: 74px;
  box-sizing: border-box;
  padding: 13px 14px;
  border: 1px solid #e2dac8;
  border-radius: 10px;
  background: #fffdf6;
}

.incident-assessment-page .assessment-kpis small {
  color: #607466;
  font-size: 11px;
}

.incident-assessment-page .assessment-kpis b {
  margin-top: 7px;
  color: #2c3930;
  font-size: 18px;
  line-height: 1.25;
}

.incident-assessment-page .assessment-resource-result,
.incident-assessment-page .assessment-affected-places {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #e2dac8;
}

.incident-assessment-page .assessment-resource-result h3,
.incident-assessment-page .assessment-affected-places h3 {
  font-size: 16px;
}

.incident-assessment-page .assessment-resource-table {
  display: grid;
  gap: 8px;
  overflow: visible;
  border: 0;
  border-radius: 0;
}

.incident-assessment-page .assessment-resource-head {
  display: none;
}

.incident-assessment-page .assessment-resource-table article {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  min-width: 0;
  min-height: 0;
  padding: 12px !important;
  border: 1px solid #e2dac8 !important;
  border-radius: 10px;
  background: #fff;
}

.incident-assessment-page .assessment-resource-table article > b {
  grid-column: 1 / -1;
  font-size: 13px;
}

.incident-assessment-page .resource-amount {
  display: grid;
  justify-content: start;
  gap: 4px;
}

.incident-assessment-page .resource-amount::before {
  color: #607466;
  font-size: 10px;
  font-weight: 500;
}

.incident-assessment-page .resource-amount.required::before {
  content: "ต้องใช้";
}

.incident-assessment-page .resource-amount.available::before {
  content: "พร้อมใช้";
}

.incident-assessment-page .assessment-resource-result .resource-comparison {
  grid-column: 1 / -1;
  justify-self: stretch;
  justify-items: center;
  width: 100%;
  min-width: 0;
  padding: 7px 10px;
}

.incident-assessment-page .assessment-results form {
  margin: 20px -20px -20px;
  padding: 14px 20px 20px;
  border-top: 1px solid #e2dac8;
  background: #fff;
  box-shadow: 0 -8px 18px rgb(44 57 48 / 7%);
}

@media (max-width: 1450px) {
  .incident-assessment-page .assessment-workspace {
    grid-template-columns: minmax(0, 1fr) 390px;
  }
}

@media (max-width: 1180px) {
  .incident-assessment-page .assessment-workspace {
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 12px;
  }
}

@media (max-width: 1000px) {
  .incident-assessment-page .assessment-workspace {
    grid-template-columns: 1fr;
  }

  .incident-assessment-page .assessment-results {
    position: static;
    overflow: visible;
  }
}

@media (max-width: 620px) {
  .incident-assessment-page .assessment-results {
    padding: 14px;
  }

  .incident-assessment-page .assessment-results form {
    margin: 18px -14px -14px;
    padding: 12px 14px 14px;
  }
}

/* Reported incidents on the city map: status filter in the layer menu and the new-report / not-found toast. */
.city-incident-status-filter{display:grid;gap:4px;margin:6px 0;padding:8px 0;border-top:1px solid #eee7d8;border-bottom:1px solid #eee7d8}
.city-incident-status-filter b{font-size:11px;color:#806f5f}
.city-incident-status-filter label{display:flex;align-items:center;gap:6px}
.city-incident-status-filter small{color:#806f5f}
.city-incident-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c0392b}
.city-incident-dot.in_progress{background:#d08a1f}
.city-incident-dot.completed{background:#4f8a63}
.city-incident-toast{position:absolute;top:12px;left:50%;z-index:40;display:flex;align-items:center;gap:10px;max-width:min(92%,460px);padding:10px 12px;border-radius:10px;background:#fff;box-shadow:0 6px 24px #2c393033;transform:translateX(-50%)}
.city-incident-toast[hidden]{display:none}
.city-incident-toast>.material-symbols-outlined{color:#c0392b;font-size:24px}
.city-incident-toast div{display:grid;min-width:0}
.city-incident-toast small{overflow:hidden;color:#806f5f;white-space:nowrap;text-overflow:ellipsis}
.city-incident-toast button{border:0;border-radius:6px;padding:6px 10px;background:#2c3930;color:#fff;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.city-incident-toast button.close{padding:4px 8px;background:none;color:#806f5f;font-size:18px}
