:root{--panel:#fff;--red:#ef4261;--red-dark:#cb2043;--ink:#232021;--muted:#716d73;--line:#e4e2e5;--bg:#f5f5f7;--blue:#44658a;--amber:#a7640d;--green:#287358;--font:'Open Sans',Arial,sans-serif;--heading:'Oswald','Arial Narrow',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{transition:background .15s}button:hover{filter:brightness(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ef426180;outline-offset:3px}header{height:82px;background:var(--ink);color:white;display:flex;align-items:center;gap:25px;padding:0 30px;position:sticky;top:0;z-index:10;border-bottom:3px solid var(--red)}.brand{display:flex;flex-direction:column;line-height:1.05}.brand-mini{font-size:8px;font-weight:700;letter-spacing:.8px;padding-left:6px}.wordmark{font-family:Georgia,serif;font-weight:bold;font-size:32px;letter-spacing:-1px}.wordmark span{color:var(--red)}.header-rule{height:30px;width:1px;background:#ffffff30}.product-name{font-family:var(--heading);letter-spacing:1.1px;font-size:18px}.prototype{margin-left:auto;font-size:11px;letter-spacing:1px;color:#c7c2c5}.button{border:1px solid var(--line);border-radius:5px;padding:10px 16px;background:white;color:var(--ink);font-weight:600;font-size:14px;white-space:nowrap}.button.red{background:var(--red);border-color:var(--red);color:white}.button.subtle{background:transparent;font-weight:400;color:var(--muted)}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 82px)}aside{background:white;border-right:1px solid var(--line);padding:28px 15px;display:flex;flex-direction:column;position:sticky;top:82px;height:calc(100vh - 82px)}.aside-label,.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--muted)}.aside-label{margin:2px 12px 20px}.nav{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:12px 11px;margin-bottom:6px;text-align:left;border-radius:4px;color:#59545a;font-weight:600;font-size:14px}.nav>.nav-icon{font-size:20px;font-weight:400;flex:0 0 22px;text-align:center}.nav b{margin-left:auto;font-size:11px;background:#ef426118;padding:2px 6px;color:var(--red-dark);border-radius:3px}.nav.active{background:#ef42610d;color:var(--red-dark);box-shadow:inset 3px 0 var(--red)}.aside-bottom{margin-top:auto}.aside-note{font-size:12px;color:var(--muted);margin:23px 12px 18px;line-height:1.65;border-top:1px solid var(--line);padding-top:20px}.aside-signature{display:block;font-size:11px;color:#928b91;padding:0 12px}main{padding:30px 34px 18px;max-width:1800px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1,h2,h3{font-family:var(--heading);font-weight:500;line-height:1.25}h1{font-size:34px;margin:6px 0 0;letter-spacing:-.3px}h2{font-size:23px;margin:0}h3{font-size:20px;margin:0}.year-switch{padding:4px;background:#eae8eb;border:1px solid var(--line);display:flex;border-radius:6px}.year-switch button{border:0;padding:8px 23px;color:var(--muted);background:transparent;border-radius:4px;font-weight:700}.year-switch .selected{background:white;box-shadow:0 1px 4px #00000012;color:var(--red-dark)}.filter-bar{display:flex;gap:18px;padding:17px 20px;background:white;border:1px solid var(--line);border-radius:6px;align-items:end;margin-bottom:14px}.filter-bar label{flex:1;min-width:0}.filter-bar label:first-child{flex:1.6}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#645e65}select,input[type=search],input[type=number]{border:1px solid #dad7dd;border-radius:4px;padding:9px 11px;background:white;color:var(--ink);font-size:14px;min-width:0;width:100%;height:40px}select{padding-right:28px}.dataset-status{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin:15px 0 23px;flex-wrap:wrap}.status-label{display:inline-flex;align-items:center;gap:7px}.status-label:before{content:'';width:7px;height:7px;background:var(--blue);border-radius:50%}.tag{display:inline-block;font-size:11px;padding:3px 8px;border-radius:3px;font-weight:600;background:#edf0f4;color:#54667d}.tag.amber{color:var(--amber);background:#fff0da}.tag.red{color:var(--red-dark);background:#fff0f3}.tag.green{color:var(--green);background:#e9f4ef}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.kpi{background:white;border:1px solid var(--line);border-radius:6px;padding:20px 22px;position:relative}.kpi-label{font-size:12px;color:var(--muted);font-weight:600}.kpi-value{font-family:var(--heading);font-size:37px;line-height:1.3;margin:7px 0;font-variant-numeric:tabular-nums}.kpi-foot{font-size:12px;color:var(--muted)}.kpi.accent{border-top:3px solid var(--red);padding-top:18px}.kpi.accent .kpi-value{color:var(--red-dark)}.grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:22px;margin-bottom:23px}.panel{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0;margin-bottom:22px}.grid .panel{margin-bottom:0}.panel-head{padding:20px 22px 15px;display:flex;align-items:start;justify-content:space-between;gap:12px}.panel-head p{font-size:12px;color:var(--muted);margin:6px 0 0}.panel-body{padding:0 22px 22px}.text-link{background:transparent;border:0;color:var(--red-dark);font-size:12px;font-weight:600;padding:4px 0;white-space:nowrap}.bars{padding-top:5px}.bar-row{display:grid;grid-template-columns:115px minmax(0,1fr) 92px;align-items:center;gap:15px;margin:20px 0}.bar-row .name{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:23px;background:#f5f4f6;border-radius:3px;position:relative;overflow:hidden}.bar-fill{height:100%;border-radius:3px;background:var(--red)}.bar-value{text-align:right;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}.bar-value small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}.bar-row button{border:0;background:transparent;text-align:left;padding:0}.legend-note{font-size:11px;color:var(--muted);padding-top:7px;border-top:1px solid var(--line)}.signal-card{padding:15px 0;border-bottom:1px solid var(--line)}.signal-card:last-child{border-bottom:0}.signal-card .top{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:13px}.signal-card p{font-size:12px;margin:5px 0 7px;color:var(--muted)}.signal-card .tag{margin-right:5px}.notice{background:#f6f5f7;border-left:3px solid #c5c0c8;padding:13px 15px;font-size:12px;color:#6d646b;line-height:1.7;margin:16px 0}.notice.amber{background:#fffbf4;border-color:#d49b47;color:#815d2d}.notice.red{background:#fff3f5;border-color:var(--red);color:#8f3045}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}th{background:#f8f7f9;color:var(--muted);font-size:11px;font-weight:600;padding:12px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:13px 20px;border-bottom:1px solid #eeecef;font-size:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcf9fa}.numeric{text-align:right}.cell-main{font-weight:600}.cell-sub{display:block;font-size:11px;color:var(--muted);margin-top:3px}.table-action{border:0;background:transparent;color:var(--red-dark);font-size:12px;font-weight:600;text-align:left;padding:0}.table-bottom{padding:13px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:12px}.pagination{display:flex;gap:8px;align-items:center}.pagination button{background:white;border:1px solid var(--line);padding:5px 10px;border-radius:3px}.pagination button:disabled{opacity:.4;cursor:default}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toolbar input[type=search]{max-width:360px}.toolbar .button:last-child{margin-left:auto}.settings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.checkline{display:flex;flex-direction:row;align-items:center;font-size:13px;gap:8px}.checkline input{accent-color:var(--red);width:16px;height:16px}.settings-bottom{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;align-items:center}.scatter{width:100%;height:auto;display:block}.scatter .axis{font-size:12px;fill:#7f7780}.scatter circle{cursor:pointer;transition:r .1s}.scatter circle:hover{r:5}.empty{text-align:center;background:white;border:1px solid var(--line);border-radius:6px;padding:60px 25px;color:var(--muted)}.empty h2{color:var(--ink);margin:13px 0}.empty p{max-width:580px;margin:12px auto 25px;font-size:14px}.empty-symbol{font-family:var(--heading);font-size:43px;color:#c7c0c9}.progress{height:5px;background:#eeeaf0;border-radius:3px;overflow:hidden;margin-top:10px}.progress span{display:block;height:100%;background:var(--blue)}.comparison-controls{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.comparison-controls label{flex:1;min-width:200px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow:auto}.tabs button{background:transparent;border:0;white-space:nowrap;padding:12px 17px;color:var(--muted)}.tabs .active{border-bottom:3px solid var(--red);color:var(--red-dark);font-weight:700}.delta-positive{color:var(--green)}.delta-negative{color:var(--red-dark)}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.method-grid .panel{padding:24px}.method-grid p{font-size:14px;color:var(--muted)}details{margin-top:15px}summary{cursor:pointer;font-weight:600;color:var(--red-dark)}.mapping-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:12px 0;align-items:center}.mapping-row span{font-size:12px}.filename{white-space:normal;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:11px;color:#928a93}dialog{border:1px solid var(--line);border-radius:9px;width:min(640px,calc(100vw - 30px));padding:26px;color:var(--ink);box-shadow:0 25px 100px #0003;max-height:90vh;overflow:auto}dialog::backdrop{background:#23202188;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading h2{font-size:27px;margin-top:6px}.icon-button{border:0;background:#f2f0f3;border-radius:4px;padding:0 10px;font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.form-grid .wide{grid-column:1/-1}.dropzone{border:2px dashed #d4cbd2;border-radius:6px;margin-top:20px;padding:20px;align-items:center;background:#fcfafb;cursor:pointer;gap:3px;color:var(--muted);font-size:12px}.dropzone strong{font-size:15px;color:var(--ink)}.upload-symbol{font-size:32px;color:var(--red)}.dropzone input{margin-top:14px;max-width:100%;font-size:12px}.dropzone.drag{border-color:var(--red);background:#fff0f3}.dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.muted{color:var(--muted);font-size:12px}.detail-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.detail-kpis .kpi{padding:12px}.detail-kpis .kpi-value{font-size:27px}.small-list{padding-left:20px;font-size:13px;color:var(--muted)}#toast{position:fixed;bottom:25px;right:25px;z-index:50;background:var(--ink);color:white;padding:13px 20px;border-radius:5px;box-shadow:0 8px 30px #0002;display:none;max-width:450px}.metric-pill{font-size:11px;font-weight:600;letter-spacing:.2px;background:#f1eff3;border:1px solid var(--line);padding:5px 9px;border-radius:4px}.metric-pill.red{background:#fff3f5;color:var(--red-dark);border-color:#fbd9e1}.histogram{display:flex;align-items:end;gap:6px;height:90px;padding-top:15px}.histogram div{flex:1;background:#ef426160;min-height:2px;border-radius:2px 2px 0 0}.hist-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}
@media(min-width:1550px){main{padding-left:48px;padding-right:48px}.bar-row{grid-template-columns:140px 1fr 95px}}@media(max-width:1150px){.shell{grid-template-columns:200px 1fr}main{padding:25px 22px}.grid{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.filter-bar label{flex-basis:35%}.kpis{gap:10px}.kpi{padding:16px 14px}.kpi-value{font-size:30px}.settings{grid-template-columns:repeat(3,1fr)}.prototype{display:none}header .button{margin-left:auto}}@media(max-width:780px){header{height:72px;padding:0 16px;gap:15px}.wordmark{font-size:25px}.product-name{font-size:14px}.header-rule{display:none}.brand-mini{font-size:6px}.shell{display:block}aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:9px 10px}.aside-label,.aside-bottom{display:none}nav{display:flex;overflow:auto}.nav{min-width:max-content;width:auto;margin:0 4px 0 0;font-size:12px;padding:8px}.nav>.nav-icon{font-size:16px;flex-basis:16px}main{padding:22px 15px}.page-heading{align-items:end;gap:10px}h1{font-size:28px}.eyebrow{font-size:9px}.year-switch button{padding:7px 12px}.filter-bar{padding:14px;gap:12px}.filter-bar label,.filter-bar label:first-child{flex:1 1 100%}.filter-bar .button{margin-left:auto}.kpis{grid-template-columns:1fr 1fr}.kpi-value{font-size:32px}.grid{gap:16px}.panel-head{padding:17px}.panel-body{padding:0 17px 17px}.settings{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:95px 1fr 75px;gap:10px}.toolbar input[type=search]{max-width:none}footer{flex-direction:column;gap:5px}.page-heading .year-switch{flex-shrink:0}.detail-kpis{grid-template-columns:1fr}.dialog-actions{flex-direction:column}.form-grid{grid-template-columns:1fr}.dialog-actions .button{width:100%}.mapping-row{grid-template-columns:1fr}.header .button{font-size:12px}.button{padding:9px 12px}header #upload-top{font-size:12px}.table-bottom{flex-wrap:wrap}}

@media(max-width:780px){.aside-bottom{display:flex;gap:8px;margin-top:4px}.aside-bottom .aside-note,.aside-bottom .aside-signature{display:none}.aside-bottom .nav{font-size:12px}.aside-label{display:none}}
.watch-toolbar{background:#fff;border:1px solid #e4e2e5;border-left:3px solid #ef4261;padding:16px 20px;display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:20px;border-radius:5px}.watch-toolbar strong{font-size:14px}.watch-actions{display:flex;gap:10px;flex-wrap:wrap}.watch-check{accent-color:var(--red);width:16px;height:16px;vertical-align:middle;margin-right:10px;cursor:pointer}.watch-form{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}textarea,input[type=text]{font:inherit;border:1px solid #dad7dd;border-radius:4px;padding:9px 11px;min-width:0;width:100%;background:white;color:var(--ink)}textarea{resize:vertical}.watch-form .form-grid{gap:12px}@media(max-width:1150px){.watch-toolbar{flex-direction:column;align-items:start}.watch-actions{width:100%}}@media(max-width:780px){.watch-actions .button{flex:1}.watch-toolbar{padding:14px}}
.batch-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:4px}.batch-picker-label{margin-top:12px}.batch-picker-label select{height:152px;padding:4px}.batch-picker-label option{padding:5px 7px}.batch-picker-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.batch-input-grid textarea{font-family:ui-monospace,Consolas,monospace;font-size:14px;line-height:1.6;min-height:214px}#batch-find{max-width:none}@media(max-width:1000px){.batch-input-grid{grid-template-columns:1fr}.batch-picker-actions{flex-wrap:wrap}}

.chart-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 16px}.chart-controls label:first-child{grid-column:1/-1}.chart-controls select{max-width:100%}.filter-bar{flex-wrap:wrap}.filter-bar label{flex:1 1 155px}.filter-bar label:first-child{flex:1.6 1 250px}@media(max-width:780px){.filter-bar label,.filter-bar label:first-child{flex:1 1 100%}.chart-controls{grid-template-columns:1fr}}

.public-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.public-controls a{margin-right:auto}.public-controls [hidden]{display:none}.admin-main{max-width:1050px;margin:auto}.admin-confirm{margin:22px 0}.admin-main input:not([type=checkbox]),.criteria-builder input{border:1px solid var(--line);padding:10px;border-radius:4px;font:inherit;width:100%;min-width:0}.criteria-builder{margin:12px 0}.criteria-builder fieldset{border:1px solid var(--line);border-radius:5px;margin:12px 0;padding:14px}.criteria-builder legend{font-weight:600;font-size:14px}.condition-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.criteria-logic{max-width:100%;margin:15px 0}.graph-table .toolbar{margin-top:15px}.graph-focused{background:#fff0f3!important;box-shadow:inset 4px 0 var(--red)}.graph-table .table-wrap{max-height:600px}.graph-table th{position:sticky;top:0;z-index:1}.graph-table .filename{min-width:200px;max-width:380px}label{font-size:14px}.muted,.notice,.cell-sub{font-size:13px}@media(max-width:780px){.condition-row{grid-template-columns:1fr}.public-controls .button{white-space:normal}.panel-head{flex-wrap:wrap}.admin-main{padding:20px 15px}.chart-controls label{grid-column:auto!important}}

.brand-logo{display:block;width:300px;max-width:100%;height:auto}.brand{flex-shrink:0}footer{flex-wrap:wrap;align-items:center}footer .dataset-details{flex:1 1 100%;font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:8px;overflow-wrap:anywhere}footer>.text-link{margin-left:auto}.public-controls{justify-content:flex-end}@media(max-width:780px){.brand-logo{width:215px}header{flex-wrap:wrap;height:auto;min-height:82px;padding-top:12px;padding-bottom:12px}header .product-name{font-size:13px}header #upload-top{margin-left:auto}footer>.text-link{margin-left:0}}@media(max-width:480px){.brand-logo{width:200px}header{gap:10px}.product-name{margin-left:auto}header #upload-top{flex-basis:100%;margin-top:2px}}

@media(min-width:781px) and (max-width:1150px){.brand-logo{width:260px}header{gap:18px;padding-left:24px;padding-right:24px}}
/* Saved research and full territorial tables */
#case-form textarea,#case-form input[type=text]{width:100%;max-width:100%}
#case-form .checkline{margin:18px 0 12px}
#case-form .dialog-actions{justify-content:flex-start;flex-wrap:wrap}
.comparison-controls{flex-wrap:wrap}
#territory-search,#case-search{min-width:170px}
@media(max-width:780px){.comparison-controls{display:grid;grid-template-columns:1fr}.comparison-controls label{min-width:0}.panel-head{flex-wrap:wrap;gap:12px}}

.mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:28px}.mode-card{display:flex;flex-direction:column;gap:10px;text-align:left;background:white;border:1px solid var(--line);border-radius:8px;padding:20px 22px;color:var(--ink);min-width:0}.mode-card.selected{border-color:var(--red);background:#fff7f9;box-shadow:inset 0 3px var(--red)}.mode-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.mode-title{font-family:var(--heading);font-size:24px;font-weight:500}.mode-description{font-size:13px;font-weight:400;line-height:1.65;color:#645e65}.mode-indicator{width:19px;height:19px;flex-shrink:0;border:2px solid #c5c0c8;border-radius:50%}.mode-card.selected .mode-indicator{border-color:var(--red);background:var(--red);box-shadow:inset 0 0 0 4px #fff7f9}@media(max-width:780px){.mode-picker{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.mode-card{padding:16px 18px}.mode-title{font-size:22px}}

/* Režimi rada: istraživački tamni prikaz i svijetli prikaz rezultata. */
.mode-icon{width:28px;height:28px;flex-shrink:0}.mode-card-heading .mode-title{flex:1}.mode-audience{font-size:14px;font-weight:700}.mode-description{font-size:14px}.mode-indicator{margin-left:auto}
#about-analytic{background:#20242d;border-color:#414755;color:#f5f6fa}#about-analytic .mode-description{color:#c3c7d2}#about-analytic .mode-audience,#about-analytic .mode-icon{color:#ff879c}#about-analytic.selected{border-color:#ff728e;box-shadow:inset 0 3px #ff728e}#about-analytic.selected .mode-indicator{border-color:#ff728e;background:#ff728e;box-shadow:inset 0 0 0 4px #20242d}
#about-strategic{background:#fff;border-color:#d9dfe8;color:#232021}#about-strategic .mode-description{color:#5d6572}#about-strategic .mode-audience,#about-strategic .mode-icon{color:#315c96}#about-strategic.selected{border-color:#315c96;background:#f1f6ff;box-shadow:inset 0 3px #315c96}#about-strategic.selected .mode-indicator{border-color:#315c96;background:#315c96;box-shadow:inset 0 0 0 4px #f1f6ff}
body[data-theme="dark"]{--panel:#20242d;--ink:#f0f2f6;--muted:#b0b6c3;--line:#3a404d;--bg:#14171e;--red-dark:#ff879c;--blue:#91b4e0;--amber:#ecc082;--green:#8bd5b7;color-scheme:dark}
body[data-theme="light"]{color-scheme:light}
body[data-theme="dark"] header{background:#232021}
body[data-theme="dark"] :is(aside,.panel,.kpi,.filter-bar,.empty,dialog,.watch-toolbar){background:#20242d;border-color:var(--line)}
body[data-theme="dark"] :is(.button,select,textarea,input[type=text],input[type=search],input[type=number],.pagination button){background:#292e39;color:var(--ink);border-color:#505969}
body[data-theme="dark"] .button.red{background:var(--red);color:white;border-color:var(--red)}
body[data-theme="dark"] .button.subtle{background:transparent;color:var(--muted)}
body[data-theme="dark"] :is(label,.nav){color:#c4cad5}
body[data-theme="dark"] .nav.active{background:#ff728e16;color:var(--red-dark)}
body[data-theme="dark"] .year-switch{background:#171b23}
body[data-theme="dark"] .year-switch .selected{background:#343b49;color:#ff879c}
body[data-theme="dark"] :is(th,.bar-track,.progress){background:#2b303c}
body[data-theme="dark"] td{border-color:var(--line)}
body[data-theme="dark"] tbody tr:hover{background:#2c323e}
body[data-theme="dark"] .notice{background:#2a303b;color:#c7ceda;border-color:#687389}
body[data-theme="dark"] .notice.amber{background:#352d22;color:#f0cc97;border-color:#d49b47}
body[data-theme="dark"] .notice.red{background:#3e2732;color:#ffb3c2;border-color:var(--red)}
body[data-theme="dark"] .tag{background:#2c3a4d;color:#b9d2f2}
body[data-theme="dark"] .tag.red{background:#492836;color:#ffb3c2}
body[data-theme="dark"] .tag.amber{background:#443722;color:#f0cc97}
body[data-theme="dark"] .tag.green{background:#253e36;color:#9de3c7}
body[data-theme="dark"] .graph-focused{background:#432734!important}
body[data-theme="dark"] .scatter .axis{fill:#b0b6c3}
body[data-theme="dark"] .dropzone{background:#292e39;border-color:#687389}
body[data-theme="dark"] #toast{background:#e4e9f3;color:#171b23}
body[data-theme="dark"] dialog::backdrop{background:#080a10bb}
body[data-theme="dark"] .scatter line{stroke:#454d5c}
body[data-theme="dark"] .scatter circle[stroke="#232021"]{stroke:#f0f2f6}
body[data-theme="dark"] a:not(.brand){color:#ff9db0}

.method-guide{max-width:1200px}.method-intro{font-size:16px;line-height:1.75;margin:0 0 18px}.method-contents{display:flex;gap:10px 20px;flex-wrap:wrap;margin:0 0 24px;padding:16px 20px;border:1px solid var(--line);border-radius:6px}.method-contents a{font-size:14px;color:var(--red-dark);text-underline-offset:4px}.method-section{padding:24px;scroll-margin-top:110px}.method-section>h2{margin-bottom:22px;font-size:27px}.method-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.method-card{border-top:1px solid var(--line);padding-top:18px;min-width:0}.method-card h3{font-size:23px}.method-card p,.method-card li,.method-formulas dd{font-size:16px;line-height:1.75}.method-card p{margin:12px 0}.method-example{border-left:3px solid var(--blue);padding:12px 16px;background:#edf2f8;border-radius:0 4px 4px 0;margin:16px 0}.method-example>strong{font-size:14px;color:var(--blue)}.method-example p{margin:6px 0 0}.method-card ol{padding-left:22px}.method-card li{margin-bottom:10px}.method-next{color:var(--muted)}.method-formulas dt{font-weight:700;font-size:16px;margin-top:18px}.method-formulas dd{margin:6px 0 0}.method-section summary{font-size:16px;padding:12px 0}body[data-theme="dark"] .method-example{background:#293446}@media(max-width:900px){.method-cards{grid-template-columns:1fr}.method-section{padding:20px}.method-contents{gap:12px 18px}.method-section{scroll-margin-top:160px}}

/* Metodologija je vodič nezavisan od izabranog skupa rezultata. */
body[data-page="method"] :is(.mode-picker,.year-switch,.filter-bar,#public-controls,#dataset-status,#unit-status,#dataset-details,#upload-top){display:none!important}

[hidden]{display:none!important}body{--accent:#ef4261;--accent-strong:#cb2043;--accent-soft:#ef426114}body[data-mode="strategic"]{--accent:#315c96;--accent-strong:#254b81;--accent-soft:#315c9614}body[data-theme="dark"]{--accent-strong:#ff9db0;--accent-soft:#ef426125}body[data-theme="dark"][data-mode="strategic"]{--accent:#527db9;--accent-strong:#a7c9fa;--accent-soft:#527db929}
header{height:auto;min-height:82px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:16px;border-bottom-color:var(--accent)}.workspace-controls{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.mode-switch{display:flex;background:#ffffff10;border:1px solid #ffffff40;border-radius:6px;padding:3px;gap:3px}.mode-switch button{display:flex;align-items:center;gap:7px;padding:9px 12px;border:0;border-radius:4px;background:transparent;color:#e1e3e8;font-size:14px;font-weight:600}.mode-switch button.selected{background:var(--accent);color:white}.mode-switch .mode-icon{width:21px;height:21px}.header-control{border:1px solid #ffffff50;background:transparent;color:#fff;border-radius:5px;padding:9px 11px;font-size:14px}.header-control span{vertical-align:middle}#theme-icon{font-size:20px;margin-right:6px}#upload-top{font-size:13px}.about-modes{display:grid;gap:16px;margin-top:20px}.about-modes .mode-card{cursor:default}.mode-indicator{display:none}.shell{min-height:calc(100vh - 100px)}aside{top:100px;height:calc(100vh - 100px)}
.button.red{background:var(--accent);border-color:var(--accent)}body[data-theme="dark"] .button.red{background:var(--accent);border-color:var(--accent)}.text-link,.table-action,summary,.method-contents a{color:var(--accent-strong)}.nav.active,body[data-theme="dark"] .nav.active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 3px 0 var(--accent)}.nav b{color:var(--accent-strong);background:var(--accent-soft)}.tabs .active{border-color:var(--accent);color:var(--accent-strong)}.year-switch .selected,body[data-theme="dark"] .year-switch .selected{color:var(--accent-strong)}.kpi.accent{border-top-color:var(--accent)}.kpi.accent .kpi-value{color:var(--accent-strong)}.checkline input,.watch-check{accent-color:var(--accent)}.watch-toolbar{border-left-color:var(--accent)}.graph-focused,body[data-theme="dark"] .graph-focused{background:var(--accent-soft)!important;box-shadow:inset 4px 0 var(--accent)}body[data-theme="dark"] a:not(.brand){color:var(--accent-strong)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--accent)}
.page-subtitle{margin:9px 0 0;color:var(--muted);font-size:14px;max-width:780px}.scope-summary{font-size:14px;padding:12px 15px;border:1px solid var(--line);border-radius:5px;margin-bottom:12px;line-height:1.7}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filter-chips button{border:1px solid var(--line);border-radius:20px;background:var(--accent-soft);color:var(--ink);font-size:14px;padding:6px 12px}.filter-toggle{display:none}.graph-explanation{padding:14px 16px;border-left:3px solid var(--accent);background:var(--accent-soft);font-size:14px;line-height:1.75;margin:16px 0}.graph-explanation p{margin:0 0 8px}.data-availability{display:flex;gap:10px;flex-wrap:wrap}.column-picker{padding:8px 18px}.column-options{display:flex;flex-wrap:wrap;gap:10px 18px;padding:12px 0}.column-options label{display:flex;flex-direction:row;align-items:center;gap:6px}.table-wrap th{position:sticky;top:0;z-index:2}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;z-index:1;background:white;white-space:normal;min-width:150px;max-width:320px}.table-wrap th:first-child{z-index:3;background:#f8f7f9}body[data-theme="dark"] .table-wrap td:first-child{background:#20242d}body[data-theme="dark"] .table-wrap th:first-child{background:#2b303c}.save-status{font-size:14px;padding:10px 14px;border-left:3px solid var(--green);background:var(--accent-soft);margin:14px 0}.detail-history{margin:18px 0}.missing-reasons{padding:12px 0}.table-meaning{font-size:13px;color:var(--muted);padding:8px 18px}
body[data-page="method"] :is(#scope-summary,#filter-chips,#filter-toggle,#mode-eyebrow){display:none!important}
@media(max-width:1250px){header .product-name,.header-rule{display:none}.workspace-controls{margin-left:0}aside{position:static;height:auto}.shell{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:780px){header{gap:10px}.workspace-controls{width:100%;gap:8px}.mode-switch{flex:1;width:100%}.mode-switch button{flex:1;justify-content:center;font-size:13px;padding:8px}.header-control{font-size:13px}#upload-top{flex-basis:auto;margin-left:0}.shell{display:block}header .brand-logo{width:220px}.filter-toggle{display:block;margin-bottom:12px;width:100%;text-align:left}.filter-bar{display:none}.filter-bar.open{display:flex}.scope-summary{font-size:13px}.page-heading{align-items:start}.workspace-controls #theme-label{display:none}.mode-switch .mode-icon{width:18px}.column-picker{padding:8px 12px}.table-wrap td,.table-wrap th{padding:11px 14px}}

aside{top:var(--header-height,100px);height:calc(100vh - var(--header-height,100px))}.year-switch small{display:block;font-size:11px;font-weight:400;margin-top:3px;max-width:140px;white-space:normal}.year-switch button{padding:8px 14px}.mode-switch button.selected{background:var(--accent);color:white}

.exclusions-table{max-height:360px;margin-top:12px}.detail-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}#detail-dialog{width:min(900px,calc(100vw - 30px))}#detail-content h3{margin-top:20px}@media(max-width:780px){.detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

#about-analytic,#about-strategic{background:var(--bg);color:var(--ink);border-color:var(--line);box-shadow:none}#about-analytic .mode-description,#about-strategic .mode-description{color:var(--muted)}

body{--accent:#d42a4b}body[data-mode="strategic"]{--accent:#315c96}body[data-theme="dark"][data-mode="strategic"]{--accent:#466fa7}

.method-reference h3 a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.method-reference>.text-link{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.template-controls{display:flex;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.template-controls label{flex:1;min-width:12rem;display:grid;gap:.4rem}.template-controls select{width:100%}.template-description{margin-bottom:1.25rem}.template-description p{margin:.5rem 0}.template-description summary{cursor:pointer;font-size:.875rem}.template-description a{color:var(--accent);overflow-wrap:anywhere}

/* Zbirni rezultati imaju vlastiti obuhvat i ne koriste filtere biračkih mjesta. */
body[data-page="summary"] :is(#filter-toggle,#result-filters,#filter-chips,#public-controls,#unit-status){display:none!important}
.summary-controls{display:grid;grid-template-columns:2fr 1.35fr 1fr 1.35fr;gap:14px;margin-bottom:20px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.summary-controls label{display:grid;gap:7px;min-width:0}.summary-controls select,.summary-controls input{width:100%;min-width:0}.summary-controls input[type=search]{max-width:none}.summary-controls+.kpis{margin-top:0}
@media(max-width:1050px){.summary-controls{grid-template-columns:1fr 1fr}}@media(max-width:650px){.summary-controls{grid-template-columns:1fr}}
.table-sort{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;white-space:normal}.sort-direction{font-size:14px;opacity:.7;flex-shrink:0}th[aria-sort="ascending"] .sort-direction,th[aria-sort="descending"] .sort-direction{color:var(--accent-strong);opacity:1}.signal-info{display:inline-grid;place-items:center;margin-left:8px;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--accent-strong);font-size:14px;font-weight:700;font-style:normal;vertical-align:middle}.selection-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.selection-controls .button{font-size:14px;padding:8px 11px}.watch-actions{align-items:center}.watch-actions .selection-controls{margin:0}.toolbar{align-items:flex-end}.toolbar>label{display:grid;gap:7px}.signal-help{display:grid;grid-template-columns:minmax(125px,1fr) 3fr;gap:16px;margin:24px 0}.signal-help dd{margin:0;font-size:14px;line-height:1.7}.signal-help dt .tag{white-space:normal}#signal-info-dialog{width:min(760px,calc(100vw - 30px))}.tag.signal-turnout{background:#dbeafe;color:#194a85}.tag.signal-invalid{background:#fce0e8;color:#972347}.tag.signal-concentration{background:#ede2fa;color:#663597}.tag.signal-voters{background:#d8f2ef;color:#12625c}.tag.signal-support{background:#ffecd2;color:#86500b}.tag.signal-quality{background:#fee2e2;color:#9b2222}.tag.signal-reported{background:#e2e8f0;color:#354052}.tag.signal-comparability,.tag.signal-other{background:#e0e7ff;color:#373e8e}body[data-theme="dark"] .tag.signal-turnout{background:#233e60;color:#acd0ff}body[data-theme="dark"] .tag.signal-invalid{background:#532a3c;color:#ffb3d0}body[data-theme="dark"] .tag.signal-concentration{background:#423050;color:#ddbcff}body[data-theme="dark"] .tag.signal-voters{background:#204640;color:#9ee4d9}body[data-theme="dark"] .tag.signal-support{background:#493823;color:#ffce90}body[data-theme="dark"] .tag.signal-quality{background:#512e31;color:#ffb5b5}body[data-theme="dark"] .tag.signal-reported{background:#354050;color:#d6deeb}body[data-theme="dark"] .tag.signal-comparability,body[data-theme="dark"] .tag.signal-other{background:#343958;color:#c9cfff}@media(max-width:650px){.signal-help{grid-template-columns:1fr;gap:8px}.signal-help dd{margin-bottom:12px}.toolbar>label{width:100%}}

/* Task navigation and progressive disclosure. */
[hidden]{display:none!important}.nav-group{margin:4px 0 10px}.nav-group>summary{padding:10px 12px;cursor:pointer;font-weight:700;color:var(--ink);font-size:13px}.nav-group .nav{font-size:13px}.task-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.advanced-section{border:1px solid var(--line);border-radius:8px;margin:18px 0;padding:0 16px}.advanced-section>summary{cursor:pointer;font-weight:700;padding:18px 0}.advanced-section[open]>summary{margin-bottom:12px}.chart-settings>summary,.context-details>summary,.batch-selection-options>summary,.station-comparison>summary{cursor:pointer;padding:12px 0;font-weight:600}.chart-settings{margin-top:16px}.context-details{margin-bottom:12px;font-size:12px}.station-reason{padding:12px 18px;margin:12px 0;border-left:3px solid var(--red);background:var(--panel,#232326)}.station-reason h3{margin-top:0}.batch-selection-options{margin:10px 0}.station-comparison{margin:18px 0}@media(max-width:700px){.task-links .button{flex:1 1 100%}.advanced-section{padding:0 10px}}

aside{overflow-y:auto}

@media(max-width:780px){.workspace-controls .mode-switch{flex:1 1 100%}.workspace-controls #about-modes{padding:8px 10px}}

/* Shared numeric typography, including dynamically rendered data and native controls. */
:root{--number-font:'Fira Code',ui-monospace,monospace}
.number-text,.number-control,input[type=number],input[type=datetime-local],.numeric,.kpi-value,.bar-value,.batch-input-grid textarea,li::marker{font-family:var(--number-font);font-variant-numeric:tabular-nums;font-feature-settings:'liga' 0;font-synthesis:none}
.number-text{font-size:inherit;font-weight:inherit;letter-spacing:normal;pointer-events:none}
.number-control{font-weight:400}
.kpi-value{font-weight:700;font-size:clamp(24px,2.4vw,32px);overflow-wrap:anywhere}
.bar-value{font-weight:700}
.bar-value small{font-family:var(--font);font-weight:400}
.numeric{font-weight:400}
.cell-main .number-text,.year-switch button>.number-text,.nav b .number-text{font-weight:700}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.kpi{padding:16px 12px}.kpi-value{font-size:22px}}

/* Surfaces missed by the original dark-theme overrides. */
body[data-theme="dark"]{--control-bg:#292e39;--control-border:#505969;--surface-raised:#2b303c}
body[data-theme="dark"] .icon-button{background:var(--control-bg);color:var(--ink)}
body[data-theme="dark"] .metric-pill{background:var(--surface-raised);color:var(--ink);border-color:var(--line)}
body[data-theme="dark"] .metric-pill.red{background:#492836;color:#ffb3c2;border-color:#754254}
body[data-theme="dark"] :is(.aside-signature,footer,.empty-symbol){color:var(--muted)}
body[data-theme="dark"] .watch-toolbar{border-color:var(--line);border-left-color:var(--accent)}
body[data-theme="dark"] .dropzone.drag{background:var(--accent-soft);border-color:var(--accent)}
body[data-theme="dark"] :is(.mode-card,.mode-card.selected){background:var(--panel);color:var(--ink);border-color:var(--line)}
body[data-theme="dark"] .mode-description{color:var(--muted)}
body[data-theme="dark"] :is(#about-analytic.selected,#about-strategic.selected){background:var(--accent-soft);border-color:var(--accent)}
body[data-theme="dark"] :is(#about-analytic,#about-strategic) :is(.mode-audience,.mode-icon){color:var(--accent-strong)}
body[data-theme="dark"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:var(--control-bg);color:var(--ink);border-color:var(--control-border);color-scheme:dark}
body[data-theme="dark"] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
body[data-theme="dark"] option{background:var(--control-bg);color:var(--ink)}
body[data-theme="dark"] option:checked{background:var(--accent-soft);color:var(--ink)}
body[data-theme="dark"] input::file-selector-button{background:var(--surface-raised);color:var(--ink);border:1px solid var(--control-border);border-radius:4px;padding:7px 10px}
body[data-theme="dark"] #toast{background:var(--surface-raised);color:var(--ink);border:1px solid var(--line)}
body[data-theme="dark"] .table-wrap tbody tr:hover td:first-child{background:#2c323e}
body[data-theme="dark"] .table-wrap tbody tr.graph-focused td:first-child{background:#432734;box-shadow:inset 4px 0 var(--accent)}
body[data-theme="dark"][data-mode="strategic"] .table-wrap tbody tr.graph-focused td:first-child{background:#27374b}

.bar-value small{font-size:11px}.bar-value small .number-text{font-weight:400}
/* Symmetric multi-entity comparisons; surfaces inherit the current theme. */
.ab-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ab-side{border:1px solid var(--line);border-top:3px solid var(--red);border-radius:6px;padding:18px;background:var(--panel);min-width:0}.ab-side:nth-child(2){border-top-color:var(--blue)}.ab-side-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.ab-side-head h3{margin:0;font-size:20px}.ab-items{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}.ab-items li{display:flex;gap:8px;align-items:center;justify-content:space-between;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:10px;font-size:14px}.ab-items span{overflow-wrap:anywhere}.ab-items .icon-button{flex:none}.ab-side-total{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:18px 0;font-size:16px}.ab-side-total strong{font-size:26px}.ab-editor{margin-top:16px;display:grid;grid-template-columns:1fr;gap:12px}.ab-editor label{display:flex;flex-direction:column;gap:5px;min-width:0}.ab-editor select,.ab-editor input{width:100%;min-width:0;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:10px;font-size:14px}.ab-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.ab-coverage{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0;font-size:14px}.ab-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.ab-total{font-weight:700}.ab-components{padding-left:18px;min-width:240px}.ab-components li{margin-bottom:12px;overflow-wrap:anywhere}.ab-components strong{margin-left:12px}.ab-chart{display:grid;gap:12px;margin:20px 0}.ab-chart-row{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(80px,auto);align-items:center;gap:12px;font-size:14px}.ab-chart-track{height:24px;background:var(--bg);border-radius:3px;overflow:hidden}.ab-chart-fill{height:100%;min-width:0}.ab-fill-A{background:var(--red)}.ab-fill-B{background:var(--blue)}.ab-suggestions{margin-bottom:16px}.ab-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;overflow-wrap:anywhere}.ab-pick{display:block;white-space:normal;font-size:14px;margin-top:4px}.bar-row>.ab-pick{grid-column:1;grid-row:2;margin-top:-2px}.bar-row:has(>.ab-pick)>.bar-track,.bar-row:has(>.ab-pick)>.bar-value{grid-row:1 / span 2}.ab-side .button{white-space:normal}#ab-pick-dialog{background:var(--panel);color:var(--ink);max-width:600px}#ab-pick-dialog .dialog-actions{flex-wrap:wrap}
@media(max-width:760px){.ab-sides{grid-template-columns:1fr}.ab-side{padding:14px}.ab-actions .button{white-space:normal}.ab-chart-row{grid-template-columns:65px minmax(0,1fr) minmax(65px,auto);gap:8px}.ab-suggestion{align-items:flex-start;flex-direction:column}.ab-comparison .panel-head p{max-width:100%}.ab-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep navigation text and counts separate from the icon geometry. */
.nav-group .nav,.nav{font-size:14px;line-height:1.5}
.nav>.nav-label{flex:1;min-width:0;text-align:left;font-size:inherit;font-weight:inherit}
.nav>.nav-label .number-text,.nav>b .number-text{font-size:inherit;font-weight:inherit;min-width:0}
.nav>b{flex:none;font-size:12px;line-height:1.5}
/* Informational help and a single icon for the theme action. */
#about-modes.info-control{display:inline-flex;align-items:center;gap:7px;border-color:transparent;background:transparent;color:#dedbe0;font-weight:400}
#about-modes.info-control:hover{background:#ffffff12;color:#fff}
.info-icon{width:18px;height:18px;flex:none}
#theme-toggle.theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;padding:0;border-color:transparent;border-radius:50%}
#theme-toggle:hover{background:#ffffff18}
#theme-icon{display:inline-flex}
#theme-icon svg{width:21px;height:21px}
.theme-sun,.theme-moon{display:none}
body[data-theme="dark"] .theme-sun,body[data-theme="light"] .theme-moon{display:block}
/* Consistent native control boxes, including implicit text and file inputs. */
input:not([type]),input:is([type=text],[type=url],[type=email],[type=date],[type=datetime-local],[type=file]){width:100%;min-width:0;height:40px;border:1px solid var(--line);border-radius:4px;padding:9px 11px;background:var(--panel);color:var(--ink);font-size:14px;line-height:20px}
select,input:is([type=search],[type=number]){height:40px;line-height:20px}
input[type=file]{padding:0;overflow:hidden;font-size:13px}
input[type=file]::file-selector-button{height:100%;margin:0 10px 0 0;padding:0 10px;border:0;border-right:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}
body[data-theme="dark"] input[type=file]::file-selector-button{padding:0 10px;border:0;border-right:1px solid var(--control-border);border-radius:0}
.settings,.form-grid,.summary-controls{align-items:end}
:is(.settings,.form-grid,.comparison-controls,.summary-controls,.toolbar)>label{min-width:0}
:is(.settings,.form-grid,.comparison-controls,.summary-controls,.toolbar)>label>input,:is(.settings,.form-grid,.comparison-controls,.summary-controls,.toolbar)>label>select{flex-shrink:0}
textarea{width:100%;min-width:0}

/* Narrative help remains readable within the scrollable dialog. */
#about-dialog .mode-card p,#about-dialog .about-shared{font-size:14px;line-height:1.7;margin:0}
#about-dialog .about-shared{margin-top:20px;color:var(--muted)}
:root{--analytics-mark:var(--red)}
.analytics-panel{scroll-margin-top:100px}
.analytics-panel .panel-head label{min-width:210px;max-width:100%}
.analytics-panel .panel-head select{width:100%;max-width:100%}
.analytics-controls{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}
.analytics-controls label{flex:1 1 210px;min-width:0}
.analytics-controls select{width:100%;max-width:100%}
.analytics-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:start;margin-top:18px}
.analytics-plot{min-width:0}
.analytics-svg{display:block;width:100%;height:auto}
.analytics-svg text{fill:var(--ink);font-family:var(--font);font-size:12px}
.analytics-svg [data-axis],.analytics-svg [role=button]{font-family:'Fira Code',monospace}
.analytics-svg [role=button]{cursor:pointer}
.analytics-detail{position:static;background:transparent!important;border:0!important;padding:0!important;width:auto!important;min-width:0!important}
.analytics-detail h3{margin-top:0}
.analytics-detail p,.analytics-candidate-labels{overflow-wrap:anywhere}
.analytics-detail dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0}
.analytics-detail dt{color:var(--muted)}
.analytics-detail dd{margin:0;text-align:right;font-family:'Fira Code',monospace}
.analytics-detail .button{display:block;width:100%;white-space:normal;margin:8px 0}
.analytics-hover-text{min-height:42px;margin-top:8px}
.analytics-active{color:var(--red)}
.analytics-muted{color:var(--blue)}
.analytics-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0}
.analytics-panel .pagination{flex-wrap:wrap;gap:18px;justify-content:flex-start}
.analytics-panel .graph-focused{background:color-mix(in srgb,var(--red) 12%,var(--panel))!important}
.analytics-panel .table-wrap{max-height:none}
.analytics-panel #analytics-table .panel-head{padding-left:0;padding-right:0}
@media(max-width:1150px){.analytics-layout{grid-template-columns:1fr}.analytics-detail{border-top:1px solid var(--line)!important;padding-top:16px!important}.analytics-detail dl{max-width:480px}.analytics-detail .button{width:auto;display:inline-block;margin-right:8px}}
@media(max-width:600px){.analytics-controls{display:block}.analytics-controls label{display:block;margin:10px 0}.analytics-panel .panel-head label{width:100%;min-width:0}.analytics-detail .button{display:block;width:100%}.analytics-panel .panel-body{padding-left:12px;padding-right:12px}}

.analytics-panel [hidden]{display:none!important}
#descriptive-analysis .analytics-panel{margin-top:16px}

.analytics-plot-group{min-width:0}
.analytics-panel #analytics-pages{display:block;margin:12px 0 20px}
.analytics-panel #analytics-pages .analytics-pagination{padding:12px;border:1px solid var(--line);border-radius:8px}
.analytics-pagination select{width:auto;max-width:100%;min-height:40px}
.analytics-pagination button{min-height:40px}
.analytics-pagination span{flex:1 1 180px;white-space:normal}

.station-selection{grid-column:1/-1;min-width:0;width:100%}
.station-selection[hidden]{display:none!important}
.station-choice-list{display:grid;gap:8px;max-height:320px;overflow:auto;padding:10px 0}
.station-choice-list label{display:flex;align-items:flex-start;gap:8px;white-space:normal}
.station-choice-list input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}
.station-choice-list .button{white-space:normal;text-align:left}
.station-picker summary{cursor:pointer;font-weight:600;margin:12px 0}
.analytics-plot{scroll-margin-top:120px}
.station-selection{flex:1 0 100%}

.coverage-summary{padding:10px 14px;margin:0 0 12px;border:1px solid var(--line);border-radius:6px;font-size:12px}.coverage-summary details{margin-top:6px}.coverage-summary p{max-width:900px}.comparison-shortcut{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;margin:12px 0;border:1px solid var(--line);border-radius:6px}.page-choice{display:inline-flex;align-items:center;gap:6px;margin-right:8px}.page-choice select{width:auto;min-width:85px}.turnout-distribution .panel-body{padding-top:6px;padding-bottom:10px}.turnout-distribution svg{max-height:120px}.turnout-distribution .panel-head{padding-bottom:5px}@media(max-width:600px){.comparison-shortcut{align-items:stretch;flex-direction:column}.table-bottom>div{display:flex;flex-wrap:wrap;gap:5px}.coverage-summary{font-size:11px}.page-choice{margin-right:0}}

.guided-workflow .panel-body{padding:16px}.guided-workflow h2{margin:0 0 12px}.workflow-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.workflow-controls label{flex:1;min-width:220px}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;padding:0;list-style:none;margin:14px 0 0}.workflow-steps li{border-top:2px solid var(--accent);padding-top:8px;display:flex;flex-direction:column;gap:5px}.workflow-steps button{text-align:left;font-size:14px}.workflow-steps span{font-size:12px;color:var(--muted)}.station-review{padding:16px;margin:16px 0;border:1px solid var(--line);border-radius:6px}.review-checks{border:1px solid var(--line);margin:12px 0;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.station-review textarea{width:100%}.station-review .dialog-actions{flex-wrap:wrap}.station-review .form-grid label{min-width:0}.guided-workflow p{margin:10px 0}.review-status{white-space:normal}@media(max-width:600px){.workflow-controls{align-items:stretch;flex-direction:column}.workflow-controls label{min-width:0;width:100%}.workflow-steps{grid-template-columns:1fr 1fr}.review-checks{grid-template-columns:1fr}.station-review .dialog-actions .button{width:100%}.station-review{padding:12px}}
/* Phase 3: readable copy, keyboard focus and comfortable touch targets. */
body{font-size:15px;line-height:1.6}
label,.panel-head p,.notice,.coverage-summary,.scope-summary,.page-subtitle{font-size:14px}
.muted,.cell-sub,.dataset-status,.dataset-details,.kpi-foot,.workflow-steps span,.small-list{font-size:13px}
table{font-size:14px}th{font-size:12px;line-height:1.5}td{line-height:1.6}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent,var(--red-dark));outline-offset:3px}
.button,.pagination button,.table-bottom button,.header-control,select,input:not([type=checkbox]):not([type=radio]){min-height:44px}
textarea{font-size:16px;line-height:1.6}.button{white-space:normal}.toolbar label{min-width:0}
.analysis-actions{border:1px solid var(--line);border-radius:6px;padding:12px 16px;margin:0 0 16px;background:var(--panel)}
.analysis-actions summary{font-size:14px}.analysis-actions .toolbar{margin-top:14px;align-items:end;flex-wrap:wrap}.analysis-actions input[type=file]{max-width:100%}
.histogram button{flex:1;min-width:0;min-height:4px;background:#ef426180;border:0;border-radius:2px 2px 0 0;padding:0;position:relative}
.histogram button:before{content:'';position:absolute;inset:0;top:-10px;bottom:-10px}.histogram button:hover,.histogram button:focus-visible{background:var(--red)}
#analysis-link{width:100%;margin:8px 0 16px}.table-wrap{overscroll-behavior-x:contain}
@media(max-width:760px){body{font-size:16px}main{min-width:0}.panel-head{flex-wrap:wrap;gap:12px}.panel-head>div{min-width:0}.panel-head h2{font-size:22px}.toolbar{flex-wrap:wrap;gap:12px}.toolbar>label{flex:1 1 200px}.toolbar input,.toolbar select{max-width:100%;font-size:16px}.filter-bar input,.filter-bar select,.form-grid input,.form-grid select{font-size:16px}.coverage-summary{font-size:13px}.pagination{flex-wrap:wrap;gap:8px}.analysis-actions .toolbar .button{flex:1 1 200px}.analysis-actions label{width:100%}.dialog-actions{flex-wrap:wrap}.dialog-actions .button{flex:1 1 180px}.station-choice-list label,.checkline{min-height:44px}.table-action,.text-link{display:inline-flex;align-items:center;min-height:36px}th{font-size:12px}td{font-size:14px}.workflow-steps{gap:16px}#toast{left:12px;right:12px;bottom:12px;max-width:none;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Compact mobile header; navigation has its own content height. */
#mobile-menu-toggle,.mobile-only{display:none}
@media(max-width:780px){
 header{position:static;display:grid;grid-template-columns:minmax(0,1fr) 44px 44px 44px;gap:6px;min-height:0;height:auto;padding:8px 12px}
 header .brand{grid-column:1;grid-row:1;min-width:0;flex-shrink:1}
 header .brand-logo{width:200px;max-width:100%;height:auto}
 header .workspace-controls{display:contents}
 header .product-name,header .header-rule,header #upload-top{display:none}
 header #about-modes{grid-column:2;grid-row:1;width:44px;height:44px;min-height:44px;justify-content:center;padding:0}
 header #about-modes>span{display:none}
 header #theme-toggle{grid-column:3;grid-row:1;width:44px;height:44px;min-height:44px}
 header #theme-icon{margin:0}
 header #mobile-menu-toggle{display:grid;place-items:center;grid-column:4;grid-row:1;width:44px;height:44px;padding:0;border-color:transparent}
 header .mode-switch{grid-column:1/-1;grid-row:2;min-width:0;width:100%;margin:0}
 header .mode-switch button{min-width:0;min-height:44px;font-size:12px;padding:6px 4px;gap:5px}
 header .mode-switch .mode-icon{width:18px;height:18px;flex:none}
 .shell{display:block;min-height:0}
 #site-navigation{display:none;position:static;top:auto;height:auto;max-height:60vh;max-height:60dvh;overflow-y:auto;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}
 body.mobile-nav-open #site-navigation{display:block}
 #site-navigation nav{display:block;overflow:visible}
 #site-navigation .nav-group{margin:0 0 6px}
 #site-navigation .nav-group>summary{min-height:44px;padding:10px 8px}
 #site-navigation .nav{width:100%;min-width:0;min-height:44px;margin:0;padding:10px 8px;white-space:normal}
 #site-navigation .aside-bottom{display:block;margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
 #site-navigation .mobile-only{display:flex}
 .method-section{scroll-margin-top:16px}
}

/* Public share preview and actions. */
.page-heading{flex-wrap:wrap}.page-heading>.share-trigger{margin-left:auto}
.share-trigger{min-height:44px;flex:none}.share-chart-trigger{margin:10px 0}
#share-dialog{width:min(960px,calc(100vw - 24px));background:var(--panel);max-height:92vh;max-height:92dvh}
#share-dialog h3{margin-top:24px}#share-dialog .form-grid{margin-top:14px}
.share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.share-preview{margin:20px 0;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;max-height:55vh;overflow:auto}
.share-preview img{display:block;width:100%;height:auto}.share-link-section{border-bottom:1px solid var(--line);padding-bottom:16px}
#share-status{min-height:24px;overflow-wrap:anywhere}#share-link{font-size:13px}
@media(max-width:760px){#share-dialog{padding:16px;width:calc(100vw - 16px)}.share-actions .button{flex:1 1 160px;white-space:normal}.share-preview{padding:4px}.page-heading>.share-trigger{margin-left:0}.panel-head .share-trigger{margin-left:auto}}

.share-embed-section{margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}#share-embed-preview{width:100%;border:1px solid var(--line);margin-top:16px;background:white}#share-embed-code{font-family:var(--number-font);font-size:12px;overflow-wrap:anywhere}

.matrix-quadrants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.matrix-quadrants .button{white-space:normal;text-align:left;font-size:12px;background:var(--panel)}.matrix-quadrants [aria-pressed="true"]{border-color:var(--red);box-shadow:inset 3px 0 var(--red)}@media(max-width:480px){.matrix-quadrants{grid-template-columns:1fr}}

.analytics-svg [data-density-cell]:focus-visible{outline:none;stroke:var(--ink);stroke-width:3}