.prose:has(.fuel-app){max-width:none;width:100%}.fuel-app{font-size:15px;line-height:1.6;padding-bottom:40px}.fuel-app h2{font-size:clamp(20px,2vw,28px);margin:0 0 16px}.fuel-app p{margin:8px 0 14px}.fuel-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.fuel-tabs a{padding:10px 18px;background:var(--surface);border:1px solid var(--line);border-radius:30px;text-decoration:none}.fuel-tabs a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.fuel-notice{border-left:3px solid var(--accent);background:var(--surface-2);padding:14px 18px;border-radius:0 12px 12px 0}.fuel-panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:clamp(16px,2vw,28px);margin-bottom:20px;min-width:0}.fuel-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fuel-kpi strong{font:600 clamp(28px,3vw,42px) var(--font-mono);letter-spacing:-2px}.fuel-kpi>p:first-child{font-weight:600}.fuel-kpi p:not(:first-child),.fuel-kpi small{font-size:12px;color:var(--muted)}.fuel-kpi span{font-size:12px}.fuel-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fuel-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.fuel-section-head small{color:var(--accent);font-size:11px;letter-spacing:2px}.fuel-chart{height:310px;position:relative}.fuel-table-scroll{max-height:420px;overflow:auto}.fuel-app table{width:100%;border-collapse:collapse;font-size:13px}.fuel-app th,.fuel-app td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:normal}.fuel-app th{color:var(--muted);font-weight:500}.fuel-app label{display:block;font-size:13px;margin:8px 0 14px}.fuel-app input:not([type=checkbox]),.fuel-app select{display:block;width:100%;margin-top:6px;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;min-width:0}.fuel-app input[type=checkbox]{margin-right:7px}.fuel-app button{padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;min-height:44px}.fuel-app button[type=submit],.fuel-app form>button{background:var(--accent);color:#17202b;font-weight:600}.fuel-app button:disabled{opacity:.45;cursor:default}.fuel-app :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.fuel-app output{display:block;padding:12px 0;font-weight:600;grid-column:1/-1}.fuel-app summary{cursor:pointer;padding:12px 0;font-weight:600}.fuel-muted{font-size:12px;color:var(--muted)}.fuel-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fuel-marker{padding:5px 8px;background:#f4c34e;color:#17202b;border:2px solid white;border-radius:7px;font:bold 12px sans-serif;box-shadow:0 2px 8px #0004;cursor:pointer}.fuel-marker[data-band=low]{background:#4dcc9d}.fuel-marker[data-band=high]{background:#e97570}.fuel-marker[data-band=unavailable]{background:#b0b5bf}.fuel-marker.is-selected{outline:3px solid #ffb020}.fuel-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fuel-form-grid button{align-self:end;margin-bottom:14px}.fuel-cheapest{background:color-mix(in srgb,var(--c-prod) 12%,transparent)}.fuel-tax-bar{display:flex;height:22px;border-radius:8px;overflow:hidden;margin:12px 0}.fuel-tax-bar span{min-width:1px}.site-nav{flex-wrap:wrap}
@keyframes fuel-shimmer{to{background-position:-200% 0}}@media(max-width:1100px){.fuel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.fuel-two,.fuel-form-grid{grid-template-columns:1fr}.fuel-kpis{gap:10px}.fuel-panel{padding:16px}.fuel-section-head{align-items:start}.fuel-chart{height:250px}.fuel-app table{min-width:460px}.fuel-form-grid{gap:0}}
#fuel-tax-values{overflow-x:auto}#fuel-tax-values table{min-width:0}

/* ── Comparatorul de benzinării (/carburanti/benzinarii/) ────────────────────
   Așezarea din octombrie 2026, vezi `FuelView::comparator()`: căutarea pe un
   rând, bara cu rezultatul și prețurile, lista pe toată lățimea, harta la cerere.
   Clasele `fc-` au selectorul `.fuel-app .fc-…`, ca să treacă peste regulile
   generale de mai sus (etichete bloc, câmpuri pe toată lățimea, butoane de 44px). */
.fuel-app .fc-search{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:16px 18px 6px;margin-bottom:14px}
.fuel-app .fc-search__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px}
.fuel-app .fc-field{display:grid;gap:5px;margin:0;font-size:12.5px;color:var(--muted);flex:1 1 170px;min-width:0}
.fuel-app .fc-field--q{flex:3 1 260px}
.fuel-app .fc-field--sm{flex:0 1 120px}
.fuel-app .fc-field>span{font-weight:500}
.fuel-app .fc-field input,.fuel-app .fc-field select{margin:0;padding:11px 12px;font-size:15px}
.fuel-app .fc-field--q input{font-size:16px}
.fuel-app .fc-field--inline{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.fuel-app .fc-field--inline select,.fuel-app .fc-field--inline input{width:auto;padding:8px 10px;font-size:14px}
.fuel-app .fc-search__btns{display:flex;gap:8px;flex:0 0 auto}
.fuel-app .fc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;border:1px solid var(--line-strong,var(--line));border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}
.fuel-app .fc-btn:hover{border-color:var(--accent)}
.fuel-app .fc-btn--primary{background:var(--accent);border-color:var(--accent);color:#17202b;font-weight:600}
.fuel-app .fc-btn--sm{min-height:34px;padding:6px 12px;font-size:13px;border-radius:9px}
.fuel-app .fc-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.fuel-app .fc-filters{margin-top:8px}
.fuel-app .fc-filters>summary{display:inline-block;padding:6px 0 10px;font-size:13.5px;font-weight:500;color:var(--muted)}
.fuel-app .fc-filters>summary:hover{color:var(--text)}
.fuel-app .fc-filters__grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;padding:4px 0 12px}
.fuel-app .fc-checks{display:flex;flex-wrap:wrap;gap:6px 16px;flex:1 1 100%}
.fuel-app .fc-check{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:13.5px;color:var(--text);cursor:pointer}
.fuel-app .fc-check input{margin:0;width:17px;height:17px;accent-color:var(--accent)}
/* Bara rezultatelor (compactată pe 30.10.2026): câte stații și prețurile în stânga, iar în dreapta „Pe drum",
   „Alertă de preț" și ordinea. `flex:1 1 320px` la stânga: textul se rupe pe două rânduri înainte ca uneltele să coboare. */
