:root{--background:#f3f5f7;--surface:#fff;--text:#202932;--text-muted:#64717e;--brand:#3f444b;--brand-soft:#ededee;--border:#dbe2e8;--success:#21674f;--danger:#ac3030;--focus:#626971}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font:15px/1.55 system-ui,sans-serif}header{display:flex;align-items:center;gap:32px;padding:12px 5%;background:white;border-bottom:1px solid var(--border)}.logo{width:150px;height:74px;object-fit:contain}nav{display:flex;gap:8px}nav button{border:0;background:none}nav button.active{background:var(--brand-soft);color:var(--brand)}.mode{margin-left:auto;width:150px}main{max-width:1280px;margin:auto;padding:28px 24px}h1{font-size:32px;line-height:1.2;margin:6px 0 12px}h2{font-size:21px;margin:0 0 10px}p{color:var(--text-muted)}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--border);border-radius:9px;background:white;padding:9px 16px;color:var(--text)}button:disabled{opacity:.6;cursor:wait}.primary{background:#e7e7e9;color:var(--text);border-color:#d4d4d7}.danger{color:var(--danger)}input,select{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px;background:white;min-height:44px;color:var(--brand);font-weight:400}label{display:block;font-size:13px;color:var(--text-muted)}label input,label select{display:block;margin-top:5px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.banner{background:var(--brand-soft);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:28px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--brand)}.filters{display:flex;align-items:end;gap:16px;background:white;padding:20px;border-radius:14px;border:1px solid var(--border)}.filters label{flex:1}.check{display:flex;align-items:center;gap:10px;min-height:44px}.check input{width:20px;min-height:20px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.stat{background:#e7e7e9;color:var(--text);padding:18px 22px;border-radius:13px}.stat small{display:block;color:var(--text-muted)}.stat strong{font-size:28px;font-weight:500}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card,.panel{background:white;border:1px solid var(--border);border-radius:14px;padding:24px}.card h2{overflow-wrap:anywhere}.card .top{display:flex;justify-content:space-between;gap:12px}.price{font-size:36px;font-weight:600;letter-spacing:-1px}.price small{font-size:14px;font-weight:400;letter-spacing:0}.badge{display:inline-block;border-radius:6px;background:var(--brand-soft);padding:4px 8px;font-size:12px;color:var(--brand)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}a{color:var(--brand)}.route{display:inline-flex;align-items:center;min-height:44px;padding:8px}.empty{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed var(--border);border-radius:14px;color:var(--text-muted)}footer{max-width:1280px;margin:24px auto;padding:20px 24px;text-align:right;color:var(--text-muted);font-size:12px}dialog{border:1px solid var(--border);border-radius:16px;padding:28px;max-width:640px;width:calc(100% - 32px);max-height:90vh;overflow:auto}dialog::backdrop{background:#20293288}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#form-error{color:var(--danger)}#feedback:not(:empty){padding:12px;margin-bottom:20px;background:#fff;border:1px solid var(--border);border-radius:9px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:10px 6px;border-bottom:1px solid var(--border)}#history-data{max-height:50vh;overflow:auto}[hidden]{display:none!important}@media(max-width:700px){header{flex-wrap:wrap;gap:10px;padding:10px 16px}.logo{width:125px;height:64px}nav{order:3;width:100%;justify-content:space-between}nav button{padding:8px 12px}.mode{width:135px}main{padding:20px 16px}h1{font-size:27px}.heading{align-items:start;flex-direction:column}.filters{flex-wrap:wrap;padding:16px}.filters label{flex:1 1 40%;min-width:0}.stats{gap:8px}.stat{padding:12px 10px}.stat strong{font-size:21px}.cards{grid-template-columns:1fr}.card{padding:20px}.form-grid{grid-template-columns:1fr}.actions button{flex:1}dialog{padding:20px}.banner{margin-bottom:22px}}
fieldset{border:1px solid var(--border);border-radius:12px;margin:20px 0;padding:16px}legend{color:var(--brand);padding:0 8px;font-weight:600}.postal-field{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.postal-field p{grid-column:1/-1;margin:0}.unread{border-left:4px solid var(--brand)}.error{color:var(--danger)}#source-warning:not(:empty){padding:14px;border:1px solid #d69b68;background:#fff2df;border-radius:10px;margin-bottom:18px}#history-chart svg{width:100%;display:block}#history-chart text{font:12px system-ui;fill:var(--text-muted)}@media(max-width:700px){nav{flex-wrap:wrap}nav button{flex:1;padding:8px}.postal-field{grid-template-columns:1fr}.postal-field p{grid-column:auto}.form-grid .check{align-self:center}}
#place-results{grid-column:1/-1;display:grid;gap:8px}#place-results button{text-align:left;white-space:normal}.coordinates{grid-column:1/-1;border:1px solid var(--border);border-radius:10px;padding:12px}.coordinates summary{cursor:pointer;color:var(--text-muted)}

@media(min-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{padding:16px;border-radius:12px;font-size:14px}.card h2{font-size:18px;line-height:1.35;margin:8px 0}.card p{margin:8px 0}.card .price{font-size:30px}.card .actions{gap:6px;margin-top:12px}.card button{padding:8px 10px}.card .route{padding:8px 4px}.card .top{gap:8px}.card .top>div{min-width:0}.card .top>button{flex-shrink:0;align-self:start}}

.cheapest{background:#e0f2e9;color:#1c6549}.trend{display:block;font-size:12px;margin:6px 0}.trend.down{color:#21674f}.trend.up{color:#a23b35}.trend.neutral{color:var(--text-muted)}.opening-hours{margin:8px 0;font-size:12px;color:var(--text-muted)}.opening-hours summary{cursor:pointer;color:var(--brand)}.opening-hours div{margin-top:4px}

.filters{flex-wrap:wrap}.filters label{flex:1 1 150px}

.route{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid var(--brand);border-radius:9px;background:var(--brand-soft);color:var(--brand);font-weight:500;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s}.route:hover{background:#dedee1;color:var(--text);box-shadow:0 2px 7px #20293218}.route:active{box-shadow:none}.route:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.route-icon{width:19px;height:19px;flex-shrink:0}.route-external{font-size:16px;margin-left:2px}@media(min-width:1100px){.card .route{padding:8px 12px}}@media(max-width:700px){.card .actions .route{flex:1}}@media(prefers-reduced-motion:reduce){.route{transition:none}}

.primary:hover{background:#dcdcdf;border-color:#c7c7cb}nav button.active{background:#ededee;color:var(--text)}.stat{border:1px solid var(--border)}

.results-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.3fr);gap:18px;align-items:start}.cards.station-list{display:flex;flex-direction:column;gap:12px;height:660px;max-height:72vh;overflow-y:auto;padding:2px 8px 2px 2px;scrollbar-gutter:stable;position:relative}.station-list .card{flex-shrink:0;padding:16px}.selected-station{border-color:var(--brand);box-shadow:0 0 0 2px #6a70752a}.map-panel{position:relative;min-width:0;border:1px solid var(--border);background:white;border-radius:14px;padding:12px}.map-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.map-toolbar button{padding:7px 10px;font-size:13px}.map-surface{position:relative;border-radius:10px;overflow:hidden}#station-map{height:550px;max-height:58vh;background:#ededee;z-index:0}.map-overlay{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#ededeecc;padding:24px;text-align:center}.map-overlay p{font-size:12px;max-width:280px}.map-caption{font-size:12px;margin:10px 0 0}.result-switch{display:none}.fuel-marker{background:#f5f5f6;color:#24272c;border:1px solid #747a80;border-radius:7px;text-align:center;line-height:30px;font-size:12px;font-weight:600;box-shadow:0 2px 7px #0002}.fuel-marker.cheapest-marker{background:#e0f2e9;border-color:#21674f}.fuel-marker.selected-marker{outline:3px solid #595f66;outline-offset:2px}.map-fullscreen{position:fixed;inset:16px;z-index:3000;display:flex;flex-direction:column;box-shadow:0 0 0 30px #0008}.map-fullscreen .map-surface{flex:1}.map-fullscreen #station-map{height:100%;max-height:none}#map-failure{color:var(--danger);font-size:13px}@media(max-width:800px){.results-layout{display:block}.result-switch{display:flex;gap:8px;margin-bottom:12px}.result-switch .active{background:var(--brand-soft)}.results-layout .map-panel{display:none}.results-layout.map-mode .map-panel{display:block}.results-layout.map-mode .station-list{display:none}.cards.station-list{height:65vh;max-height:none}#station-map{height:55vh;max-height:none}.map-fullscreen{inset:8px!important}.results-layout.map-mode .map-panel.map-fullscreen{display:flex}}

footer{display:flex;justify-content:space-between;gap:16px;align-items:center}#mode-status{font-size:11px;text-align:left;white-space:nowrap}footer>span{text-align:right}#profile-button{margin-left:auto}#profile-dialog label{margin:12px 0}#profile-feedback{font-size:14px}#admin-settings button{margin:12px 8px 12px 0}@media(max-width:700px){footer{align-items:flex-end;flex-wrap:wrap}footer>span{margin-left:auto}#profile-button{font-size:13px}}

footer{justify-content:flex-end}

/* Taller, aligned results panes allow the first complete station card to be seen. */
@media(min-width:801px){.results-layout{align-items:stretch}.cards.station-list{height:max(760px,82vh);max-height:none}.map-panel{display:flex;flex-direction:column}.map-panel .map-surface{flex:1;min-height:0}.map-panel #station-map{position:absolute;inset:0;height:100%;max-height:none}.map-panel .map-caption{flex-shrink:0}.map-panel.map-fullscreen{height:auto}}
@media(max-width:800px){.cards.station-list{height:max(580px,75vh);max-height:none}}

/* Coherent neutral hierarchy: canvas, white surfaces, graphite actions. */
:root{--background:#f4f4f5;--surface:#fff;--text:#27272a;--text-muted:#71717a;--brand:#3f3f46;--brand-soft:#ededee;--border:#e1e1e4;--focus:#52525b}
header{background:var(--surface)}.card,.panel,.filters,.map-panel,.stat{background:var(--surface);border-color:var(--border)}.stat{color:var(--text)}.stat small{color:var(--text-muted)}.primary{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover{background:#27272a;border-color:#27272a}button:not(.primary){background:var(--surface)}nav button{background:transparent!important}nav button.active{background:var(--brand-soft)!important;color:var(--text)}.badge{background:#f4f4f5;color:var(--brand)}.badge.cheapest{background:#e0f2e9;color:#21674f}.route{background:var(--surface);border-color:var(--border);color:var(--brand)}.route:hover{background:var(--brand-soft);border-color:#c6c6cc;color:var(--text);box-shadow:none}.result-switch button.active{background:var(--brand-soft)}.fuel-marker{background:var(--surface);border-color:#a1a1aa;color:var(--text)}.fuel-marker.cheapest-marker{background:#e0f2e9;border-color:#21674f}

/* One complete card row, two list columns and a narrower aligned map. */
@media(min-width:801px){.results-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start}.cards.station-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;align-content:start;height:var(--station-row-height,540px);max-height:none;padding:0 8px 0 0}.station-list .card{min-width:0;height:auto}.map-panel{height:var(--station-row-height,540px);box-sizing:border-box}.map-panel.map-fullscreen{height:auto}}
@media(max-width:800px){.cards.station-list{height:var(--station-row-height,540px);max-height:none}.map-panel{height:var(--station-row-height,540px);display:flex;flex-direction:column}.results-layout:not(.map-mode) .map-panel{display:none}.map-panel .map-surface{flex:1;min-height:0}.map-panel #station-map{position:absolute;inset:0;height:100%;max-height:none}.map-panel.map-fullscreen{height:auto}}

/* Anthracite canvas with white working surfaces. */
:root{--background:#3f3f46;--surface:#fff;--text:#27272a;--text-muted:#71717a;--brand:#3f3f46;--brand-soft:#ededee;--border:#dedee2}
body{background:var(--background)}main>section>h1,.heading h1{color:#fff}.heading p{color:#dedee3}.heading .eyebrow{color:#c6c6cd}.heading>.primary{background:#fff;border-color:#fff;color:#27272a}.heading>.primary:hover{background:#ededee;border-color:#ededee}.stats .stat{background:#fff;color:var(--text)}header,.card,.panel,.filters,.map-panel,dialog{background:#fff;color:var(--text)}footer,footer a{color:#dedee3}.station-list .card .price{color:var(--text)}.cards>.empty{background:#fff;color:var(--text-muted);border-style:solid}.result-switch button{background:#fff;color:#27272a;border-color:#fff}.result-switch button.active{background:#dedee3}#read-alarms{background:#fff;color:#27272a;border-color:#fff}

.price-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.price-row>div:first-child{min-width:0}.price-times{display:grid;gap:2px;text-align:right;font-size:10px;flex-shrink:0;color:var(--text-muted)}.price-times time{font-size:11px;color:var(--text)}.price-times span:nth-of-type(2){margin-top:6px}.station-card .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.station-card .actions button,.station-card .actions .route{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 5px;font-size:12px;min-width:0}.station-card .actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.station-card .route-external{display:none}.filters label>small{display:block;margin-top:5px;font-size:11px}

.station-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin:12px 0;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.station-facts>div{min-width:0}.station-facts dt{font-size:10px;color:var(--text-muted);margin-bottom:2px}.station-facts dd{margin:0;font-size:12px;color:var(--text);overflow-wrap:anywhere;line-height:1.4}.station-facts time{font-variant-numeric:tabular-nums}.station-card .opening-hours{margin:8px 0}

@media(min-width:801px){.cards.station-list{align-items:stretch;grid-auto-rows:auto}.station-list .station-card{height:auto;align-self:stretch;display:flex;flex-direction:column}.station-list .station-card>.actions{margin-top:auto;padding-top:12px}}
.analysis-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin:18px 0}#analysis-content>.panel{margin:18px 0}.analysis-grid svg{width:100%;display:block}.analysis-grid svg text{font:11px system-ui;fill:var(--text-muted)}.analysis-grid label{margin:12px 0}.table-scroll{overflow-x:auto}.heatmap{font-size:11px;white-space:nowrap}.heatmap td{padding:7px 5px;text-align:center}.heatmap .no-data{background:#f3f3f4;color:#8a8a93}.analysis-coverage p{font-size:12px}.analysis-grid small{color:var(--text-muted)}#analysis-error{color:#fff}@media(max-width:800px){.analysis-grid{grid-template-columns:1fr}}
/* Mobile map tab must stay a flex column: its absolute map canvas needs surface height. */
@media(max-width:800px){.results-layout.map-mode .map-panel{display:flex;flex-direction:column}.results-layout.map-mode .map-panel .map-surface{flex:1;min-height:240px}.results-layout.map-mode .map-panel.map-fullscreen .map-surface{min-height:0}}

.analysis-stats{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:800px){.analysis-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Three shared tracks: two station cards and one map align with the three KPIs. */
@media(min-width:801px){#prices .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.results-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards.station-list{grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;scrollbar-gutter:auto;scrollbar-width:none}.cards.station-list::-webkit-scrollbar{display:none}.results-layout>.map-panel{grid-column:3}.station-list .station-card{width:100%;box-sizing:border-box}}

.favorite-list{display:grid;gap:12px}.favorite-station{display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(350px,2fr) auto;gap:20px;align-items:center}.favorite-info{min-width:0}.favorite-info h2{margin:0;overflow-wrap:anywhere}.favorite-info p{margin:4px 0 8px;overflow-wrap:anywhere}.favorite-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.favorite-price dt{font-size:12px;color:var(--text-muted)}.favorite-price dd{margin:0;font-size:17px;font-weight:600}.favorite-price small{display:block;font-size:11px;color:var(--text-muted)}.favorite-station .actions{margin:0;display:flex;flex-wrap:wrap;gap:8px}.favorite-station .route-icon{width:18px;height:18px}@media(max-width:1100px){.favorite-station{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.favorite-station .actions{grid-column:1/-1}}@media(max-width:600px){.favorite-station{grid-template-columns:minmax(0,1fr);gap:12px}.favorite-prices{gap:8px}.favorite-price dd{font-size:14px}.favorite-station .actions{grid-column:auto}.favorite-station .actions>*{flex:1;justify-content:center}}