:root{--navy:#003f3a;--green:#008f70;--teal:#007f68;--ink:#163b40;--muted:#68838a;--line:#dce8eb;--bg:#f4f8fa;--white:#fff;--gold:#c79a35;--red:#df2d34;--orange:#f28b24;--blue:#1257b8}#fosda-app{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);display:flex;min-height:900px;max-width:1600px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 16px 45px rgba(0,50,55,.12);font-size:14px}.fosda-sidebar{width:218px;background:linear-gradient(180deg,#004c43,#00352f);color:#fff;padding:22px 14px;display:flex;flex-direction:column;flex-shrink:0}.fosda-brand{height:86px;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:28px}.fosda-brand img{width:92%;height:auto}.brand-mini{display:none}.fosda-sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#e8f8f3;text-align:left;padding:11px 12px;border-radius:9px;font-size:14px;cursor:pointer;display:flex;gap:12px;align-items:center}.nav-item span{width:20px;text-align:center;font-size:17px}.nav-item.active,.nav-item:hover{background:#008f70;color:#fff}.sidebar-bottom{margin-top:auto;padding:15px 8px 3px;font-size:14px;line-height:1.5;color:#d8f4ed}.sidebar-bottom em{font-style:italic}.sidebar-bottom i{display:block;width:44px;height:3px;background:#f3b91d;margin-top:12px}.fosda-main{flex:1;padding:18px 20px 10px;min-width:0;background:linear-gradient(135deg,#f9fcfd 0,#eef6f7 100%)}.fosda-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:0 4px 16px}.fosda-header h1{font-size:29px;line-height:1.05;margin:0;color:#0b403e;letter-spacing:-.7px}.fosda-header h1 span{font-weight:800}.fosda-header p{margin:8px 0 0;color:#12816e;font-size:13px}.header-status{display:flex;align-items:center;gap:16px}.updated{display:flex;align-items:center;gap:8px;font-size:10px;color:#17716c}.updated b{width:8px;height:8px;border-radius:50%;background:#10b65b;display:block}.updated strong{font-size:9px}.live-pill{background:#008f70;color:#fff;border-radius:13px;padding:9px 17px;display:grid;grid-template-columns:22px 1fr;column-gap:5px;align-items:center;font-size:18px}.live-pill strong{font-size:13px}.live-pill small{font-size:8px;grid-column:2;opacity:.9}.ghana-flag{width:58px;height:40px;display:grid;grid-template-rows:1fr 1fr 1fr;transform:skew(-14deg);overflow:hidden}.ghana-flag i:nth-child(1){background:#d71920}.ghana-flag i:nth-child(2){background:#f6d70d}.ghana-flag i:nth-child(3){background:#0d6b50}.filters{background:#fff;border:1px solid #dbe7eb;border-radius:13px;padding:11px 13px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:13px;box-shadow:0 2px 9px rgba(0,65,75,.04)}.filters label{font-weight:800;font-size:11px;padding:0 11px}.filters label+label{border-left:1px solid #e4ecef}.filters select{display:block;width:100%;margin-top:6px;height:31px;border:1px solid #d7e3e7;border-radius:6px;padding:0 9px;background:#fff;color:#36565d;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.metric{background:#fff;border:1px solid #dde8eb;border-radius:10px;padding:11px;display:flex;gap:11px;align-items:center;box-shadow:0 3px 10px rgba(0,65,75,.05)}.metric-icon{width:37px;height:37px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:19px}.metric.danger .metric-icon{background:var(--red)}.metric.orange .metric-icon{background:var(--orange)}.metric.blue .metric-icon{background:#2d5ba8}.metric.green .metric-icon{background:#159b59}.metric b{display:block;font-size:10px}.metric strong{display:block;font-size:22px;line-height:1.1;margin:2px 0}.metric.danger strong{color:var(--red)}.metric.orange strong{color:var(--orange)}.metric.blue strong{color:#2d5ba8}.metric.green strong{color:#159b59}.metric small{font-weight:800;color:#0b9a66;font-size:9px}.metric em{display:block;font-style:normal;color:#6c858b;font-size:8px}.grid{display:grid;gap:12px;margin-bottom:12px}.grid-main{grid-template-columns:1fr 1.75fr}.grid-three{grid-template-columns:1fr 1.22fr}.grid-bottom{grid-template-columns:1.15fr 1.1fr .9fr}.panel{background:#fff;border:1px solid #dce8eb;border-radius:10px;padding:11px 13px;box-shadow:0 3px 10px rgba(0,65,75,.04);min-width:0}.panel-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.panel-title>span{font-size:18px;color:#006b65;font-weight:800}.panel-title h2{font-size:13px;margin:0;color:#153f45}.panel-title p{font-size:9px;color:#668188;margin:2px 0 0}.panel-title .legend{margin-left:auto;display:flex;gap:12px;font-size:8px;font-weight:700}.l-blue{color:#1257b8}.l-orange{color:#f28b24}.l-red{color:#df2d34}.trend-panel{height:252px}.trend-panel canvas{height:205px!important}.map-panel{min-height:315px}.map-wrap{display:flex;gap:7px;align-items:center}.ghana-map{height:270px;flex:1;position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbfc,#eef6f7);border-radius:8px}.ghana-svg{width:100%;height:100%;display:block}.gh-region{cursor:pointer;outline:none}.gh-region path{transition:filter .15s,stroke-width .15s}.gh-region:hover path,.gh-region:focus path{filter:brightness(1.08) drop-shadow(0 2px 4px rgba(0,60,60,.2));stroke-width:2}.gh-region text{font-size:8px;font-weight:800;fill:#fff;paint-order:stroke;stroke:rgba(0,60,60,.65);stroke-width:2px;pointer-events:none}.map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#638087;font-size:10px}.map-fallback-shape{position:absolute;inset:8% 15% 5% 12%;background:linear-gradient(135deg,#54b86d,#f0ba25 47%,#ec3b34 72%,#42a95d);clip-path:polygon(22% 3%,48% 1%,61% 10%,75% 18%,82% 35%,72% 48%,87% 62%,73% 77%,57% 83%,52% 97%,36% 90%,19% 96%,10% 83%,18% 67%,8% 55%,18% 39%,11% 22%);opacity:.9}.map-label{position:absolute;z-index:2;transform:translate(-50%,-50%);border:1px solid #fff;color:#fff;font-size:8px;font-weight:800;padding:3px 5px;border-radius:3px;cursor:pointer}.map-label:hover{transform:translate(-50%,-50%) scale(1.08)}.level-5{background:#e52b31}.level-4{background:#f06a24}.level-3{background:#f1b523}.level-2{background:#79b93a}.level-1{background:#6f95a2}.map-legend{width:94px;display:grid;gap:6px;font-size:8px;color:#587078}.map-legend b{font-size:8px;color:#304d54}.dot{width:11px;height:11px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:5px}.d5{background:#df2d34}.d4{background:#ef5e31}.d3{background:#f0a32c}.d2{background:#83b52d}.d1{background:#708e98}.chart-row{height:205px;display:flex;align-items:center}.chart-row canvas{max-width:58%;max-height:190px}.type-legend{flex:1;display:grid;gap:6px;padding-left:7px}.type-legend div{display:grid;grid-template-columns:8px 1fr auto;gap:5px;align-items:center;font-size:8px}.type-legend i{width:8px;height:8px;border-radius:2px}.type-legend b{font-size:8px}.grid-three canvas{height:205px!important}.grid-bottom .panel{min-height:180px}.table-panel table{width:100%;border-collapse:collapse;font-size:8px}.table-panel th{color:#547078;text-align:left;font-size:8px;padding:5px 3px;border-bottom:1px solid #e3ebee}.table-panel td{padding:7px 3px;border-bottom:1px solid #eef3f4}.table-panel td:nth-child(n+3),.table-panel th:nth-child(n+3){text-align:right}.region-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#df2d34;margin-right:5px}.r1{background:#f28b24}.r2{background:#df2d34}.r3{background:#b2b72c}.r4{background:#1257b8}.heat-head,.heat-row{display:grid;grid-template-columns:32px repeat(12,1fr);gap:2px}.heat-head b{font-size:6px;text-align:center;color:#57727a}.heat-row{margin-top:2px}.heat-row>b{font-size:7px;display:flex;align-items:center;color:#57727a}.heat-row i{height:16px;border-radius:2px;background:color-mix(in srgb,#48a85d calc((1 - var(--heat))*100%),#e43d34 calc(var(--heat)*100%));border:1px solid rgba(255,255,255,.5)}.heat-scale{display:flex;align-items:center;gap:5px;font-size:7px;color:#668087;margin-top:8px}.heat-scale i{height:7px;flex:1;border-radius:10px;background:linear-gradient(90deg,#249c55,#e9d63a,#df3035)}.recent-head,.recent-row{display:grid;grid-template-columns:.65fr 1.2fr 1fr;gap:5px;font-size:8px;padding:6px 2px}.recent-head{background:#f1f6f7;color:#526f76;font-weight:800}.recent-row{border-bottom:1px solid #edf2f3}.recent-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-panel>a{display:block;text-align:right;color:#007b69;font-size:8px;text-decoration:none;font-weight:800;margin-top:7px}.empty{font-size:10px;color:#81949a}footer{padding:7px 4px;font-size:8px;color:#678087;display:flex;justify-content:space-between}footer span{margin-left:auto}.incidents-view{display:none}@media(max-width:1050px){#fosda-app{font-size:13px}.fosda-sidebar{width:170px}.grid-main,.grid-three,.grid-bottom{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,1fr);gap:8px}.filters label+label{border-left:0}.header-status{display:none}}@media(max-width:680px){#fosda-app{display:block}.fosda-sidebar{width:auto;position:relative}.fosda-sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar-bottom{display:none}.fosda-brand{height:65px}.cards{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.fosda-header h1{font-size:22px}.fosda-main{padding:12px}.map-wrap{display:block}.map-legend{width:auto;grid-template-columns:repeat(5,1fr)}footer{display:block}.header-status{display:none}}

/* v1.7 customizable theme + larger responsive Ghana map */
#fosda-app{background:var(--fosda-bg,#F4F6F8)}
#fosda-app .fosda-sidebar{background:linear-gradient(180deg,var(--fosda-sidebar,#172033),color-mix(in srgb,var(--fosda-sidebar,#172033) 78%,#000 22%))}
#fosda-app .fosda-main{background:var(--fosda-bg,#F4F6F8)}
#fosda-app .nav-item.active,#fosda-app .nav-item:hover{background:var(--fosda-primary,#1F2A44)}
#fosda-app .fosda-header h1{color:var(--fosda-primary,#1F2A44)}
#fosda-app .fosda-header p{color:var(--fosda-accent,#C94B4B)}
#fosda-app .live-pill{background:var(--fosda-primary,#1F2A44)}
#fosda-app .updated b{background:var(--fosda-accent,#C94B4B)}
#fosda-app .panel,#fosda-app .metric{background:var(--fosda-card,#fff)}
#fosda-app .panel-title>span{color:var(--fosda-primary,#1F2A44)}
#fosda-app .metric.green .metric-icon{background:var(--fosda-primary,#1F2A44)}
#fosda-app .metric.green strong{color:var(--fosda-primary,#1F2A44)}
#fosda-app .metric small{color:var(--fosda-accent,#C94B4B)}
#fosda-app .recent-panel>a{color:var(--fosda-primary,#1F2A44)}
#fosda-app .map-panel{min-height:500px}
#fosda-app .grid-main{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
#fosda-app .map-wrap{display:block}
#fosda-app .ghana-map{height:540px;width:100%;background:linear-gradient(180deg,#fbfcfd,#edf1f5);border:1px solid #e1e7ec}
#fosda-app .ghana-svg{width:100%;height:100%;display:block}
#fosda-app .gh-region text{font-size:11px;font-weight:800}
#fosda-app .map-legend{width:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px}
#fosda-app .map-legend b{margin-right:5px}

@media(max-width:1050px){#fosda-app .grid-main{grid-template-columns:1fr}#fosda-app .map-panel{min-height:0}#fosda-app .ghana-map{height:560px}}
@media(max-width:680px){#fosda-app{border-radius:0;min-height:100vh}#fosda-app .fosda-main{padding:10px}.fosda-header{padding-bottom:12px}.fosda-header h1{font-size:21px}.fosda-header p{font-size:11px}.filters{margin-bottom:10px}.cards{gap:8px}.metric{padding:10px}.grid{gap:9px;margin-bottom:9px}.panel{padding:10px}.grid-main{display:block!important}.ghana-map,#fosda-app .ghana-map{height:500px;min-height:500px}.map-legend{font-size:8px;gap:6px}.map-legend b{width:100%}#fosda-app .gh-region text{font-size:10px;stroke-width:1.8px}.trend-panel{height:280px}.trend-panel canvas{height:230px!important}.chart-row{height:235px}.grid-three canvas{height:230px!important}.table-panel,.heat-panel,.recent-panel{overflow-x:auto}.heat-head,.heat-row{min-width:560px}footer span{display:block;margin:5px 0 0}}


@media(max-width:680px){}

/* v1.9 sync/status polish */

#fosda-app .filters select:focus{outline:2px solid color-mix(in srgb,var(--fosda-primary,#1F2A44) 35%,transparent);outline-offset:1px}
@media(max-width:680px){#fosda-app .ghana-map{height:500px!important;min-height:500px!important}#fosda-app .gh-region text{font-size:11px!important}}

#fosda-app .updated{display:none!important}

.data-message{min-height:0;text-align:center;color:#64748b;font-size:12px;margin:0 0 6px}.data-message:empty{display:none}

.fosda-app .nav-item{cursor:pointer;width:100%;border:0;background:transparent;text-align:left;}
.fosda-app .nav-item:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px;}
.fosda-app .panel{scroll-margin-top:24px;}
.fosda-app .about-panel{margin-top:18px;}
.fosda-app .about-panel p{margin:0;color:#5f6b78;line-height:1.7;}