.fuel-app .fc-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 12px}
.fuel-app .fc-bar__info{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;flex:1 1 320px}
.fuel-app .fc-bar__tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fuel-app .fc-status{margin:0;font-size:15px;font-weight:600}
.fuel-app .fc-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.fuel-app .fc-range{display:inline-flex;flex-wrap:wrap;align-items:baseline;padding:3px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px}
.fuel-app .fc-range>span{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}
.fuel-app .fc-range>span+span::before{content:"·";margin:0 7px;color:var(--muted)}
.fuel-app .fc-range small{color:var(--muted);font-size:11.5px}
.fuel-app .fc-range strong{font-family:var(--font-mono);font-weight:600}
.fuel-app .fc-range--low strong{color:var(--c-prod)}
.fuel-app .fc-range--high strong{color:var(--c-danger)}
.fuel-app .fc-range__unit{margin-left:5px}
.fuel-app .fc-stats__time{font-size:12px;color:var(--muted)}
.fuel-app .fc-tool{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:13.5px;font-weight:500;white-space:nowrap;cursor:pointer}
.fuel-app .fc-tool:hover{border-color:var(--accent)}
.fuel-app .fc-tool[aria-expanded=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}
.fuel-app .fc-tool[hidden]{display:none}
.fuel-app .fc-bar__tools .fc-field--inline{font-size:12.5px}
.fuel-app .fc-bar__tools .fc-field--inline select{height:36px;padding:0 10px;font-size:13.5px}
/* Pe telefon nu încap toate trei pe un rând: butoanele împart un rând, ordinea are rândul ei. */
@media(max-width:640px){.fuel-app .fc-bar__tools{flex:1 1 100%}.fuel-app .fc-tool{flex:1 1 0;justify-content:center}.fuel-app .fc-bar__tools .fc-field--inline{flex:1 1 100%}.fuel-app .fc-bar__tools .fc-field--inline select{flex:1}}
.fuel-app .fc-layout{display:grid;gap:16px;align-items:start}
.fuel-app .fc-layout.has-map{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fuel-app .fc-results{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fuel-app .fc-card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;background:var(--surface);cursor:default}
.fuel-app .fc-card[data-band=low]{border-left-color:var(--c-prod)}
.fuel-app .fc-card[data-band=middle]{border-left-color:var(--c-warn,#e0a100)}
.fuel-app .fc-card[data-band=high]{border-left-color:var(--c-danger)}
.fuel-app .fc-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.fuel-app .fc-card__price{display:flex;flex-direction:column;line-height:1.15}
.fuel-app .fc-card__price strong{font:600 24px var(--font-mono);letter-spacing:-1px}
.fuel-app .fc-card__price span{font-size:12px;color:var(--muted)}
.fuel-app .fc-card[data-band=low] .fc-card__price strong{color:var(--c-prod)}
.fuel-app .fc-tag{margin-top:4px;font-style:normal;font-size:11px;font-weight:600;color:var(--c-prod)}
.fuel-app .fc-card__body{min-width:0}
.fuel-app .fc-card__head{display:flex;align-items:baseline;gap:8px;min-width:0}
.fuel-app .fc-card__head h3{margin:0;font-size:15.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fuel-app .fc-brand{flex:none;padding:1px 7px;border-radius:6px;background:var(--surface-2);font-size:10.5px;font-weight:700;letter-spacing:.5px}
.fuel-app .fc-card__addr{margin:2px 0;font-size:13px;color:var(--text-2,var(--text))}
.fuel-app .fc-card__meta{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0;font-size:12px;color:var(--muted)}
.fuel-app .fc-fresh::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--muted);vertical-align:1px}
.fuel-app .fc-fresh--ok::before{background:var(--c-prod)}
.fuel-app .fc-fresh--old{color:var(--c-warn,#e0a100)}
.fuel-app .fc-fresh--old::before{background:var(--c-warn,#e0a100)}
.fuel-app .fc-card__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 12px}
.fuel-app .fc-link{font-size:13px;color:var(--text);background:none;border:0;padding:0;min-height:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fuel-app .fc-link:hover{color:var(--accent)}
.fuel-app .fc-fav{min-height:34px;width:34px;padding:0;border-radius:9px;font-size:17px;line-height:1;background:transparent}
.fuel-app .fc-fav[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.fuel-app .fc-card--skeleton{height:84px;background:linear-gradient(110deg,var(--surface-2) 30%,var(--surface-3,var(--surface)) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:fuel-shimmer 1.4s linear infinite}
.fuel-app .fc-empty{display:grid;gap:4px;padding:22px;border:1px dashed var(--line-strong,var(--line));border-radius:12px;color:var(--muted);font-size:14px}
.fuel-app .fc-empty strong{color:var(--text)}
.fuel-app .fc-more{width:100%;margin-top:10px}
.fuel-app .fc-map{position:sticky;top:110px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:10px}
.fuel-app .fc-map #fuel-map{height:min(70vh,640px);border-radius:10px;overflow:hidden;background:var(--surface-2)}
.fuel-app .fc-map #fuel-map>p{padding:20px}
.fuel-app .fc-map__foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 2px 0}
.fuel-app .fc-map__foot p{margin:0}
.fuel-app .fc-dot{display:inline-block;width:9px;height:9px;margin:0 4px 0 6px;border-radius:50%;vertical-align:0}
.fuel-app .fc-dot--low{background:#4dcc9d}.fuel-app .fc-dot--middle{background:#f4c34e}.fuel-app .fc-dot--high{background:#e97570}
/* „Despre date”: la vedere (nu mai e pliat, 30.10.2026), o casetă discretă cu puncte scurte, pe două coloane când e loc. */
.fuel-app .fc-about{margin-top:20px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:13.5px;line-height:1.55;color:var(--muted)}
.fuel-app .fc-about h2{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:15px;font-weight:600;letter-spacing:0;color:var(--text)}
.fuel-app .fc-about h2::before{content:"i";display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font:700 12px/1 var(--font-mono,monospace)}
.fuel-app .fc-about ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px 28px;margin:0;padding:0;list-style:none}
.fuel-app .fc-about li{position:relative;padding-left:15px}
.fuel-app .fc-about li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.75}
.fuel-app .fc-about b{font-weight:600;color:var(--text)}
.fuel-app .fc-about a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
@media(prefers-reduced-motion:reduce){.fuel-app .fc-card--skeleton{animation:none}}
@media(max-width:1000px){.fuel-app .fc-layout.has-map{grid-template-columns:1fr}.fuel-app .fc-layout.has-map .fc-map{position:static;order:-1}.fuel-app .fc-map #fuel-map{height:55vh}}
@media(max-width:640px){
 .fuel-app .fc-search{padding:14px 14px 4px}
 .fuel-app .fc-field--q{flex-basis:100%}
 .fuel-app .fc-search__btns{flex:1 1 100%}
 .fuel-app .fc-search__btns .fc-btn{flex:1}
 .fuel-app .fc-card{grid-template-columns:78px minmax(0,1fr);padding:12px}
 .fuel-app .fc-card__price strong{font-size:20px}
 .fuel-app .fc-card__head h3{white-space:normal}
 .fuel-app .fc-card__actions{grid-column:1/-1;justify-content:flex-start}
}
/* Marcajele și butoanele hărții sunt <button>: fără asta preiau `.fuel-app button` de mai sus
   (padding 11px 16px, 44px înălțime) — marcaje cât niște butoane, iar zoomul fără iconițe. */
.fuel-app .fuel-marker{min-height:0;padding:3px 7px;border:2px solid #fff;border-radius:7px;font:700 12px/1.2 var(--font-mono,sans-serif);color:#17202b;background:#f4c34e}
.fuel-app .fuel-marker[data-band=low]{background:#4dcc9d}.fuel-app .fuel-marker[data-band=high]{background:#e97570}.fuel-app .fuel-marker[data-band=unavailable]{background:#b0b5bf}
.fuel-app .fuel-marker.is-selected{outline:3px solid var(--accent);z-index:2}
/* Fereastra unei stații de pe hartă care nu e încă în listă (mai jos de primele 50): fundalul MapLibre e alb. */
.fuel-app .fc-pop{display:grid;gap:3px;font-size:13px;line-height:1.35;color:#17202b}
.fuel-app .fc-pop a{color:#1d5fbf;font-weight:600}
.fuel-app .maplibregl-popup-close-button{min-height:0;padding:0 6px;border:0;background:none;color:#17202b;font-size:18px}
.fuel-app .maplibregl-ctrl-group button{min-height:0;width:29px;height:29px;padding:0;border:0;border-radius:0;background-color:#fff}
/* Cu harta deschisă lista e pe jumătate de lățime: butoanele trec sub text, numele nu se mai taie. */
.fuel-app .fc-layout.has-map .fc-card{grid-template-columns:84px minmax(0,1fr)}
.fuel-app .fc-layout.has-map .fc-card__actions{grid-column:1/-1;justify-content:flex-start}
.fuel-app .fc-layout.has-map .fc-card__head h3{white-space:normal}
/* Câmpul de căutare cu „Locația mea" în dreapta lui (octombrie 2026): o singură
   întrebare — scrii locul sau apeși pe locație —, nu două butoane alături. Toate
   câmpurile rândului au aceeași înălțime, ca să stea pe o linie. */
.fuel-app .fc-field>label{display:block;margin:0;font-size:12.5px;font-weight:500;color:var(--muted)}
.fuel-app .fc-field input,.fuel-app .fc-field select{height:46px;padding-top:0;padding-bottom:0}
.fuel-app .fc-search__btns .fc-btn{min-height:46px}
.fuel-app .fc-q{position:relative}
.fuel-app .fc-q input{padding-right:142px}
/* Cu „Locația mea” pornită, „📍 Lângă Iași (locația ta)” se citește ca locul ales, nu ca un îndemn gri. */
.fuel-app .fc-q input.is-located::placeholder{color:var(--text);opacity:1;font-weight:500}
.fuel-app .fc-q__loc{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;min-height:34px;height:34px;padding:0 12px;border:1px solid var(--line-strong,var(--line));border-radius:999px;background:var(--surface);color:var(--text);font-size:13px;font-weight:500;cursor:pointer}
.fuel-app .fc-q__loc:hover{border-color:var(--accent);color:var(--accent)}
.fuel-app .fc-q__loc.is-on{background:var(--accent);border-color:var(--accent);color:#17202b}
.fuel-app .fc-q__loc:disabled{opacity:.6;cursor:progress}
@media(max-width:640px){.fuel-app .fc-q input{padding-right:52px}.fuel-app .fc-q__loc{width:38px;padding:0;justify-content:center}.fuel-app .fc-q__loc span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
/* Harta e mereu pe pagină: pe tabletă (o coloană, deasupra listei) rândurile își recapătă
   așezarea pe trei coloane; pe telefon harta e mai joasă, ca lista să înceapă repede. */
@media(max-width:1000px) and (min-width:641px){.fuel-app .fc-layout.has-map .fc-card{grid-template-columns:96px minmax(0,1fr) auto}.fuel-app .fc-layout.has-map .fc-card__actions{grid-column:auto;justify-content:flex-end}.fuel-app .fc-layout.has-map .fc-card__head h3{white-space:nowrap}.fuel-app .fc-map #fuel-map{height:380px}}
@media(max-width:640px){.fuel-app .fc-map{padding:6px}.fuel-app .fc-map #fuel-map{height:300px}}
/* Prima vedere, fără un loc ales: întrebarea „Unde vrei să alimentezi?" în locul listei. */
.fuel-app .fc-intro{display:grid;justify-items:center;gap:6px;padding:34px 22px;text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface))}
.fuel-app .fc-intro>strong{font-size:clamp(20px,2.2vw,26px);line-height:1.25}
.fuel-app .fc-intro>p{margin:0;max-width:46ch;color:var(--text-2,var(--text))}
.fuel-app .fc-intro>p.fuel-muted{color:var(--muted);font-size:12.5px}
.fuel-app .fc-intro__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;margin:14px 0 8px}
.fuel-app .fc-intro__go{min-height:50px;padding:12px 22px;font-size:16px}
.fuel-app .fc-intro__go svg{flex:none}
.fuel-app .fc-intro__or{color:var(--muted);font-size:13px}
@media(max-width:640px){.fuel-app .fc-intro{padding:24px 14px}.fuel-app .fc-intro__actions{flex-direction:column;width:100%}.fuel-app .fc-intro__actions .fc-btn{width:100%}}
.fuel-app .fc-layout.is-intro{grid-template-columns:1fr}.fuel-app .fc-layout.is-intro .fc-map{display:none}
/* Siglele rețelelor: pe o căsuță albă, ca OMV sau SOCAR (text negru, fond transparent) să se vadă și pe tema întunecată. */
.fuel-app .fc-logo{flex:none;width:36px;height:36px;padding:2px;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 0 0 1px var(--line)}
.fuel-app .fc-card__head{align-items:center}
.fuel-app .fc-card__head .fc-logo{width:40px;height:40px;border-radius:9px}
.fuel-app .fc-who{display:inline-flex;align-items:center;gap:8px}
.fuel-app .fc-who .fc-logo{width:28px;height:28px;padding:1px;border-radius:6px}
.fuel-app .fuel-marker{display:inline-flex;align-items:center;gap:5px;padding:2px 7px 2px 2px}
.fuel-app .fuel-marker .fc-logo{width:24px;height:24px;padding:1px;border-radius:5px;box-shadow:none}
.fuel-app .fc-station-brand{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.fuel-app .fc-station-brand .fc-logo{width:68px;height:68px;padding:5px;border-radius:14px}
.fuel-app .fc-station-brand div{display:grid}
.fuel-app .fc-station-brand strong{font-size:16px}
.fuel-app .fc-station-brand span{font-size:13.5px;color:var(--muted)}
/* Locația blocată: pașii stau la vedere, nu în textul mic de sub butoane. */
.fuel-app .fc-intro>p.fc-intro__warn{max-width:60ch;margin-top:6px;padding:10px 14px;border-left:3px solid var(--c-warn,#e0a100);border-radius:8px;background:color-mix(in srgb,var(--c-warn,#e0a100) 10%,transparent);text-align:left;font-size:13.5px;color:var(--text)}
/* „● Prețuri actualizate azi, la 14:35": la vedere, deasupra căutării; verde când e din ultimele 24 de ore. */
.fuel-app .fc-checked{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;width:fit-content;max-width:100%;margin:0 0 14px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--c-warn,#e0a100) 50%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--c-warn,#e0a100) 10%,var(--surface));font-size:15.5px;line-height:1.35}
.fuel-app .fc-checked.is-ok{border-color:color-mix(in srgb,var(--c-prod) 55%,var(--line));background:color-mix(in srgb,var(--c-prod) 11%,var(--surface))}
.fuel-app .fc-checked>span{flex:none;width:11px;height:11px;border-radius:50%;background:var(--c-warn,#e0a100)}
.fuel-app .fc-checked.is-ok>span{background:var(--c-prod);animation:fc-puls 2.2s ease-out infinite}
.fuel-app .fc-checked>b{font-weight:700;color:var(--text)}
.fuel-app .fc-checked>small{font-size:13px;color:var(--muted)}
@keyframes fc-puls{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c-prod) 55%,transparent)}100%{box-shadow:0 0 0 9px transparent}}
@media(prefers-reduced-motion:reduce){.fuel-app .fc-checked.is-ok>span{animation:none}}
/* Rândul de sus al comparatorului: filele în stânga, „Prețuri actualizate…" în dreapta, pe același rând. */
.fuel-app .fc-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:22px}
.fuel-app .fc-top .fuel-tabs{margin:0}
.fuel-app .fc-top .fc-checked{margin:0}
.fuel-app .fc-card__fac{margin:3px 0 0;font-size:12px;color:var(--muted)}.fuel-app .fc-station-brand span+span{margin-top:2px}
/* ── Paginile pe orașe (/carburanti/iasi/) și lista lor (/carburanti/orase/) ── */
/* Cardurile pe carburant (piața, orașele, prețurile zilei): `auto-fit`, nu `auto-fill`, ca 4 carduri să umple
   rândul în loc să lase loc gol în dreapta (30.10.2026); prețul crește odată cu ecranul. */
.fuel-app .fc-city-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0 0 16px}
.fuel-app .fc-city-fuel{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.fuel-app .fc-city-fuel>p{margin:0;font-size:13.5px;font-weight:600;color:var(--muted)}
.fuel-app .fc-city-fuel>strong{font:600 clamp(26px,2.3vw,34px) var(--font-mono);letter-spacing:-1px;color:var(--c-prod)}
.fuel-app .fc-city-fuel>strong{white-space:nowrap}.fuel-app .fc-city-fuel>strong small{font:500 13px var(--font-body);letter-spacing:0;color:var(--muted)}
.fuel-app .fc-city-fuel>span{display:flex;align-items:center;gap:7px;font-size:13px}
.fuel-app .fc-city-fuel>span .fc-logo{width:22px;height:22px;padding:1px;border-radius:5px}
.fuel-app .fc-city-fuel>small{font-size:12px;color:var(--muted)}
.fuel-app .fc-city-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.fuel-app .fc-city-table{min-width:640px}
.fuel-app .fc-city-table td{vertical-align:middle}
.fuel-app .fc-city-table .nr{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:var(--font-mono)}
.fuel-app .fc-city-table .fc-who{color:var(--text);text-decoration:none}
.fuel-app .fc-city-table .fc-who span{display:grid}
.fuel-app .fc-city-table .fc-who small{font-size:12px;color:var(--muted)}
.fuel-app .fc-city-table .fc-who:hover b{color:var(--accent)}
.fuel-app .fc-city-links{display:flex;flex-wrap:wrap;gap:8px 14px}
.fuel-app .fc-city-links small,.fuel-app .fc-county small{color:var(--muted)}
.fuel-app .fc-city-link{font-size:14px;font-weight:600;color:var(--accent);text-decoration:none}
.fuel-app .fc-city-link:hover{text-decoration:underline}
.fuel-app .fc-counties{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.fuel-app .fc-county{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.fuel-app .fc-county h2{font-size:17px;margin:0 0 8px}
.fuel-app .fc-county ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.fuel-app .fc-county li{font-size:14px;line-height:1.35}
.fuel-app .fc-county li small{display:block;font-size:12px}
.fuel-app.fc-city .fuel-table-scroll{max-height:none}
/* Trendul: „↓ 5 bani" pe stație (verde = s-a ieftinit) și graficul pe zile al orașului. */
.fuel-app .fc-change{margin-top:3px;font-size:11.5px;font-weight:700;white-space:nowrap}
.fuel-app .fc-change--down{color:var(--c-prod)}
.fuel-app .fc-change--up{color:var(--c-danger)}
/* Costul plinului (50 l) sub preț și cât în plus față de cea mai ieftină: în locul comparației, scoasă în octombrie 2026. */
.fuel-app .fc-card__fill{margin-top:3px;font-size:11.5px;color:var(--muted);white-space:nowrap}
.fuel-app .fc-extra{color:var(--text)}
.fuel-app .fc-trend svg{display:block;width:100%;height:150px;border-radius:10px;background:var(--surface-2)}
.fuel-app .fc-trend .fuel-muted{margin:8px 0 0}
.fuel-app .fc-trend h2+.fuel-muted{margin:-8px 0 14px}
.fuel-app .fc-trend-key{display:inline-block;width:14px;height:3px;margin:0 6px 3px 0;border-radius:2px;background:var(--c)}
.fuel-app .fc-trend-empty{margin:0 0 16px}
.fuel-app .fc-trend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.fuel-app .fc-trend figure{margin:0}
.fuel-app .fc-trend figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:6px;font-size:14px}
.fuel-app .fc-trend figcaption .fc-change{margin:0}
.fuel-app .fc-trend svg{height:90px}
.fuel-app .fc-trend small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
/* „Pe drum" și alerta de preț: casetele deschise de butoanele din bara rezultatelor, sub ea. */
.fuel-app .fc-alert{margin:0 0 14px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.fuel-app .fc-alert__form{padding:14px 16px}
.fuel-app .fc-alert__form>p{margin:0 0 10px}
.fuel-app .fc-alert__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px}
.fuel-app .fc-alert__row .fc-field{flex:2 1 220px}
.fuel-app .fc-alert__row .fc-field--sm{flex:1 1 140px}
.fuel-app .fc-alert__ok{display:flex;align-items:flex-start;margin:12px 0;font-size:13px;line-height:1.45;color:var(--text-2,var(--text))}
.fuel-app .fc-alert__ok input{margin-top:2px}
.fuel-app .fc-alert__go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.fuel-app .fc-alert__go output{padding:0;font-size:13.5px;font-weight:500}
.fuel-app .fc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* „Pe drum": aceeași casetă ca alerta, cu trei câmpuri de localitate. */
.fuel-app .fc-route .fc-alert__row .fc-field{flex:1 1 170px}
.fuel-app .fc-route .fc-alert__go{margin-top:12px}
/* „Adaugă pe ecran" și codul widgetului de inserat. */
.fuel-app .fc-install{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px;padding:10px 14px;border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:12px;font-size:13.5px}
.fuel-app .fc-install .fc-link{margin-left:auto}
.fuel-app .fc-embed>summary{padding:0}
.fuel-app .fc-embed[open]>summary{margin-bottom:8px}
.fuel-app .fc-embed__code{display:block;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:12px/1.5 var(--font-mono);resize:vertical}
/* Ce nu merge la sursă (FuelView::sourceNotice, Health): importul oprit, rețele care nu mai raportează. */
.fuel-app .fc-warn{border-left-color:var(--c-danger,#e97570)}
.fuel-app .fc-silent{display:block;font-size:11.5px;color:var(--c-danger,#e97570)}