:root{--navy:#182b40;--navy-2:#21364d;--orange:#f45b13;--orange-dark:#e9500a;--orange-soft:#fff1e8;--green:#16804c;--green-soft:#eef8f2;--ink:#1d2d40;--muted:#69788b;--line:#dce3ea;--surface:#fff;--canvas:#f7f9fb;--soft:#eef2f6;--red:#c8352b;--font:'Montserrat',Arial,sans-serif;--radius:7px;--radius-sm:4px}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}.topbar{height:76px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10;box-shadow:0 2px 7px #0f22351c}.brand{display:flex;align-items:center;gap:22px;color:inherit;text-decoration:none}.brand-name{font-size:23px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand-name b{color:var(--orange);font-weight:800}.brand-divider,.top-separator{height:35px;width:1px;background:#ffffff4a}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font-size:12px;letter-spacing:.2px}.brand-copy small{color:#bdc8d4;font-size:10px}.topbar-right{display:flex;align-items:center;gap:23px}.connection{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;white-space:nowrap}.connection i,.live-badge i{width:8px;height:8px;background:#30a967;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #30a96720}.connection.is-loading i{background:#e4a332;box-shadow:0 0 0 3px #e4a33220}.connection.is-error i{background:#e5584d;box-shadow:0 0 0 3px #e5584d20}.clock{font-size:10px;line-height:1.5;color:#d5dde6;min-width:122px}.app-shell{display:flex;min-height:calc(100vh - 76px)}.sidebar{width:218px;flex:0 0 218px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:18px 12px 20px;min-height:calc(100vh - 76px)}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;min-height:46px;display:flex;align-items:center;gap:14px;padding:0 13px;text-align:left;color:#33485e;font:600 12px var(--font);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s,color .15s}.nav-item:hover{background:#f5f7f9}.nav-item.active{background:var(--orange-soft);color:var(--orange);box-shadow:inset 3px 0 var(--orange)}.nav-icon{width:20px;display:inline-flex;justify-content:center;font-family:Arial,sans-serif;font-size:20px;font-weight:700}.pin-icon{font-size:13px;position:relative}.pin-icon:after{content:'';position:absolute;width:7px;height:7px;border:2px solid currentColor;border-radius:50%;top:2px;left:6px;background:#fff}.people-icon{font-size:12px;letter-spacing:-2px}.sidebar-note{display:flex;align-items:center;gap:10px;padding:11px 8px;color:#758397;font-size:9px;line-height:1.5;border-top:1px solid #edf0f3}.note-mark{width:19px;height:19px;border:1px solid #aebac7;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.main-content{padding:26px 30px 24px;max-width:1800px;width:100%;margin:0 auto}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:1px 0 20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.25px;color:#8a97a6;margin:0 0 6px}.page-heading h1{font-size:34px;line-height:1;margin:0;font-weight:800;letter-spacing:-1.8px;color:var(--navy)}.page-heading h1 span{color:var(--orange)}.page-heading h2{font-size:15px;letter-spacing:.1px;font-weight:700;color:#748090;margin:7px 0 0}.live-badge{background:var(--orange);color:#fff;padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:.45px;border-radius:5px;white-space:nowrap}.live-badge i{background:#fff;box-shadow:0 0 0 3px #ffffff2c;width:7px;height:7px}.error-banner{background:#fff4e9;border:1px solid #f3d2b7;color:#81502b;padding:11px 14px;margin:-5px 0 16px;border-radius:var(--radius-sm);font-size:11px}.hidden{display:none!important}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{min-height:120px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px;display:flex;align-items:center;gap:17px;box-shadow:0 1px 2px #12263a08}.metric-icon{height:62px;width:62px;flex:0 0 62px;display:grid;place-items:center;border-radius:50%;background:var(--orange-soft);color:var(--orange)}.metric-icon svg{width:29px;height:29px;fill:currentColor}.metric-icon svg .map-line{stroke:#fff;stroke-width:2;fill:none}.metric-info{display:flex;flex-direction:column;min-width:0}.metric-label{font-size:10px;font-weight:700;color:#536276;letter-spacing:.4px}.metric-value{font-size:31px;line-height:1.15;margin:5px 0 4px;font-weight:800;letter-spacing:-1.1px;color:var(--navy)}.metric-info small{font-size:10px;color:#718094;line-height:1.4}.criteria-grid{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:12px;align-items:stretch;margin-bottom:18px;position:relative}.criterion-card{min-height:166px;position:relative;padding:17px 20px 14px;border-radius:var(--radius);border:1px solid #ffc5a2;background:linear-gradient(110deg,#fff9f5,#fff);overflow:hidden}.criterion-card h3{font-size:13px;letter-spacing:.2px;margin:0 0 7px;color:var(--orange);font-weight:800}.criterion-card p{font-size:11px;line-height:1.6;margin:0;color:#31465b}.criterion-card p b{font-weight:800}.seats-criterion{border-color:#b6dfc8;background:linear-gradient(110deg,#f6fcf8,#fff)}.seats-criterion h3,.seats-criterion .progress-labels strong{color:var(--green)}.or-badge{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:1px solid #edc9ad;background:#fff;display:grid;place-items:center;color:var(--navy);font-size:18px;font-weight:800;box-shadow:0 3px 10px #152b3c12}.progress-track{height:12px;background:#e8edf1;border-radius:5px;overflow:hidden;margin:10px 0 5px}.progress-fill{height:100%;width:0;transition:width .4s ease;border-radius:3px}.orange-fill{background:var(--orange)}.green-fill{background:#15914f}.progress-labels{display:flex;align-items:baseline;justify-content:space-between;font-size:10px;color:#385069}.progress-labels strong{color:var(--orange);font-size:14px}.criterion-status{position:absolute;right:17px;top:16px;color:#ac6838;font-size:8px;font-weight:700;letter-spacing:.5px}.green-text{color:#387b58}.criterion-status.met{color:var(--green)}.criterion-status.not-met{color:var(--red)}.lower-grid{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(470px,1.08fr);gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #12263a08}.map-panel,.table-panel{padding:16px 17px 12px;min-height:322px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h3,.table-toolbar h3{font-size:12px;letter-spacing:.1px;color:var(--navy);margin:0;font-weight:800}.panel-heading .eyebrow{margin-bottom:4px}.coverage-label{font-size:9px;color:#718094;font-weight:600}.cartogram-wrap{display:grid;grid-template-columns:minmax(180px,1fr) 120px;gap:8px;align-items:center;min-height:225px;padding:10px 0 3px}.cartogram{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(9,24px);gap:3px;justify-items:stretch;align-items:stretch;padding:0 2px}.state-tile{border:1px solid #fff;color:#526274;background:#eef1f4;font:700 8px var(--font);cursor:pointer;border-radius:3px;transition:transform .12s,filter .12s;padding:0}.state-tile:hover,.state-tile:focus{transform:translateY(-2px);filter:brightness(.96);outline:1px solid var(--navy)}.state-tile.strong{background:#f45b13;color:white}.state-tile.target{background:#ffa05f;color:#65320e}.state-tile.near{background:#ffd4b9;color:#684a37}.state-tile.low{background:#fff0e6;color:#725c4e}.state-tile.missing{background:#e7ebef;color:#8290a0}.map-legend{display:grid;gap:10px;font-size:9px;color:#526274}.map-legend span{display:flex;align-items:center;gap:7px;white-space:nowrap}.legend-dot{width:12px;height:12px;display:inline-block;border-radius:2px}.legend-dot.strong{background:var(--orange)}.legend-dot.target{background:#ffa05f}.legend-dot.near{background:#ffd4b9}.legend-dot.low{background:#fff0e6;border:1px solid #f0d9c9}.legend-dot.missing{background:#cdd4db}.map-caption{font-size:8px;color:#8a97a6;margin:0}.text-link{border:0;background:none;color:var(--orange-dark);font:600 9px var(--font);cursor:pointer;white-space:nowrap;padding:5px 0}.text-link span{font-size:15px;margin-left:3px}.table-scroll{overflow:auto;width:100%;margin-top:17px}table{width:100%;border-collapse:collapse;white-space:nowrap}thead th{background:#f1f4f7;color:#475a6e;font-size:8px;font-weight:700;text-align:left;padding:10px 9px;border-bottom:1px solid #e3e8ed}thead th:first-child{border-top-left-radius:4px}thead th:last-child{border-top-right-radius:4px}tbody td{font-size:9px;padding:12px 9px;border-bottom:1px solid #e6eaee;color:#3c4f63}tbody tr:last-child td{border-bottom:0}tbody td:first-child{font-weight:700;color:var(--navy)}.table-panel .table-scroll{margin-top:15px}.empty-cell{text-align:center;color:#8390a0!important;padding:28px 12px!important;font-weight:500!important;white-space:normal}.table-foot{display:flex;justify-content:space-between;color:#8996a5;font-size:8px;border-top:1px solid #edf0f3;padding-top:9px;margin-top:3px}.state-status{display:inline-flex;align-items:center;gap:6px}.state-status:before{content:'';width:7px;height:7px;border-radius:50%;background:#e4aa38}.state-status.achieved:before{background:#28a556}.state-status.below:before{background:#db5048}.page-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:10px;color:#8a97a6;font-size:9px}.refresh-copy{display:flex;align-items:center;gap:7px}.clock-icon{font-size:16px;color:#65788d}.compact-heading{margin-bottom:21px}.compact-heading h1{font-size:30px}.full-panel{padding:18px 18px 12px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.table-toolbar h3{margin:0 0 5px}.table-toolbar p{color:#738196;font-size:10px;margin:0;line-height:1.5}.table-toolbar select,.filter-controls input,.filter-controls select{height:36px;border:1px solid var(--line);background:#fff;color:#34485d;padding:0 11px;border-radius:var(--radius-sm);font:500 10px var(--font);outline:none}.table-toolbar select:focus,.filter-controls input:focus,.filter-controls select:focus{border-color:#ee8a55;box-shadow:0 0 0 2px #f45b131a}.wide-table{min-width:720px}.wide-table tbody td{padding:13px 10px;font-size:10px}.filter-controls{display:flex;gap:8px}.filter-controls input{width:220px}.filter-controls select{min-width:150px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 1px 2px;color:#718094;font-size:9px}.pagination>div{display:flex;gap:6px}.small-button{border:1px solid var(--line);background:#fff;color:#3b5066;font:600 9px var(--font);padding:8px 11px;border-radius:var(--radius-sm);cursor:pointer}.small-button:disabled{opacity:.45;cursor:not-allowed}.legal-note{margin:15px 0 0;border-top:1px solid #e5e9ee;padding:10px 2px 0;color:#7a8797;font-size:8px;line-height:1.6}.legal-note strong{color:#526276}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);background:var(--navy);color:#fff;padding:10px 14px;border-radius:4px;font-size:10px;opacity:0;pointer-events:none;transition:all .2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.main-content{padding:22px 20px}.sidebar{width:180px;flex-basis:180px}.lower-grid{grid-template-columns:1fr}.map-panel,.table-panel{min-height:auto}.cartogram-wrap{min-height:225px}.metric-card{padding:14px;gap:12px}.metric-icon{height:52px;width:52px;flex-basis:52px}.metric-value{font-size:27px}}
@media(max-width:760px){.topbar{height:64px;padding:0 14px}.brand{gap:11px}.brand-name{font-size:18px}.brand-divider{height:27px}.brand-copy strong{font-size:9px}.brand-copy small{font-size:8px;max-width:180px}.topbar-right{gap:10px}.connection{font-size:0}.connection i{width:9px;height:9px}.top-separator{height:25px}.clock{font-size:8px;min-width:83px}.app-shell{display:block;min-height:calc(100vh - 64px)}.sidebar{position:sticky;top:64px;z-index:5;width:100%;min-height:0;height:54px;display:block;padding:5px 10px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{height:100%;grid-template-columns:repeat(3,1fr);gap:4px}.nav-item{min-height:42px;justify-content:center;padding:0 5px;gap:6px;font-size:10px}.nav-icon{font-size:16px;width:auto}.sidebar-note{display:none}.main-content{padding:20px 13px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.page-heading h1{font-size:29px}.page-heading h2{font-size:12px}.live-badge{padding:9px 11px;font-size:8px}.metrics-grid{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.metric-card{min-height:88px;padding:12px 14px}.metric-icon{height:48px;width:48px;flex-basis:48px}.metric-value{font-size:25px}.metric-info small{font-size:9px}.criteria-grid{grid-template-columns:1fr;gap:10px}.criterion-card{min-height:159px;padding:16px}.or-badge{top:50%;left:auto;right:14px;width:36px;height:36px;font-size:12px}.criterion-card p{max-width:88%;font-size:10px}.desktop-only{display:none}.criterion-status{top:17px;right:14px;font-size:7px}.lower-grid{grid-template-columns:1fr;gap:10px}.map-panel,.table-panel{padding:14px 12px;overflow:hidden}.cartogram-wrap{grid-template-columns:minmax(0,1fr) 98px;gap:4px}.cartogram{grid-template-rows:repeat(9,20px);gap:2px}.state-tile{font-size:7px}.map-legend{font-size:8px;gap:8px}.table-panel .table-scroll{margin-left:-3px;margin-right:-3px}.page-footer{gap:12px;font-size:8px}.page-footer span:last-child{text-align:right}.compact-heading{margin-bottom:15px}.full-panel{padding:14px 11px 10px}.table-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.table-toolbar select{align-self:flex-end}.filter-controls{width:100%}.filter-controls input{width:100%;min-width:0}.filter-controls select{min-width:118px}.wide-table{min-width:650px}.table-scroll{margin-top:12px}.legal-note{font-size:8px;margin-top:12px}}
@media(max-width:390px){.brand-copy small{display:none}.brand{gap:8px}.clock{min-width:70px}.cartogram-wrap{grid-template-columns:minmax(0,1fr) 84px}.map-legend{font-size:7px}.criterion-status{font-size:6px}.criterion-card{padding-left:13px}.criterion-card h3{font-size:12px}}

/* Ajustes de leitura e navegação */
.sidebar nav{gap:5px}
.nav-item{gap:11px;min-width:0}
.nav-item .nav-icon{width:21px;flex:0 0 21px;color:currentColor}
.nav-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.criteria-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.criteria-grid>.criterion-card:first-child{grid-column:1}
.criteria-grid>.criterion-card:last-child{grid-column:2}
.criterion-card{min-height:184px;padding-top:19px;padding-bottom:17px}
.criterion-card p{min-height:38px}
.criterion-status{top:18px;right:18px}
.progress-track{margin-top:14px}
.or-badge{left:50%;width:44px;height:44px;font-size:13px}
.cartogram{display:block;position:relative;width:100%;height:auto;min-height:190px;padding:0;background:transparent}
.cartogram.cartogram-fallback{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(9,24px);gap:3px;min-height:0}
.cartogram svg{display:block;width:100%;height:auto;max-height:265px;overflow:visible}
.state-unit{cursor:pointer;outline:none}.state-shape{stroke:var(--navy);stroke-width:7;vector-effect:non-scaling-stroke;transition:filter .12s,fill .12s}
.state-unit:hover .state-shape,.state-unit:focus .state-shape{filter:brightness(.88);stroke-width:11}
.state-shape.achieved{fill:#16804c}.state-shape.near{fill:#f45b13}.state-shape.low{fill:#21364d}.state-shape.missing{fill:#dfe5ea}
.state-hit{fill:transparent;pointer-events:all}.state-label{fill:#fff;font-family:var(--font);font-size:48px;font-weight:800;text-anchor:middle;dominant-baseline:central;pointer-events:none;paint-order:stroke;stroke:#182b40;stroke-width:7px;stroke-linejoin:round}
.legend-dot.achieved{background:#16804c}
.map-selection{min-height:26px;margin-top:5px;padding:6px 8px;background:#f6f8fa;color:#607184;font-size:9px;line-height:1.4;border-left:2px solid var(--orange)}
.map-selection strong{color:var(--navy)}
@media(max-width:760px){.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.nav-item{gap:4px;padding:0 2px;font-size:8px}.nav-item .nav-icon{width:17px;flex-basis:17px}.nav-icon svg{width:17px;height:17px}.criteria-grid{grid-template-columns:1fr;gap:10px}.criteria-grid>.criterion-card:first-child,.criteria-grid>.criterion-card:last-child{grid-column:1}.criterion-card{min-height:164px}.criterion-card p{min-height:0}.progress-track{margin-top:10px}.or-badge{top:50%;right:14px;left:auto;width:36px;height:36px;font-size:11px}.cartogram-wrap{grid-template-columns:minmax(0,1fr) 98px}.cartogram{min-height:145px}.cartogram svg{max-height:220px}.state-label{font-size:70px}}
@media(max-width:390px){.nav-item{font-size:7px}.cartogram-wrap{grid-template-columns:minmax(0,1fr) 84px}.cartogram svg{max-height:190px}.state-label{font-size:64px}}

/* Página de projeção de cadeiras por UF */
.projection-disclaimer{background:#fff8ed;border:1px solid #f0d6b8;border-left:3px solid var(--orange);padding:12px 14px;margin:-5px 0 14px;color:#725638;font-size:10px;line-height:1.6;border-radius:3px}.projection-disclaimer strong{color:var(--navy)}.projection-panel{overflow:hidden}.projection-filters select{min-width:175px}.projection-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0 3px}.projection-stat{border:1px solid var(--line);background:#fbfcfd;padding:11px 12px;min-width:0}.projection-stat span{display:block;color:#6d7c8e;font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.projection-stat strong{display:block;margin-top:6px;color:var(--navy);font-size:17px;line-height:1.2}.projection-table{min-width:850px}.projection-row{cursor:pointer;transition:background .12s}.projection-row:hover,.projection-row.selected{background:#fff6f0}.projection-row.selected td:first-child{box-shadow:inset 3px 0 var(--orange)}.projection-row td:last-child{white-space:normal;min-width:170px;line-height:1.5}.projection-row.unavailable{color:#929eaa}.projection-detail{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-heading .eyebrow{margin-bottom:4px}.detail-heading h3{margin:0;color:var(--navy);font-size:14px;font-weight:800}.detail-heading>span{color:#748397;font-size:9px;text-align:right}.candidate-party{color:#8a97a6;font-size:9px;margin-left:5px}.projection-badge{display:inline-block;background:#eef2f6;color:#66778a;padding:5px 7px;font-size:8px;font-weight:700;letter-spacing:.2px;border-radius:2px}.projection-badge.elected{background:#e8f5ed;color:#16804c}.projection-detail .table-scroll{margin-top:12px}.projection-detail .wide-table{min-width:550px}
@media(max-width:760px){.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.nav-item{font-size:7px;gap:3px}.nav-item .nav-icon{width:15px;flex-basis:15px}.nav-icon svg{width:16px;height:16px}.projection-filters{width:100%;display:grid;grid-template-columns:1fr 1fr}.projection-filters select{min-width:0;width:100%;font-size:9px;padding:0 6px}.projection-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.projection-stat{padding:9px}.projection-stat strong{font-size:15px}.projection-disclaimer{font-size:9px}.detail-heading{align-items:flex-start}.detail-heading h3{font-size:12px}}
@media(max-width:390px){.nav-item{font-size:6px;flex-direction:column;gap:0}.nav-item .nav-icon{height:17px}.projection-filters{grid-template-columns:1fr}.projection-summary{grid-template-columns:1fr 1fr}}

/* Quatro indicadores nacionais */
.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.metrics-grid{grid-template-columns:1fr}}