:root{font-family:Inter,Arial Narrow,Arial,system-ui,sans-serif;color:#132620;background:#f4f8f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}.tv-screen{--green: #075b3d;--green-dark: #063e2d;--orange: #ef6c12;--red: #d9122d;display:grid;width:100%;height:100dvh;min-height:560px;grid-template-rows:14% minmax(0,1fr) 6%;background:#f4f8f6;font-size:clamp(11px,1vw,20px)}.tv-header{display:grid;min-width:0;min-height:0;grid-template-columns:27% minmax(0,1fr) 29%;align-items:center;gap:1.2%;padding:0 1.35%;background:#fff;box-shadow:0 2px 10px #0e39250d}.ministry-brand{display:flex;align-items:center;gap:3%;min-width:0}.ministry-emblem{position:relative;display:block;width:min(8vh,90px);height:min(8vh,90px);flex:0 0 auto;overflow:hidden}.ministry-emblem img{position:absolute;top:0;left:-50%;width:200%;height:200%;max-width:none}.ministry-brand div{min-width:0;line-height:1.13}.ministry-brand strong{display:block;color:#152222;font-size:.93em;font-weight:850;letter-spacing:-.02em;white-space:nowrap}.ministry-brand small{display:block;margin-top:.24em;color:#1c2c2c;font-size:.7em;font-weight:750;white-space:nowrap}.flag-rule{display:block;width:min(18vw,280px);height:.32em;margin-top:.27em;background:linear-gradient(90deg,#f57416 33%,#fff 33% 66%,#0a8e52 66%)}.tv-header h1{margin:0;color:var(--green-dark);font-size:clamp(19px,2.7vw,54px);font-weight:900;letter-spacing:-.035em;line-height:1;text-align:center;white-space:nowrap}.header-end{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:3%}.dpes-logo{width:auto;max-width:56%;height:min(10.2vh,110px);object-fit:contain}.header-end time{display:block;align-self:center;padding-left:3%;border-left:1px solid var(--green);color:var(--green-dark);font-size:.82em;font-weight:800;white-space:nowrap}.tv-main{display:flex;min-height:0;flex-direction:column;gap:1.45%;padding:.8% 1% .75%}.tv-main--overview .status-row{flex:0 0 11.8%}.status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55%;min-height:0}.status-card{display:flex;min-width:0;align-items:center;justify-content:center;gap:5%;border-radius:.32em;font-weight:850}.status-card strong{display:grid;width:1.9em;height:1.9em;place-items:center;border-radius:50%;color:#fff;font-size:2.4em;line-height:1}.status-card span{color:#111d1d;font-size:1.48em;white-space:nowrap}.status-card--conform{background:#e8f7f0}.status-card--conform strong{background:#078049}.status-card--watch{background:#fff1e5}.status-card--watch strong{background:#f36c0c}.status-card--critical{background:#ffedf0}.status-card--critical strong{background:#e41430}.tv-main--overview .kpi-row{flex:0 0 24.5%}.kpi-row{display:grid;min-height:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55%}.kpi-card{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:.25em;overflow:hidden;border:1px solid #e8eeeb;border-radius:.32em;background:#fff}.kpi-top{display:flex;width:100%;min-height:2.7em;align-items:center;justify-content:center;gap:.5em;padding:0 .5em}.kpi-top h2{margin:0;color:#172425;font-size:.91em;font-weight:850;line-height:1.05;text-align:center}.kpi-icon{color:var(--green);font-size:2.3em;font-weight:700;line-height:1}.kpi-icon--orange{color:var(--orange)}.kpi-card>strong{color:#073e30;font-size:clamp(28px,4vw,78px);font-weight:900;letter-spacing:-.055em;line-height:1;white-space:nowrap}.kpi-card>small{color:#425058;font-size:1.3em;font-weight:850;white-space:nowrap}.kpi-card:nth-child(-n+2)>small{color:#078049}.overview-panels{display:grid;min-height:0;flex:1;grid-template-columns:1.52fr .82fr 1.1fr;gap:.55%}.panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:1px solid #e0eae6;border-radius:.32em;background:#fff}.panel-head{display:flex;min-height:15.2%;align-items:center;justify-content:space-between;gap:.5em;padding:0 2.3%;background:var(--green);color:#fff}.panel-title{display:flex;min-width:0;align-items:center;gap:.48em}.panel-title h2{overflow:hidden;margin:0;font-size:1.42em;font-weight:850;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.panel-icon{font-size:1.6em;font-weight:800;line-height:1}.panel-body{position:relative;display:flex;min-height:0;flex:1;flex-direction:column;align-items:stretch;justify-content:center;padding:.7em .65em .55em}.panel--overview-chart .panel-body{gap:.15em}.chart{display:block;width:100%;min-height:0;flex:1;overflow:visible}.chart-grid{stroke:#dae5df;stroke-width:1}.chart-axis{fill:#27394b;font-family:Arial,sans-serif;font-size:14px}.chart-axis--right{fill:#365266;font-size:12px}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line--orange{stroke:#f46c18}.chart-line--green{stroke:#058247}.chart-line--dark{stroke:#043b30}.chart-dot{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.chart-dot--orange{fill:#f46c18}.chart-dot--green{fill:#058247}.chart-dot--dark{fill:#043b30}.chart-bar--orange{fill:#f46c18}.chart-bar--green{fill:#078345}.chart-bar--gray{fill:#b8bdbd}.chart-target{stroke:#e86d18;stroke-width:2;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.chart-target-label{fill:#b6540b;font-size:13px;font-weight:800}.chart-legend{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:2.2em;padding:.05em 0;color:#1b2d37;font-size:.84em;font-weight:800;white-space:nowrap}.chart-legend span,.map-legend span{display:inline-flex;align-items:center;gap:.42em}.legend-line{display:inline-block;width:1.8em;height:.17em;background:currentColor}.legend-line--orange,.legend-dot--orange{color:#f36b19;background:#f36b19}.legend-line--green,.legend-dot--green{color:#078345;background:#078345}.legend-line--dark{color:#063e2d;background:#063e2d}.legend-dot{display:inline-block;width:.9em;height:.9em;border-radius:50%}.legend-dot--conform{background:#06834a}.legend-dot--watch{background:#f4a500}.legend-dot--critical{background:#ed1735}.legend-dot--gray{background:#b8bdbd}.panel--map .panel-body{padding:.25em .55em .5em}.map-wrap{display:flex;min-height:0;height:100%;flex-direction:column;align-items:center}.territory-map{display:block;width:100%;min-height:0;flex:1}.map-zone{stroke:#fff;stroke-width:1.2;stroke-linejoin:round}.map-zone--conform{fill:#078548}.map-zone--watch{fill:#ffad00}.map-zone--critical{fill:#ec1432}.map-zone--unknown{fill:#aab7b0}.map-legend{display:flex;width:100%;flex:0 0 auto;justify-content:space-around;gap:.3em;padding:.45em 0 .35em;color:#1c2730;font-size:clamp(10px,.76em,16px);font-weight:850;text-transform:uppercase;white-space:nowrap}.map-legend .legend-dot{width:1.1em;height:1.1em}.map-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;flex:0 0 auto;padding-top:.25em}.map-count{display:flex;align-items:center;flex-direction:column;gap:.15em;padding:0 .2em;text-transform:uppercase}.map-count+.map-count{border-left:1px solid #bcc9c2}.map-count strong{font-size:2.9em;font-weight:900;line-height:.95}.map-count span{font-size:.92em;font-weight:850;white-space:nowrap}.map-count--conform{color:#078548}.map-count--watch{color:#d85700}.map-count--critical{color:#df102e}.map-missing{color:#455d51;font-size:.8em;font-weight:750}.map-panel-icon{display:block;width:1.1em;height:1.1em;fill:currentColor}.panel--alerts .panel-body{padding:.55em}.alerts-list{display:flex;height:100%;flex-direction:column;gap:.38em}.alert-item{display:grid;min-height:0;flex:1;grid-template-columns:2.2em minmax(0,1fr) auto auto;align-items:center;gap:.55em;padding:.3em .55em;border-radius:.32em}.alert-item--critical{background:#ffedf1}.alert-item--watch{background:#fff0e3}.alert-item--info{background:#e8f4ff}.alert-icon{display:grid;width:1.5em;height:1.5em;place-items:center;border-radius:50%;color:#fff;font-size:1.6em;font-weight:900}.alert-item--critical .alert-icon,.alert-item--critical em{background:#e51a34}.alert-item--watch .alert-icon{background:#f36a16}.alert-item--watch em{background:#ffcf72}.alert-item--info .alert-icon{background:#073b5d}.alert-item--info em{background:#b8ddff}.alert-item strong{overflow:hidden;font-size:1.16em;text-overflow:ellipsis;white-space:nowrap}.alert-item>span:not(.alert-icon){font-size:1.18em;font-weight:850;white-space:nowrap}.alert-item em{padding:.5em .6em;border-radius:.3em;color:#fff;font-size:.88em;font-style:normal;font-weight:850;white-space:nowrap}.alert-item--watch em,.alert-item--info,.alert-item--info em{color:#000}.tv-footer{display:flex;align-items:center;justify-content:space-between;padding:0 1.9%;background:var(--green);color:#fff;font-size:.85em;font-weight:750;letter-spacing:.01em}.freshness--stale{color:#ffcf72}.period-bar{display:flex;min-height:0;flex:0 0 6.5%;align-items:center;justify-content:center;gap:1.4em;border-radius:.3em;background:#eaf5fb;font-weight:850}.period-bar span{color:#14272e;font-size:1.05em}.period-bar strong{color:var(--green-dark);font-size:1.05em}.period-bar strong:first-of-type{margin-right:7%}.trends-grid{display:grid;min-height:0;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1.4% .65%}.trends-grid .panel-head{min-height:18%}.trends-grid .panel-body{padding:.35em .55em .1em}.trends-grid .panel-summary{display:flex;align-items:center;gap:.4em;font-size:.82em;font-weight:700;white-space:nowrap}.trends-grid .panel-summary b{font-size:1.55em;font-weight:900}.trends-grid .panel-summary b:first-child{color:#ff8c35}.trends-grid .panel-summary i{display:inline-block;height:1.8em;margin:0 .4em;border-left:1px solid #a7d2be}.trends-grid .panel-summary .summary-gap{color:#ff8c35;font-size:1.12em}.trends-grid .chart-legend{font-size:.68em}.data-state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.7em;color:var(--green-dark);text-align:center}.data-state strong{font-size:2em}.data-state span{font-size:1.1em}.data-state__line{width:28%;height:.3em;border-radius:1em;background:linear-gradient(90deg,#097b4d,#f36a16);animation:pulse 1.4s ease-in-out infinite alternate}.data-state--error{color:#b5132b}.not-found{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;gap:1em;font-family:Arial,sans-serif}.not-found a{color:#075b3d}@keyframes pulse{0%{opacity:.45}to{opacity:1}}@media(prefers-reduced-motion:reduce){.data-state__line{animation:none}}@media(max-width:1199px),(max-height:619px),(max-aspect-ratio:4/3){body{overflow:auto}.tv-screen{height:auto;min-height:100svh;grid-template-rows:auto minmax(0,1fr) auto;font-size:16px}.tv-header{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left))}.tv-header h1{grid-column:1 / -1;grid-row:2;font-size:30px;line-height:1.15;white-space:normal;text-wrap:balance}.ministry-brand{gap:12px}.ministry-brand strong{font-size:13px;white-space:normal}.ministry-brand small{font-size:11px;white-space:normal}.ministry-emblem{width:56px;height:56px}.flag-rule{width:min(100%,260px);height:4px}.header-end{gap:12px}.dpes-logo{height:72px;max-width:84px}.header-end time{padding-left:12px;font-size:12px;white-space:normal}.tv-main{width:100%;max-width:1440px;margin-inline:auto;gap:16px;padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left))}.tv-main--overview .status-row,.tv-main--overview .kpi-row{flex:none}.status-row{gap:12px}.status-card{min-height:96px;gap:12px;padding:12px}.status-card strong{flex-shrink:0;font-size:32px}.status-card span{font-size:16px;white-space:normal}.kpi-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi-card{grid-column:span 2;min-height:156px;gap:8px;padding:16px 8px}.kpi-card:nth-last-child(-n+2){grid-column:span 3}.kpi-top{min-height:32px;gap:8px}.kpi-top h2{font-size:14px;line-height:1.2}.kpi-icon{font-size:28px}.kpi-card>strong{font-size:44px}.kpi-card>small{font-size:16px}.overview-panels{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel--overview-chart{grid-column:1 / -1}.panel-head,.trends-grid .panel-head{min-height:60px;flex:0 0 auto;padding:12px 16px}.panel-title h2{overflow:visible;font-size:18px;line-height:1.2;white-space:normal}.panel-icon{flex-shrink:0;font-size:24px}.panel-body,.trends-grid .panel-body{padding:16px}.chart{flex:none;height:248px;min-height:248px}.chart-legend,.trends-grid .chart-legend{flex-wrap:wrap;gap:10px 20px;padding-top:8px;font-size:12px}.panel--map .panel-body{padding:12px}.map-wrap{height:auto}.territory-map{flex:none;height:280px;min-height:280px}.map-legend{flex-wrap:wrap;gap:6px 10px;font-size:12px}.map-count strong{font-size:42px}.map-count span{font-size:13px}.panel--alerts .panel-body{padding:12px}.alerts-list{height:auto;flex:1;gap:10px}.alert-item{min-height:94px;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"icon label label" "icon value badge";gap:8px 10px;padding:14px 12px}.alert-icon{grid-area:icon;width:34px;height:34px;font-size:24px}.alert-item strong{grid-area:label;overflow:visible;font-size:16px;line-height:1.2;white-space:normal}.alert-item>span:not(.alert-icon){grid-area:value;font-size:17px}.alert-item em{display:block;grid-area:badge;justify-self:end;font-size:12px}.period-bar{display:grid;flex:none;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px 12px;padding:14px 16px}.period-bar span,.period-bar strong{font-size:14px}.period-bar strong:first-of-type{margin-right:0}.trends-grid{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:16px}.trends-grid .panel-head{flex-direction:column;align-items:stretch;gap:10px}.trends-grid .panel-summary{min-width:0;flex-wrap:wrap;gap:8px;font-size:14px;white-space:normal}.trends-grid .panel-summary b{font-size:20px}.trends-grid .panel-summary .summary-gap{font-size:16px}.trends-grid .panel-summary i{height:20px;margin:0 4px}.tv-footer{min-height:56px;flex-wrap:wrap;gap:8px 16px;padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));font-size:12px}.data-state{min-height:50svh;padding:24px}.data-state strong{font-size:24px}.data-state span{font-size:16px}}@media(max-width:959px){.trends-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:699px){.overview-panels{grid-template-columns:minmax(0,1fr)}.header-end{flex-direction:column;align-items:flex-end;gap:6px;max-width:104px}.header-end time{max-width:104px;padding-left:0;border-left:0;font-size:11px;text-align:right}.dpes-logo{height:56px;max-width:64px}.ministry-brand strong{font-size:11px}.ministry-brand small{font-size:10px}.ministry-emblem{width:44px;height:44px}.ministry-brand{gap:8px}.tv-header{gap:12px}.tv-header h1{font-size:26px}.status-row{gap:8px}.status-card{flex-direction:column;min-height:112px;gap:8px;padding:12px 4px;text-align:center}.status-card strong{font-size:28px}.status-card span{font-size:12px}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card,.kpi-card:nth-last-child(-n+2){grid-column:auto}.kpi-card:last-child{grid-column:1 / -1}.kpi-card>strong{font-size:40px}.period-bar{grid-template-columns:auto minmax(0,1fr)}}@media(max-width:399px){.tv-header,.tv-main{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.tv-header{column-gap:8px}.tv-header h1{font-size:24px}.header-end,.header-end time{max-width:76px}.ministry-brand{gap:6px}.ministry-emblem{width:38px;height:38px}.status-card span{font-size:11px}.kpi-row{gap:8px}.kpi-top{flex-direction:column;min-height:60px;gap:4px;padding:0}.kpi-top h2{font-size:13px}.kpi-card>strong{font-size:36px}.kpi-card>small{font-size:14px}.panel-head,.trends-grid .panel-head{padding-inline:12px}.panel-body,.trends-grid .panel-body{padding:12px}.panel-title h2{font-size:17px}.alert-item{grid-template-columns:32px minmax(0,1fr) auto;column-gap:8px;padding-inline:10px}.alert-icon{width:30px;height:30px;font-size:22px}.alert-item em,.map-legend{font-size:11px}.map-count span{font-size:12px}.period-bar{column-gap:8px;padding-inline:12px}.period-bar span,.period-bar strong{font-size:12px}}