.epi-hero{background:linear-gradient(116deg,#103c5a,#08756a 70%,#1da597);color:#fff;border-radius:22px;padding:27px 31px;display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:0 14px 32px #0b71602b}
.epi-hero p{font-size:12px;letter-spacing:.14em;margin:0}.epi-hero h2{font-size:clamp(24px,3vw,35px);margin:6px 0}.epi-hero span{font-size:14px;color:#e6f9f5}.epi-hero b{border:1px solid #ffffff77;border-radius:50px;padding:10px 16px;white-space:nowrap}
.epi-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0 9px}.epi-filters label,.epi-map-header label{display:grid;gap:5px;font-weight:600;color:#315465;font-size:13px}.epi-filters input,.epi-filters button,.epi-map-header select{border:1px solid #c8dde2;border-radius:11px;padding:10px 13px;background:white;color:#173e50;font:inherit}.epi-filters button{background:#097e72;color:#fff;cursor:pointer;border-color:#097e72}.epi-filters button:disabled{opacity:.6;cursor:wait}.epi-filter-note{color:#66818b;font-size:13px;padding-bottom:10px}.epi-message{min-height:25px;color:#a04d1c}
.epi-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:8px 0 17px}.epi-metrics article,.epi-panel{background:#fcfefe;border:1px solid #dce9ed;border-radius:18px;box-shadow:0 8px 22px #173e5012;padding:19px}.epi-metrics article{border-top:3px solid #11aaad}.epi-metrics span,.epi-metrics small{display:block;color:#5c7886}.epi-metrics strong{display:block;color:#087769;font-size:31px;margin:7px 0}
.epi-panel{margin-bottom:17px}.epi-panel header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.epi-panel h3{margin:0 0 5px;color:#173f56}.epi-panel header p{margin:0;color:#667f8b;font-size:13px}.epi-panel header span{color:#698290;white-space:nowrap;font-size:13px}
.epi-ranking{height:410px}.epi-curves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.epi-curve-card{background:linear-gradient(#fff,#f9fcfe);border:1px solid #dce8ec;border-radius:14px;padding:15px;min-width:0;box-shadow:0 4px 11px #1238560c}.epi-curve-card h4{margin:0 0 5px;color:#264b60;font-size:14px;line-height:1.4;min-height:39px;overflow:hidden}.epi-curve-card strong{color:#087869;font-size:19px}.epi-mini-chart{height:165px;margin-top:10px}
.epi-combined-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,290px);gap:14px}.epi-combined-scroll{overflow-x:auto;min-width:0}.epi-combined-chart{height:460px;min-width:600px}.epi-combined-legend{max-height:460px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;padding-right:3px}.epi-combined-item{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #e1ebee;border-radius:9px;background:#f9fcfd;color:#244b5e;padding:7px 8px;text-align:left;font:inherit;font-size:12px;cursor:pointer}.epi-combined-item:hover,.epi-combined-item:focus-visible{background:#eaf8f7;border-color:#7ebfc1}.epi-combined-item i{width:10px;height:10px;border-radius:50%}.epi-combined-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epi-combined-item strong{white-space:nowrap;color:#087769}
.epi-map-header label{min-width:min(290px,100%)}.epi-map-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:17px}.epi-map{height:500px;border-radius:14px;overflow:hidden;background-color:#eaf4f0;background-image:linear-gradient(#d6e8e455 1px,transparent 1px),linear-gradient(90deg,#d6e8e455 1px,transparent 1px);background-size:48px 48px}.epi-map.leaflet-container{display:block;z-index:0;font-family:inherit}.epi-map .leaflet-popup-content{font-family:inherit;line-height:1.7}.epi-map-tooltip{font-weight:700;color:#654422;background:#fffef4e8;border:1px solid #e8c991;border-radius:8px;box-shadow:0 2px 9px #2443}
.epi-map-note{color:#607c86;font-size:12px;line-height:1.5;margin:8px 0 0}.epi-map-note a{color:#0b769d}.epi-legend{display:flex;align-items:center;gap:5px;color:#506e79;font-size:12px;margin-top:11px}.epi-legend i{width:29px;height:12px;border:1px solid #b8ac9a;border-radius:2px;background:#fffdf9}.epi-legend i:nth-of-type(2){background:#fff4b8}.epi-legend i:nth-of-type(3){background:#ffd469}.epi-legend i:nth-of-type(4){background:#ff9d45}.epi-legend i:nth-of-type(5){background:#f06a29}.epi-legend i:nth-of-type(6){background:#c92827}.epi-tambon-side{background:#f6fafb;border:1px solid #e1eced;border-radius:14px;padding:15px;min-width:0}.epi-tambon-side h4{margin:0;color:#214d5e}.epi-tambon-chart{height:408px;margin-top:12px}.epi-tambon-side p{color:#6c828d;font-size:12px}.epi-village-chart{height:560px}.epi-footnote{color:#607783;font-size:13px;line-height:1.65;margin:18px 2px}
@media(max-width:1100px){.epi-curves{grid-template-columns:repeat(2,minmax(0,1fr))}.epi-map-layout{grid-template-columns:1fr}.epi-tambon-chart{height:255px}}
@media(max-width:850px){.epi-combined-layout{grid-template-columns:1fr}.epi-combined-legend{max-height:260px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.epi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.epi-hero{display:block}.epi-hero b{display:inline-block;margin-top:12px}.epi-panel header{align-items:flex-start}.epi-ranking{height:430px}}
@media(max-width:580px){.epi-metrics,.epi-curves{grid-template-columns:1fr}.epi-panel header,.epi-map-header{display:block}.epi-panel header span{display:block;margin-top:7px}.epi-map-header label{margin-top:12px}.epi-map{height:360px}.epi-tambon-chart{height:250px}.epi-village-chart{height:490px}.epi-combined-chart{height:330px}.epi-combined-legend{grid-template-columns:1fr}.epi-legend i{width:18px}.epi-hero{padding:22px}}
.epi-quick-ranges{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:3px 0 0 auto}.epi-quick-ranges span{font-weight:700;color:#365766;font-size:13px;margin-right:3px}.epi-quick-ranges button{border:1px solid #bad9dc;border-radius:999px;background:#fff;color:#206376;padding:7px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.epi-quick-ranges button:hover{background:#eaf8f7}.epi-quick-ranges button[aria-pressed="true"]{background:#087e72;border-color:#087e72;color:#fff}
.epi-metrics .epi-top-disease{border-top-color:#f1a333}.epi-top-disease strong{font-size:clamp(16px,1.55vw,22px);line-height:1.25;overflow-wrap:anywhere;min-height:30px}.epi-alert-icon{display:inline-flex!important;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:#fff0ce;color:#a86203;font-size:16px;vertical-align:middle;margin-left:4px}
.epi-sex-summary{display:flex;flex-wrap:wrap;gap:10px;margin:3px 0 12px}.epi-sex-summary span{border-radius:10px;padding:7px 12px;font-size:13px;font-weight:600}.epi-sex-summary strong{font-size:17px;margin:0 3px}.epi-sex-summary .epi-male{background:#eaf3ff;color:#2165a8}.epi-sex-summary .epi-female{background:#fff0f5;color:#ad4b75}.epi-pyramid-chart{height:510px}
@media(max-width:1100px){.epi-quick-ranges{margin-left:0}}
.epi-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}.epi-split-grid>.epi-panel{min-width:0}.epi-split-grid .epi-pyramid-chart,.epi-split-grid .epi-village-chart{height:540px}
.epi-village-popup{min-width:220px;line-height:1.5}.epi-village-popup>strong{display:block;color:#174758;font-size:14px}.epi-popup-heading{border-top:1px solid #dce8eb;margin:8px 0 5px;padding-top:7px;font-weight:700;color:#326374}.epi-popup-diseases{list-style:none;padding:0;margin:0;max-height:230px;overflow-y:auto}.epi-popup-diseases li{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:4px 0;border-bottom:1px solid #eef3f4}.epi-popup-diseases li span{min-width:0;overflow-wrap:anywhere}.epi-popup-diseases li b{color:#a84b29;white-space:nowrap}
.epi-village-popup>small{display:block;margin-top:7px;color:#68808b}
@media(max-width:1050px){.epi-split-grid{grid-template-columns:1fr}.epi-split-grid .epi-pyramid-chart,.epi-split-grid .epi-village-chart{height:510px}}
.epi-detail-dialog{width:min(860px,calc(100vw - 28px));max-height:86vh;padding:0;border:1px solid #cee1e5;border-radius:18px;background:#fff;color:#204456;box-shadow:0 28px 70px #12354655;overflow:hidden}.epi-detail-dialog::backdrop{background:#112f4085}.epi-detail-header{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:18px 22px 12px;background:#f4fafb}.epi-detail-header small{display:block;color:#52808b;margin-bottom:4px}.epi-detail-header h3{font-size:19px;margin:0;color:#123e56;overflow-wrap:anywhere}.epi-detail-header button{flex:none;width:34px;height:34px;border:1px solid #cadee3;border-radius:10px;background:white;color:#365969;font-size:23px;line-height:1;cursor:pointer}.epi-detail-total{margin:0;padding:12px 22px;color:#08796b;font-size:19px;font-weight:800}.epi-detail-table-wrap{max-height:min(56vh,520px);overflow:auto;margin:0 22px;border:1px solid #dce8eb;border-radius:10px}.epi-detail-table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.epi-detail-table-wrap th,.epi-detail-table-wrap td{padding:9px 11px;text-align:left;border-bottom:1px solid #e8eff1;vertical-align:top}.epi-detail-table-wrap th{position:sticky;top:0;background:#ebf5f6;color:#315b69;z-index:1}.epi-detail-table-wrap td:last-child,.epi-detail-table-wrap th:last-child{text-align:right;white-space:nowrap;font-weight:700}.epi-detail-table-wrap tbody tr:nth-child(even){background:#f9fcfc}.epi-detail-note{color:#667f89;font-size:12px;line-height:1.5;padding:9px 22px 16px;margin:0}
.epi-filters #epiDengue{display:inline-flex;align-items:center;gap:6px;background:#fff8ed;border-color:#efbd75;color:#8a4415;font-weight:700;white-space:nowrap}.epi-filters #epiDengue:hover{background:#ffefd5}.epi-filters #epiDengue[aria-pressed="true"]{background:#c05a21;border-color:#a94818;color:#fff;box-shadow:0 0 0 2px #f7cfad}.epi-filters #epiDengue span{font-size:20px;line-height:1}
.epi-combined-panel{position:relative;overflow:hidden;border-color:#d4e5e8;background:radial-gradient(circle at 8% 0%,#ebfaf5 0,transparent 38%),radial-gradient(circle at 100% 100%,#edf5ff 0,transparent 39%),#fcfefe;box-shadow:0 12px 30px #17425716,0 2px 7px #1742570a}
.epi-combined-panel::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#c92e39,#df7526 52%,#dfbd45);pointer-events:none}
.epi-combined-panel .epi-combined-chart{border:1px solid #dbe9eb;border-radius:14px;padding:12px 10px 8px 4px;background:radial-gradient(circle at 80% 8%,#eaf7f7aa,transparent 50%),linear-gradient(155deg,#fff,#f6fafb);box-shadow:inset 0 1px 4px #2455680b,0 7px 19px #1b4e6514}
.epi-combined-panel .epi-combined-item{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.epi-combined-panel .epi-combined-item:hover,.epi-combined-panel .epi-combined-item:focus-visible{transform:translateY(-1px);box-shadow:0 5px 13px #214b631c}
.epi-combined-panel .epi-combined-item.epi-watch-1{border:1px solid #eaa2a4;border-left:4px solid #c92e39;background:linear-gradient(100deg,#fff0f0,#fff);box-shadow:0 3px 11px #c92e3924}
.epi-combined-panel .epi-combined-item.epi-watch-2{border:1px solid #efbd94;border-left:4px solid #df7526;background:linear-gradient(100deg,#fff3e8,#fff);box-shadow:0 3px 11px #df752622}
.epi-combined-panel .epi-combined-item.epi-watch-3{border:1px solid #e8d59b;border-left:4px solid #c3a01c;background:linear-gradient(100deg,#fff9e6,#fff);box-shadow:0 3px 11px #b7952022}
.epi-combined-panel .epi-watch-1 strong{color:#a72630}.epi-combined-panel .epi-watch-2 strong{color:#aa5218}.epi-combined-panel .epi-watch-3 strong{color:#876900}
@media(prefers-reduced-motion:reduce){.epi-combined-panel .epi-combined-item{transition:none}}