:root{--navy:#071b2f;--navy2:#0d2b47;--blue:#0b6fff;--blue2:#438cff;--bg:#f4f7fa;--card:#fff;--text:#122331;--muted:#506878;--line:#d5dfe7;--green:#0aa56f;--greenbg:#eaf8f3;--amber:#bd7900;--amberbg:#fff5de;--red:#c64b5b;--redbg:#fff0f2;--shadow:0 16px 48px rgba(7,27,47,.08);--shadow-sm:0 8px 24px rgba(7,27,47,.06);--r:24px;--safe:env(safe-area-inset-bottom,0px);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif} *{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body.cwf-standalone{margin:0!important;min-width:320px;min-height:100dvh;background:var(--bg)!important;color:var(--text)!important;-webkit-font-smoothing:antialiased}body.cwf-standalone #wpadminbar,body.cwf-standalone>header,body.cwf-standalone>footer,body.cwf-standalone nav:not(.cwf-bottom-nav){display:none!important}button,input,select{font:inherit}button{cursor:pointer}.cw-fuel-app{min-height:100dvh}.cwf-modal-open{overflow:hidden!important} .cwf-appbar{position:sticky;top:0;z-index:5000;height:72px;padding:0 max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(244,247,250,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(210,220,228,.7)}.cwf-appbrand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);width:max-content}.cwf-appbrand img{width:42px;height:42px;border-radius:13px;box-shadow:0 6px 18px rgba(11,111,255,.16)}.cwf-appbrand span{display:flex;flex-direction:column}.cwf-appbrand strong{font-size:18px;line-height:1.05;letter-spacing:-.02em}.cwf-appbrand small{font-size:9px;color:var(--muted);font-weight:700;margin-top:3px}.cwf-appbar-center{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750;color:#587083;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;max-width:380px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cwf-live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(10,165,111,.12);flex:none}.cwf-appbar-actions{justify-self:end;display:flex;align-items:center;gap:8px}.cwf-icon-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:13px;color:var(--navy);font-size:21px;font-weight:800}.cwf-icon-btn.spin{animation:cwfspin 1s linear infinite}.cwf-install-badge{font-size:10px;font-weight:800;color:var(--blue);background:#eaf3ff;border-radius:999px;padding:6px 9px}@keyframes cwfspin{to{transform:rotate(360deg)}} .cwf-main{width:min(1120px,100%);margin:0 auto;padding:24px 22px 110px}.cwf-view{display:none;animation:cwffade .2s ease}.cwf-view.active{display:block}@keyframes cwffade{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}} .cwf-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 18px}.cwf-page-head small,.cwf-section-kicker,.cwf-mini-label{font-size:9px;letter-spacing:.12em;font-weight:900;color:#728696}.cwf-page-head h1{font-size:38px;line-height:1.06;margin:5px 0 5px;letter-spacing:-.045em}.cwf-page-head p{margin:0;color:var(--muted);font-size:14px;max-width:620px;line-height:1.5}.cwf-page-head .cwf-head-badge{background:var(--navy);color:#fff;border-radius:18px;padding:12px 15px;min-width:160px;text-align:center}.cwf-head-badge strong{display:block;font-size:18px}.cwf-head-badge span{font-size:9px;color:#b9cada} .cwf-search-card,.cwf-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.cwf-search-card{padding:20px;margin-bottom:14px}.cwf-search-card h2{font-size:19px;margin:0 0 12px;letter-spacing:-.02em}.cwf-location-row{display:grid;grid-template-columns:1fr 52px 160px;gap:9px}.cwf-location-input{position:relative}.cwf-location-input span{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:19px;color:#7890a0}.cwf-location-input input,.cwf-route-field input{width:100%;height:52px;border:1px solid #d7e1e9;background:#f9fbfc;border-radius:15px;padding:0 15px 0 45px;outline:none;color:var(--text);font-size:15px;font-weight:650}.cwf-location-input input:focus,.cwf-route-field input:focus{border-color:#7eb1ff;box-shadow:0 0 0 4px rgba(11,111,255,.08);background:#fff}.cwf-locate-btn{width:52px;height:52px;border:1px solid #d7e1e9;background:#fff;border-radius:15px;font-size:20px;color:var(--blue)}.cwf-primary-btn{height:52px;border:0;background:linear-gradient(135deg,var(--blue),#075bd0);color:#fff;border-radius:15px;padding:0 20px;font-weight:850;box-shadow:0 9px 22px rgba(11,111,255,.22)}.cwf-search-options{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:16px;padding-top:15px;border-top:1px solid #edf1f4}.cwf-option-group>span{display:block;font-size:9px;font-weight:900;letter-spacing:.09em;color:#768a99;margin:0 0 7px}.cwf-fuel-control{display:flex;gap:5px;background:#edf2f6;border-radius:13px;padding:4px}.cwf-fuel-control button{border:0;background:transparent;color:#667d8d;border-radius:10px;padding:8px 15px;font-size:11px;font-weight:850}.cwf-fuel-control button.active{background:#fff;color:var(--navy);box-shadow:0 3px 10px rgba(7,27,47,.08)}.cwf-radius-select select,.cwf-sort{height:38px;border:1px solid #dce4ea;background:#fff;border-radius:11px;padding:0 30px 0 11px;color:var(--text);font-size:11px;font-weight:800} .cwf-status-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px 17px;color:var(--muted);font-size:11px}.cwf-status-left{display:flex;align-items:center;gap:8px;min-width:0}.cwf-status-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}.cwf-status-strip.busy .cwf-status-pulse{animation:cwfpulse .8s infinite alternate;background:var(--blue)}@keyframes cwfpulse{to{opacity:.25;transform:scale(.8)}}.cwf-status-strip [data-status-text]{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwf-status-time{white-space:nowrap;color:#8294a1}.cwf-refresh{border:0;background:transparent;color:var(--blue);font-weight:850;padding:4px 0}.cwf-refresh.spin{opacity:.5} .cwf-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:14px 2px 10px}.cwf-section-head h2{font-size:20px;margin:3px 0 0;letter-spacing:-.03em}.cwf-section-head p{margin:0;color:var(--muted);font-size:10px}.cwf-reco-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:12px;margin-bottom:20px}.cwf-reco-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:17px;box-shadow:var(--shadow-sm);min-width:0}.cwf-reco-card.primary{background:linear-gradient(160deg,#081f36 0%,#0c3153 70%,#0b6fff 140%);border-color:#102f4c;color:#fff;box-shadow:0 18px 40px rgba(7,27,47,.17)}.cwf-reco-head,.cwf-reco-station,.cwf-reco-actions,.cwf-cost-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.cwf-reco-label{display:inline-flex;font-size:8px;letter-spacing:.1em;font-weight:950;text-transform:uppercase;border-radius:999px;background:#eaf3ff;color:var(--blue);padding:6px 8px}.cwf-reco-card.primary .cwf-reco-label{background:rgba(255,255,255,.14);color:#fff}.cwf-fav-btn{border:0;background:#f1f5f8;color:#718697;border-radius:10px;min-width:31px;height:31px;padding:0 9px;font-size:16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:5px}.cwf-fav-btn span{font-size:9px}.cwf-fav-btn.active{background:#fff2ce;color:#b87800}.cwf-reco-card.primary .cwf-fav-btn{background:rgba(255,255,255,.12);color:#d6e5f2}.cwf-reco-card.primary .cwf-fav-btn.active{color:#ffd56c}.cwf-reco-station{align-items:start;margin-top:14px}.cwf-reco-station h3{font-size:16px;line-height:1.2;margin:0 0 4px}.cwf-reco-station p{font-size:10px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.cwf-reco-card.primary .cwf-reco-station p{color:#b8cad8}.cwf-distance{font-size:9px;font-weight:900;padding:6px 8px;border-radius:999px;background:#f1f5f7;color:#627887;white-space:nowrap}.cwf-reco-card.primary .cwf-distance{background:rgba(255,255,255,.11);color:#d7e5ef}.cwf-reco-price{display:flex;align-items:end;gap:9px;margin:17px 0 8px}.cwf-reco-price strong{font-size:39px;letter-spacing:-.055em;line-height:.9}.cwf-reco-price span{font-size:9px;line-height:1.35;color:var(--muted)}.cwf-reco-price span b{color:var(--text)}.cwf-reco-card.primary .cwf-reco-price span{color:#a9bfce}.cwf-reco-card.primary .cwf-reco-price span b{color:#fff}.cwf-price-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:24px}.cwf-freshness,.cwf-verified,.cwf-price-stand{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:800;border-radius:999px;padding:5px 7px}.cwf-freshness i{width:6px;height:6px;border-radius:50%}.cwf-freshness.fresh{background:var(--greenbg);color:#087454}.cwf-freshness.fresh i{background:var(--green)}.cwf-freshness.warm{background:var(--amberbg);color:#8c5d00}.cwf-freshness.warm i{background:#e2a22d}.cwf-freshness.old,.cwf-freshness.stale{background:var(--redbg);color:#a33e4c}.cwf-freshness.old i,.cwf-freshness.stale i{background:var(--red)}.cwf-freshness.unknown{background:#f1f4f6;color:#778a97}.cwf-freshness.unknown i{background:#9aa8b2}.cwf-verified{background:var(--greenbg);color:#087454}.cwf-price-stand{background:#f2f5f7;color:#7b8c98}.cwf-reco-card.primary .cwf-price-stand,.cwf-reco-card.primary .cwf-freshness.unknown{background:rgba(255,255,255,.1);color:#c1d1dc}.cwf-verdict{margin-top:12px;border-radius:12px;padding:9px 10px;display:flex;flex-direction:column;gap:2px}.cwf-verdict strong{font-size:10px}.cwf-verdict span{font-size:8px;line-height:1.4}.cwf-verdict.good{background:var(--greenbg);color:#087454}.cwf-verdict.bad{background:var(--redbg);color:#a33e4c}.cwf-verdict.neutral{background:#f2f5f7;color:#657a88}.cwf-reco-card.primary .cwf-verdict{background:rgba(255,255,255,.1);color:#e7f0f6}.cwf-cost-line{font-size:9px;margin:12px 0 10px;padding-top:10px;border-top:1px solid #edf1f4;color:var(--muted)}.cwf-cost-line strong{font-size:11px;color:var(--text)}.cwf-reco-card.primary .cwf-cost-line{border-color:rgba(255,255,255,.12);color:#b6c9d7}.cwf-reco-card.primary .cwf-cost-line strong{color:#fff}.cwf-reco-actions{margin-top:7px}.cwf-reco-actions>*{flex:1;min-height:36px;border-radius:11px;border:1px solid #dce5ec;background:#fff;color:var(--text);font-size:9px;font-weight:850;text-decoration:none;display:flex;align-items:center;justify-content:center}.cwf-reco-actions a{background:var(--blue);border-color:var(--blue);color:#fff}.cwf-reco-card.primary .cwf-reco-actions button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#fff}.cwf-reco-card.primary .cwf-reco-actions a{background:#fff;color:var(--navy);border-color:#fff}.cwf-confirm-btn.done{opacity:.72} .cwf-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.cwf-display-toggle{display:flex;background:#e9eff3;border-radius:12px;padding:4px}.cwf-display-toggle button{border:0;background:transparent;color:#6c8190;border-radius:9px;padding:7px 12px;font-size:10px;font-weight:850}.cwf-display-toggle button.active{background:#fff;color:var(--navy);box-shadow:0 3px 8px rgba(7,27,47,.08)}.cwf-list-panel,.cwf-map-panel{margin-top:4px}.cwf-station-list{display:grid;gap:9px}.cwf-station-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 15px;box-shadow:0 5px 18px rgba(7,27,47,.035)}.cwf-station-top{display:flex;align-items:start;gap:10px}.cwf-station-rank{width:27px;height:27px;border-radius:9px;background:#eff4f7;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:#718594;flex:none}.cwf-station-title{min-width:0;flex:1}.cwf-station-title h3{margin:1px 0 3px;font-size:14px}.cwf-station-title p{margin:0;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwf-station-metrics{display:grid;grid-template-columns:1fr .75fr 1.15fr;margin:12px 0 9px;border-radius:13px;background:#f7f9fb;overflow:hidden}.cwf-metric{padding:10px 11px;border-right:1px solid #e7edf1;display:flex;flex-direction:column}.cwf-metric:last-child{border:0}.cwf-metric>span{font-size:7px;font-weight:900;letter-spacing:.08em;color:#8495a1;text-transform:uppercase}.cwf-metric strong{font-size:16px;margin:3px 0 1px}.cwf-metric.price strong{font-size:20px;color:var(--blue)}.cwf-metric small{font-size:8px;color:#748894}.cwf-metric.save.good strong{color:#07845c}.cwf-metric.save.bad strong{color:#af4050}.cwf-station-fresh{margin-bottom:9px}.cwf-station-actions{display:flex;gap:6px}.cwf-station-actions button,.cwf-station-actions a{border:1px solid #dce5ec;background:#fff;color:var(--text);border-radius:10px;min-height:34px;padding:0 11px;font-size:9px;font-weight:850;text-decoration:none;display:flex;align-items:center;justify-content:center}.cwf-station-actions a{margin-left:auto;background:var(--navy);color:#fff;border-color:var(--navy)}.cwf-map-panel-inner{height:520px;background:#e6edf2;border:1px solid var(--line);border-radius:20px;overflow:hidden}.cwf-price-marker,.cwf-empty-marker{background:none!important;border:0!important}.cwf-price-marker>div{background:#fff;border:2px solid var(--blue);border-radius:13px;padding:6px 7px;text-align:center;box-shadow:0 6px 16px rgba(7,27,47,.2);line-height:1}.cwf-price-marker strong{font-size:13px;color:var(--navy)}.cwf-price-marker small{font-size:7px;color:#748794;margin-left:2px}.cwf-price-marker>div.fresh{border-color:var(--green)}.cwf-price-marker>div.stale,.cwf-price-marker>div.old{border-color:var(--red)}.cwf-empty-marker>div{width:28px;height:28px;background:#fff;border:2px solid #9baab5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6f8290;box-shadow:0 4px 10px rgba(7,27,47,.18)}.cwf-map-popup{display:flex;flex-direction:column;gap:5px;min-width:150px}.cwf-map-popup strong{font-size:12px}.cwf-map-popup b{font-size:16px;color:var(--blue)}.cwf-map-popup small{font-size:9px;color:#718592}.cwf-map-popup a{font-size:10px;font-weight:800;color:var(--blue);text-decoration:none;margin-top:4px} .cwf-empty-price,.cwf-welcome-empty,.cwf-empty-list,.cwf-empty-favorites{background:#fff;border:1px dashed #cfdae2;border-radius:18px;padding:20px;color:var(--muted)}.cwf-empty-price{display:flex;align-items:center;gap:14px}.cwf-empty-price .cwf-empty-symbol{width:46px;height:46px;border-radius:14px;background:#eef4ff;color:var(--blue);font-size:12px;font-weight:950;display:flex;align-items:center;justify-content:center}.cwf-empty-price div:nth-child(2){flex:1}.cwf-empty-price strong,.cwf-welcome-empty strong{display:block;color:var(--text);font-size:13px}.cwf-empty-price p{margin:4px 0 0;font-size:10px}.cwf-empty-price button{border:0;background:var(--blue);color:#fff;border-radius:11px;padding:9px 12px;font-size:9px;font-weight:850}.cwf-welcome-empty{text-align:center;display:flex;flex-direction:column;gap:4px}.cwf-welcome-empty span{font-size:10px}.cwf-empty-list{text-align:center;display:flex;gap:8px;justify-content:center;align-items:center;font-size:10px}.cwf-empty-list span{font-size:17px;color:var(--blue)} .cwf-route-card{padding:20px}.cwf-route-grid{display:grid;grid-template-columns:1fr 38px 1fr;gap:8px;align-items:end}.cwf-route-arrow{height:52px;display:flex;align-items:center;justify-content:center;color:#7a8d9b;font-size:20px}.cwf-route-field label{display:block;font-size:9px;font-weight:900;color:#758a99;margin:0 0 7px}.cwf-route-field input{padding-left:15px}.cwf-route-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid #edf1f4}.cwf-route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 14px}.cwf-route-summary span{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 13px;font-size:9px;color:var(--muted);display:flex;flex-direction:column}.cwf-route-summary b{font-size:14px;color:var(--text);margin-bottom:2px} .cwf-favorites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.cwf-favorite-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow-sm)}.cwf-favorite-main{display:flex;justify-content:space-between;gap:10px}.cwf-favorite-main h3{margin:4px 0 3px;font-size:15px}.cwf-favorite-main p{margin:0;color:var(--muted);font-size:9px}.cwf-favorite-price{margin:16px 0 7px;display:flex;align-items:end;gap:8px}.cwf-favorite-price strong{font-size:31px;letter-spacing:-.04em}.cwf-favorite-price span{font-size:9px;color:var(--muted);padding-bottom:4px}.cwf-favorite-actions{display:flex;gap:7px;margin-top:12px}.cwf-favorite-actions button,.cwf-favorite-actions a{flex:1;border:1px solid #dce5ec;background:#fff;border-radius:10px;padding:9px;font-size:9px;font-weight:850;color:var(--text);text-decoration:none;text-align:center}.cwf-favorite-actions a{background:var(--navy);color:#fff;border-color:var(--navy)} .cwf-more-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.cwf-profile-card,.cwf-install-card,.cwf-about-card{padding:20px}.cwf-profile-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.cwf-profile-head h2,.cwf-install-card h2,.cwf-about-card h2{margin:3px 0 5px;font-size:20px}.cwf-profile-head p,.cwf-install-card p,.cwf-about-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.cwf-link-btn{border:0;background:#edf4ff;color:var(--blue);border-radius:11px;padding:8px 10px;font-size:9px;font-weight:850}.cwf-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.cwf-profile-stats div{background:#f6f8fa;border-radius:13px;padding:11px}.cwf-profile-stats span{display:block;font-size:7px;font-weight:900;letter-spacing:.07em;color:#8294a0;text-transform:uppercase}.cwf-profile-stats strong{display:block;font-size:13px;margin-top:4px}.cwf-side-stack{display:grid;gap:12px}.cwf-install-card button{width:100%;height:42px;border:0;background:var(--navy);color:#fff;border-radius:12px;font-size:10px;font-weight:850;margin-top:13px}.cwf-about-card .cwf-brandline{margin-top:14px;padding-top:13px;border-top:1px solid #edf1f4;font-size:9px;color:#718592}.cwf-about-card .cwf-brandline strong{color:var(--text)} .cwf-bottom-nav{position:fixed!important;z-index:7000;left:50%;bottom:max(10px,var(--safe));transform:translateX(-50%);width:min(520px,calc(100% - 20px));display:grid!important;grid-template-columns:1fr 1fr 1.05fr 1fr 1fr;background:rgba(7,27,47,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:6px;box-shadow:0 20px 45px rgba(4,18,31,.3)}.cwf-bottom-nav button{border:0;background:transparent;color:#94aabd;border-radius:15px;min-height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:17px}.cwf-bottom-nav button small{font-size:7px;font-weight:850}.cwf-bottom-nav button.active{background:#fff;color:var(--navy)}.cwf-bottom-nav .cwf-nav-report{background:var(--blue);color:#fff;margin:-15px 3px 0;min-height:62px;border:4px solid var(--bg);box-shadow:0 8px 20px rgba(11,111,255,.28);border-radius:20px}.cwf-bottom-nav .cwf-nav-report small{color:#fff} .cwf-modal[hidden]{display:none!important}.cwf-modal{position:fixed;z-index:9000;inset:0;background:rgba(3,17,29,.63);backdrop-filter:blur(7px);display:flex;align-items:flex-end;justify-content:center;padding:20px}.cwf-modal-card{width:min(620px,100%);max-height:min(88vh,820px);overflow:auto;background:#fff;border-radius:26px;padding:23px;box-shadow:0 25px 80px rgba(0,0,0,.3);position:relative}.cwf-modal-card .cwf-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:0;background:#eff3f6;border-radius:11px;font-size:20px;color:#5f7483}.cwf-modal-card h2{font-size:24px;margin:5px 45px 5px 0;letter-spacing:-.03em}.cwf-modal-card>p{font-size:10px;color:var(--muted);line-height:1.5;margin:0 0 15px}.cwf-modal-card label:not(.cwf-photo){display:flex;flex-direction:column;gap:6px;font-size:9px;font-weight:850;color:#607786;margin-bottom:11px}.cwf-modal-card input,.cwf-modal-card select{height:44px;border:1px solid #d8e2e9;background:#f9fbfc;border-radius:12px;padding:0 12px;color:var(--text);outline:none}.cwf-photo{border:1.5px dashed #bcd0dd;background:#f6f9fb;border-radius:17px;min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text);cursor:pointer;margin-bottom:12px}.cwf-photo input{display:none}.cwf-camera-symbol{font-size:26px;color:var(--blue)}.cwf-photo strong{font-size:12px}.cwf-photo small{font-size:8px;color:var(--muted)}.cwf-photo-preview{max-height:220px;width:100%;object-fit:contain;border-radius:14px;background:#eef2f5;margin-bottom:10px}.cwf-ocr-status,.cwf-location-line,#cwf-report-message{font-size:9px;color:var(--muted);margin:8px 0}.cwf-candidates{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0 12px}.cwf-candidates button{border:1px solid #d8e3ea;background:#fff;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:800}.cwf-report-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cwf-primary-full{width:100%;height:46px;border:0;border-radius:13px;background:var(--blue);color:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 20px rgba(11,111,255,.2)}.cwf-profile-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cwf-profile-form label:first-child{grid-column:1/-1}.cwf-toast{position:fixed;z-index:10000;left:50%;bottom:94px;transform:translate(-50%,12px);background:#071b2f;color:#fff;border-radius:13px;padding:11px 15px;font-size:10px;font-weight:750;box-shadow:0 12px 30px rgba(7,27,47,.3);opacity:0;transition:.2s}.cwf-toast.show{opacity:1;transform:translate(-50%,0)} .cwf-app-footer{text-align:center;color:#8293a0;font-size:8px;padding:28px 0 5px}.cwf-app-footer strong{color:#647988} @media(max-width:850px){.cwf-reco-grid{grid-template-columns:1fr 1fr}.cwf-reco-card.primary{grid-column:1/-1}.cwf-more-grid{grid-template-columns:1fr}.cwf-favorites-grid{grid-template-columns:1fr 1fr}} @media(max-width:650px){.cwf-appbar{height:60px;padding:0 12px;grid-template-columns:1fr auto}.cwf-appbar-center{display:none}.cwf-appbrand img{width:36px;height:36px;border-radius:11px}.cwf-appbrand strong{font-size:16px}.cwf-appbrand small{font-size:8px}.cwf-install-badge{display:none}.cwf-icon-btn{width:37px;height:37px;border-radius:11px}.cwf-main{padding:13px 10px 104px}.cwf-page-head{display:block;margin:5px 6px 15px}.cwf-page-head h1{font-size:30px}.cwf-page-head p{font-size:12px}.cwf-head-badge{display:none}.cwf-search-card,.cwf-panel{border-radius:19px}.cwf-search-card{padding:14px}.cwf-search-card h2{font-size:17px}.cwf-location-row{grid-template-columns:49px 1fr}.cwf-location-input{grid-column:1/-1}.cwf-location-input input{height:50px;font-size:14px}.cwf-locate-btn{width:49px;height:48px}.cwf-primary-btn{height:48px;padding:0 12px}.cwf-search-options{align-items:center;gap:8px}.cwf-fuel-control button{padding:8px 12px}.cwf-option-group>span{font-size:8px}.cwf-status-strip{padding:8px 4px 14px;font-size:9px}.cwf-status-time{font-size:8px}.cwf-section-head{margin:11px 4px 9px}.cwf-section-head h2{font-size:18px}.cwf-reco-grid{grid-template-columns:1fr;gap:9px}.cwf-reco-card.primary{grid-column:auto}.cwf-reco-card{border-radius:18px;padding:15px}.cwf-reco-price strong{font-size:36px}.cwf-reco-actions>*{min-height:38px}.cwf-result-toolbar{margin:15px 3px 9px}.cwf-station-card{padding:12px;border-radius:16px}.cwf-station-metrics{grid-template-columns:.85fr .7fr 1.25fr}.cwf-metric{padding:9px 8px}.cwf-metric strong{font-size:14px}.cwf-metric.price strong{font-size:18px}.cwf-metric small{font-size:7px}.cwf-station-actions{flex-wrap:wrap}.cwf-station-actions button,.cwf-station-actions a{flex:1}.cwf-station-actions a{margin-left:0}.cwf-map-panel-inner{height:390px;border-radius:17px}.cwf-route-card{padding:14px}.cwf-route-grid{grid-template-columns:1fr}.cwf-route-arrow{height:20px;transform:rotate(90deg)}.cwf-route-actions{display:block}.cwf-route-actions .cwf-primary-btn{width:100%;margin-top:12px}.cwf-route-summary{gap:5px}.cwf-route-summary span{padding:9px}.cwf-route-summary b{font-size:12px}.cwf-favorites-grid{grid-template-columns:1fr}.cwf-profile-stats{gap:5px}.cwf-profile-stats div{padding:9px}.cwf-bottom-nav{width:calc(100% - 14px);bottom:max(7px,var(--safe));border-radius:19px;padding:5px}.cwf-bottom-nav button{min-height:48px}.cwf-bottom-nav .cwf-nav-report{min-height:58px;margin-top:-13px}.cwf-modal{padding:8px;align-items:flex-end}.cwf-modal-card{border-radius:22px;padding:20px 14px;max-height:91vh}.cwf-report-prices{grid-template-columns:1fr}.cwf-profile-form{grid-template-columns:1fr}.cwf-profile-form label:first-child{grid-column:auto}.cwf-empty-price{align-items:flex-start;flex-wrap:wrap}.cwf-empty-price button{width:100%}} /* 0.3.0 – trust, controlled distribution and privacy onboarding */ .cwf-confidence{display:inline-flex;align-items:center;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:850;background:#f1f4f6;color:#667b8b}.cwf-confidence.high{background:#e9f8f2;color:#087454}.cwf-confidence.medium{background:#eef5ff;color:#2d67a9}.cwf-confidence.low{background:#fff5de;color:#8c5d00}.cwf-reco-card.primary .cwf-confidence{background:rgba(255,255,255,.1);color:#d7e5ef}.cwf-trust-card{padding:20px}.cwf-trust-card h2{margin:3px 0 5px;font-size:20px}.cwf-trust-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.cwf-trust-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.cwf-trust-legend span{font-size:9px;color:#5f7483;display:flex;align-items:center;gap:7px;background:#f7f9fa;border-radius:10px;padding:8px}.cwf-trust-legend i{width:8px;height:8px;border-radius:50%;background:#9aa8b2}.cwf-trust-legend i.fresh{background:var(--green)}.cwf-trust-legend i.warm{background:#e2a22d}.cwf-trust-legend i.old{background:var(--red)} .cwf-access-overlay[hidden]{display:none!important}.cwf-access-overlay{position:fixed;z-index:12000;inset:0;background:linear-gradient(160deg,#06192b,#0b3153 65%,#0b6fff);display:grid;place-items:center;padding:24px}.cwf-access-card{width:min(440px,100%);background:#fff;border-radius:28px;padding:28px;text-align:center;box-shadow:0 35px 90px rgba(0,0,0,.35)}.cwf-access-card>img{width:76px;height:76px;border-radius:22px;margin-bottom:12px;box-shadow:0 12px 30px rgba(11,111,255,.2)}.cwf-access-card h2{font-size:28px;margin:5px 0 8px;letter-spacing:-.04em}.cwf-access-card p{font-size:12px;line-height:1.55;color:var(--muted)}.cwf-access-card>small:last-child{display:block;color:#8696a2;font-size:8px;margin-top:14px}.cwf-access-expiry{font-size:10px;font-weight:800;color:#7b4d00;background:#fff5de;border-radius:12px;padding:9px;margin:10px 0}.cwf-access-blocked{overflow:hidden!important} .cwf-onboarding-card{text-align:center;padding-top:28px}.cwf-onboarding-icon img{width:74px;height:74px;border-radius:20px;box-shadow:0 12px 30px rgba(11,111,255,.18);margin-bottom:12px}.cwf-validity-chip{display:inline-flex;background:#eaf8f3;color:#087454;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:850;margin:2px 0 14px}.cwf-secondary-full{width:100%;height:46px;border:1px solid #d7e1e9;border-radius:13px;background:#fff;color:var(--text);font-size:11px;font-weight:850;margin-top:8px}.cwf-ios-install-help{margin:10px 0 0;background:#f4f7fa;border-radius:13px;padding:11px;text-align:left;display:grid;gap:3px;color:#586f80;font-size:10px}.cwf-ios-install-help strong{color:var(--text)} .cwf-privacy-card{max-width:560px}.cwf-privacy-points{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.cwf-privacy-points span{background:#f4f7fa;border-radius:11px;padding:9px;font-size:8px;font-weight:750;color:#5e7484}.cwf-privacy-card>a{display:inline-block;font-size:9px;font-weight:800;color:var(--blue);margin-bottom:14px}.cwf-privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cwf-privacy-actions .cwf-secondary-full,.cwf-privacy-actions .cwf-primary-full{margin:0} @media(max-width:650px){.cwf-trust-legend{grid-template-columns:1fr 1fr}.cwf-privacy-points{grid-template-columns:1fr}.cwf-privacy-actions{grid-template-columns:1fr}.cwf-access-card{padding:24px 18px;border-radius:24px}.cwf-access-card h2{font-size:24px}} /* 0.4.0 – product polish, data quality and resilient offline UX */ #cw-fuel-app [hidden]{display:none!important} .cwf-network-banner{position:sticky;top:0;z-index:13000;background:#fff4dc;color:#7a4b00;border-bottom:1px solid #f1d69d;padding:9px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px}.cwf-network-banner strong{font-weight:950}.cwf-network-banner span{opacity:.86}.cwf-recent-searches{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:11px;border-top:1px dashed #e3eaf0}.cwf-recent-searches>span{font-size:8px;font-weight:900;letter-spacing:.09em;color:#8293a0;text-transform:uppercase}.cwf-recent-searches [data-recent-items]{display:flex;gap:6px;flex-wrap:wrap}.cwf-recent-searches button{border:1px solid #dfe7ed;background:#f8fafb;color:#536b7c;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.cwf-recent-searches button:hover{background:#eef5ff;border-color:#c5d9f4;color:#0b63da} .cwf-quality-summary{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px 14px;margin:-3px 0 17px;box-shadow:0 5px 18px rgba(7,27,47,.035);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center}.cwf-quality-main{display:flex;align-items:center;gap:12px;min-width:0}.cwf-quality-score{width:58px;height:58px;border-radius:17px;background:#eef3f6;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.cwf-quality-score strong{font-size:18px;line-height:1;color:#0a314f}.cwf-quality-score span{font-size:7px;color:#778a98;margin-top:3px}.cwf-quality-main.high .cwf-quality-score{background:#e9f8f2}.cwf-quality-main.high .cwf-quality-score strong{color:#087454}.cwf-quality-main.medium .cwf-quality-score{background:#eef5ff}.cwf-quality-main.medium .cwf-quality-score strong{color:#1f62a8}.cwf-quality-main.limited .cwf-quality-score{background:#fff5de}.cwf-quality-main.limited .cwf-quality-score strong{color:#8c5d00}.cwf-quality-main small{font-size:8px;font-weight:900;letter-spacing:.1em;color:#7c8f9d}.cwf-quality-main h3{font-size:14px;margin:2px 0}.cwf-quality-main p{font-size:9px;color:var(--muted);margin:0;line-height:1.45}.cwf-quality-cache{display:inline-flex;background:#edf2f5;color:#667b8a;border-radius:999px;padding:3px 6px;margin-left:4px;letter-spacing:0;text-transform:none}.cwf-quality-metrics{display:flex;align-items:stretch;gap:5px;grid-column:1/2}.cwf-quality-metrics span{background:#f6f8fa;border-radius:10px;padding:7px 9px;display:flex;flex-direction:column;min-width:68px}.cwf-quality-metrics b{font-size:12px}.cwf-quality-metrics span{font-size:7px;color:#708391}.cwf-quality-summary>button{grid-column:2;grid-row:1/3;border:0;background:#eef5ff;color:#0b63da;border-radius:12px;padding:10px 12px;font-size:9px;font-weight:900;white-space:nowrap}.cwf-toolbar-selects{display:flex;gap:6px;align-items:center}.cwf-welcome-pro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px}.cwf-welcome-pro div{display:grid;gap:5px}.cwf-welcome-pro span{line-height:1.5}.cwf-welcome-pro button{border:0;background:#eef5ff;color:#0b63da;border-radius:12px;padding:10px 12px;font-size:9px;font-weight:900;white-space:nowrap}.cwf-quality-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0 2px}.cwf-quality-overview>div{background:#f6f8fa;border-radius:11px;padding:10px;display:grid;gap:2px}.cwf-quality-overview strong{font-size:16px;color:#0a314f}.cwf-quality-overview span{font-size:8px;color:#708391}.cwf-install-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cwf-install-actions button{min-height:42px;border:0;border-radius:12px;background:#0b6fff;color:#fff;font-size:10px;font-weight:900}.cwf-install-actions button.secondary{background:#eef3f6;color:#183a54}.cwf-app.is-loading .cwf-reco-grid:empty:before,.cwf-app.is-loading .cwf-station-list:empty:before{content:'Daten werden aktualisiert …';display:block;background:linear-gradient(90deg,#f2f5f7,#fff,#f2f5f7);background-size:220% 100%;animation:cwfShimmer 1.25s linear infinite;border-radius:16px;padding:24px;color:#748894;font-size:10px;font-weight:800}@keyframes cwfShimmer{to{background-position:-220% 0}}.cwf-offline .cwf-live-dot{background:#d79a2e!important;box-shadow:none!important}.cwf-offline .cwf-top-refresh{opacity:.55} @media(max-width:760px){.cwf-quality-summary{grid-template-columns:1fr;padding:12px}.cwf-quality-summary>button{grid-column:1;grid-row:auto;width:100%}.cwf-quality-metrics{grid-column:1;display:grid;grid-template-columns:repeat(4,1fr)}.cwf-quality-metrics span{min-width:0;padding:7px}.cwf-toolbar-selects{width:100%;display:grid;grid-template-columns:1fr 1fr}.cwf-result-toolbar{align-items:stretch;flex-wrap:wrap}.cwf-display-toggle{flex:1}.cwf-toolbar-selects .cwf-sort{width:100%}.cwf-recent-searches{align-items:flex-start}.cwf-recent-searches [data-recent-items]{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;max-width:100%}.cwf-recent-searches button{white-space:nowrap}.cwf-install-actions{grid-template-columns:1fr}.cwf-welcome-pro{align-items:flex-start;flex-direction:column}.cwf-welcome-pro button{width:100%}} /* 0.6.0 base – savings, alerts and station intelligence */ .cwf-station-card,.cwf-reco-card{position:relative}.cwf-station-title,.cwf-reco-station>div:first-child{cursor:pointer}.cwf-station-title:after{content:'Details & Preisverlauf';display:block;margin-top:4px;font-size:7px;font-weight:800;color:#8a9aa6;letter-spacing:.02em}.cwf-reco-station>div:first-child:after{content:'Details ansehen';display:block;margin-top:5px;font-size:8px;font-weight:800;color:#7f93a2}.cwf-reco-card.primary .cwf-reco-station>div:first-child:after{color:#b7c9d7} .cwf-savings-card,.cwf-alert-card{padding:20px}.cwf-savings-card h2,.cwf-alert-card h2{margin:4px 0 10px;font-size:20px;letter-spacing:-.03em}.cwf-savings-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cwf-savings-summary>div{background:#f6f8fa;border-radius:13px;padding:11px;display:grid;gap:2px}.cwf-savings-summary strong{font-size:17px;color:#0a314f}.cwf-savings-summary span{font-size:8px;color:#728593}.cwf-tank-log{display:grid;gap:6px;margin-top:10px}.cwf-tank-log-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #e8edf1;border-radius:12px}.cwf-tank-log-row strong{font-size:10px}.cwf-tank-log-row span{display:block;font-size:8px;color:#718493;margin-top:2px}.cwf-tank-log-row b{font-size:10px;color:#087454}.cwf-text-action{border:0;background:transparent;color:#0b63da;padding:10px 0 0;font-size:9px;font-weight:850}.cwf-alert-card>p{margin:0 0 12px;color:var(--muted);font-size:9px;line-height:1.5}.cwf-alert-form{display:grid;grid-template-columns:95px 1fr auto;gap:7px}.cwf-alert-form select,.cwf-alert-form input{width:100%;height:42px;border:1px solid #dce4ea;border-radius:12px;background:#f9fbfc;padding:0 10px;font-size:10px;font-weight:800}.cwf-alert-form>div{position:relative}.cwf-alert-form>div span{position:absolute;left:9px;top:4px;font-size:7px;color:#8294a0;font-weight:900}.cwf-alert-form>div input{padding-top:10px}.cwf-alert-form button{border:0;border-radius:12px;background:#0b6fff;color:#fff;padding:0 13px;font-size:9px;font-weight:900}.cwf-alert-status{font-size:9px;color:#5f7483;margin-top:9px}.cwf-alert-status strong{color:#0a314f}.cwf-alert-hit{background:#eaf8f3!important;color:#087454!important;border-color:#bfe8d8!important} .cwf-station-detail{max-width:680px}.cwf-station-detail>p{margin-top:-5px}.cwf-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.cwf-detail-hero>div{background:#f6f8fa;border-radius:16px;padding:14px}.cwf-detail-hero>div:first-child{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:7px}.cwf-detail-hero span{font-size:8px;font-weight:900;color:#6d8190}.cwf-detail-hero strong{font-size:34px;line-height:.9;letter-spacing:-.05em;color:#0a314f}.cwf-detail-hero small{font-size:8px;color:#738694;padding-bottom:2px}.cwf-detail-trust{display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.45;color:#5d7383}.cwf-detail-economy{border-radius:14px;background:#eef5ff;padding:11px 12px;color:#1d5c9c;font-size:10px;line-height:1.5}.cwf-detail-economy strong{display:block;color:#0b3c6d;font-size:12px}.cwf-history-block{margin-top:12px;border:1px solid #e4ebf0;border-radius:17px;padding:13px}.cwf-history-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.cwf-history-head small{display:block;font-size:7px;letter-spacing:.1em;color:#8294a0;font-weight:900}.cwf-history-head strong{font-size:12px}.cwf-history-head>span{font-size:8px;background:#f1f4f6;border-radius:999px;padding:6px 8px;color:#687c8b}.cwf-history-chart{height:112px;margin:9px 0;background:linear-gradient(180deg,#f8fbfd,#fff);border-radius:12px;overflow:hidden}.cwf-history-chart svg{width:100%;height:100%;display:block}.cwf-history-chart .cwf-line{fill:none;stroke:#0b6fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cwf-history-chart .cwf-area{fill:rgba(11,111,255,.08)}.cwf-history-chart .cwf-dot{fill:#0b6fff}.cwf-history-empty{height:100%;display:grid;place-items:center;text-align:center;color:#8797a3;font-size:9px;padding:15px}.cwf-history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cwf-history-stats>div{background:#f6f8fa;border-radius:10px;padding:8px;display:grid;gap:2px}.cwf-history-stats strong{font-size:11px}.cwf-history-stats span{font-size:7px;color:#718493}.cwf-tank-confirm{display:grid;grid-template-columns:145px 1fr;gap:8px;align-items:end;margin-top:12px}.cwf-tank-confirm label{font-size:8px;font-weight:850;color:#607585}.cwf-tank-confirm input{width:100%;height:42px;border:1px solid #dce4ea;border-radius:12px;margin-top:5px;padding:0 10px}.cwf-tank-confirm .cwf-primary-full{margin:0}.cwf-detail-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:8px}.cwf-detail-actions button,.cwf-detail-actions a{height:42px;border-radius:12px;border:1px solid #dce4ea;background:#fff;color:#173a54;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;text-decoration:none}.cwf-detail-actions button:first-child{background:#eaf8f3;color:#087454;border-color:#d0ecdf}.cwf-detail-actions button:nth-child(2){background:#fff5de;color:#8c5d00;border-color:#f2dfb0} @media(max-width:650px){.cwf-savings-summary{grid-template-columns:1fr 1fr 1fr}.cwf-savings-summary strong{font-size:14px}.cwf-alert-form{grid-template-columns:1fr 1fr}.cwf-alert-form button{grid-column:1/3;height:42px}.cwf-detail-hero{grid-template-columns:1fr}.cwf-tank-confirm{grid-template-columns:1fr}.cwf-detail-actions{grid-template-columns:1fr}.cwf-history-stats{grid-template-columns:repeat(3,1fr)}} /* 0.5.0 community contribution */ .cwf-community-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.cwf-community-summary>div{padding:13px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(248,250,252,.9);display:flex;flex-direction:column;gap:3px}.cwf-community-summary strong{font-size:1.35rem;letter-spacing:-.03em}.cwf-community-summary span{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.cwf-community-level{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(15,118,110,.07);font-size:.84rem;font-weight:700;color:#0f766e}@media(max-width:520px){.cwf-community-summary{gap:7px}.cwf-community-summary>div{padding:11px 8px}.cwf-community-summary strong{font-size:1.15rem}} /* 0.6.0 – Smart Tank-Check, regional market intelligence, multiple vehicles */ .cwf-smart-advice{margin:16px 0 28px;padding:22px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #dbe4ed;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f5f9fc 100%);box-shadow:0 14px 42px rgba(7,27,47,.07);position:relative;overflow:hidden} .cwf-smart-advice:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#7d8b99} .cwf-smart-advice.good:before{background:#18a66a}.cwf-smart-advice.warn:before{background:#e39b21}.cwf-smart-advice.watch:before{background:#3678d6} .cwf-smart-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:26px;font-weight:800;background:#071b2f;color:#fff;box-shadow:0 8px 22px rgba(7,27,47,.16)} .cwf-smart-copy small{display:block;font-size:11px;letter-spacing:.12em;font-weight:800;color:#607287;margin-bottom:5px}.cwf-smart-copy h2{font-size:20px;line-height:1.18;margin:0 0 6px;color:#071b2f}.cwf-smart-copy p{margin:0;color:#506174;line-height:1.45;max-width:720px} .cwf-smart-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.cwf-smart-facts span{font-size:12px;font-weight:700;padding:6px 9px;border-radius:999px;background:#eaf0f5;color:#30465b} .cwf-smart-action{text-align:right;min-width:145px}.cwf-smart-action strong{display:block;font-size:21px;line-height:1.1;color:#071b2f}.cwf-smart-action span{display:block;margin-top:5px;font-size:11px;color:#708091;max-width:170px} .cwf-vehicle-switcher{margin:14px 0 16px;padding:13px;border-radius:16px;background:#f4f7fa;border:1px solid #e1e8ef}.cwf-vehicle-switcher>label{display:block;font-size:10px;letter-spacing:.1em;font-weight:800;color:#687a8b;margin-bottom:7px}.cwf-vehicle-switcher>div{display:flex;gap:8px}.cwf-vehicle-switcher select{min-width:0;flex:1;border:1px solid #cfd9e3;border-radius:12px;background:#fff;padding:10px 12px;font-weight:700;color:#0b2136}.cwf-vehicle-switcher button{border:0;border-radius:12px;background:#071b2f;color:#fff;font-weight:800;padding:10px 13px;white-space:nowrap} .cwf-profile-modal-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:15px}.cwf-danger-ghost{border:1px solid #e3b7b7;background:#fff;color:#a62929;border-radius:13px;padding:12px 14px;font-weight:800}.cwf-profile-modal-actions .cwf-primary-full{margin:0} .cwf-market-card{overflow:hidden}.cwf-market-chart{height:105px;margin:15px 0 10px;border-radius:14px;background:linear-gradient(180deg,#f5f9fd,#fff);border:1px solid #e5edf4;padding:7px}.cwf-market-chart:empty{display:none}.cwf-market-chart svg{width:100%;height:100%;overflow:visible}.cwf-market-chart polyline{fill:none;stroke:#0b6fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cwf-market-chart circle{fill:#071b2f;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke} .cwf-market-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cwf-market-stats>div{padding:10px;border-radius:12px;background:#f5f8fb}.cwf-market-stats strong{display:block;font-size:15px;color:#071b2f}.cwf-market-stats span{display:block;font-size:10px;color:#708091;margin-top:2px}.cwf-market-note{display:block;margin-top:10px;color:#7c8996;line-height:1.35} .cwf-savings-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.cwf-savings-insights>div{border:1px solid #e0e8ef;border-radius:14px;padding:11px;background:#fbfcfd}.cwf-savings-insights span,.cwf-savings-insights small{display:block;color:#758493;font-size:10px}.cwf-savings-insights strong{display:block;margin:3px 0;font-size:15px;color:#071b2f}.cwf-community-summary{grid-template-columns:repeat(4,1fr)!important} @media(max-width:720px){.cwf-smart-advice{grid-template-columns:auto 1fr;padding:18px;gap:12px}.cwf-smart-action{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;gap:8px;padding-top:4px}.cwf-smart-action span{max-width:none}.cwf-smart-icon{width:44px;height:44px;border-radius:14px}.cwf-vehicle-switcher>div{flex-direction:column}.cwf-vehicle-switcher button{width:100%}.cwf-market-stats,.cwf-savings-insights{grid-template-columns:1fr}.cwf-community-summary{grid-template-columns:repeat(2,1fr)!important}.cwf-profile-modal-actions{grid-template-columns:1fr}.cwf-danger-ghost{order:2}} /* 0.8.0 – Comfort UX: larger, clearer and touch-first */ :root{--tap:52px} body.cwf-standalone{font-size:16px;line-height:1.5} .cw-fuel-app button,.cw-fuel-app a,.cw-fuel-app select{touch-action:manipulation;-webkit-tap-highlight-color:transparent} .cw-fuel-app button:focus-visible,.cw-fuel-app a:focus-visible,.cw-fuel-app input:focus-visible,.cw-fuel-app select:focus-visible{outline:3px solid rgba(11,111,255,.28);outline-offset:2px} .cwf-main{width:min(1240px,100%);padding:30px 28px 128px} .cwf-appbar{height:78px}.cwf-appbrand img{width:48px;height:48px}.cwf-appbrand strong{font-size:21px}.cwf-appbrand small{font-size:11px}.cwf-icon-btn{width:48px;height:48px;font-size:24px}.cwf-appbar-center{font-size:14px;padding:10px 14px} .cwf-page-head{margin:10px 0 24px}.cwf-page-head h1{font-size:44px}.cwf-page-head p{font-size:16px;line-height:1.6}.cwf-page-head small,.cwf-section-kicker,.cwf-mini-label{font-size:11px}.cwf-head-badge{padding:15px 18px!important}.cwf-head-badge strong{font-size:21px}.cwf-head-badge span{font-size:11px} .cwf-search-card,.cwf-panel{border-radius:27px}.cwf-search-card{padding:26px;margin-bottom:18px}.cwf-search-card h2{font-size:23px;margin-bottom:16px}.cwf-location-row{grid-template-columns:1fr 62px 190px;gap:12px}.cwf-location-input input,.cwf-route-field input{height:62px;border-radius:18px;font-size:17px;padding-left:50px}.cwf-location-input span{font-size:23px;left:18px}.cwf-locate-btn{width:62px;height:62px;border-radius:18px;font-size:25px}.cwf-primary-btn{height:62px;border-radius:18px;font-size:15px;padding:0 24px}.cwf-search-options{margin-top:20px;padding-top:19px}.cwf-option-group>span{font-size:11px;margin-bottom:9px}.cwf-fuel-control{border-radius:16px;padding:5px;gap:6px}.cwf-fuel-control button{min-height:46px;border-radius:12px;padding:10px 20px;font-size:14px}.cwf-radius-select select,.cwf-sort{height:48px;border-radius:14px;font-size:13px;padding-left:14px} .cwf-status-strip{font-size:13px;padding:13px 5px 20px}.cwf-status-time{font-size:12px}.cwf-refresh{font-size:13px;min-height:40px;padding:6px 3px}.cwf-status-pulse{width:10px;height:10px} .cwf-section-head{margin:20px 3px 14px}.cwf-section-head h2{font-size:25px}.cwf-section-head p{font-size:12px} .cwf-reco-grid{gap:16px;margin-bottom:27px}.cwf-reco-card{border-radius:25px;padding:22px}.cwf-reco-label{font-size:10px;padding:8px 11px}.cwf-fav-btn{min-width:40px;height:40px;border-radius:12px;font-size:19px}.cwf-fav-btn span{font-size:11px}.cwf-reco-station{margin-top:17px}.cwf-reco-station h3{font-size:19px}.cwf-reco-station p{font-size:12px;max-width:270px}.cwf-distance{font-size:11px;padding:7px 10px}.cwf-reco-price{margin:21px 0 11px}.cwf-reco-price strong{font-size:49px}.cwf-reco-price span{font-size:11px}.cwf-freshness,.cwf-verified,.cwf-price-stand{font-size:10px;padding:7px 9px}.cwf-verdict{padding:12px 13px}.cwf-verdict strong{font-size:13px}.cwf-verdict span{font-size:11px}.cwf-cost-line{font-size:13px;padding-top:4px}.cwf-reco-actions{gap:8px;margin-top:14px}.cwf-reco-actions button,.cwf-reco-actions a{min-height:48px!important;font-size:12px!important;border-radius:13px!important;padding:0 13px!important} .cwf-result-toolbar{margin:22px 3px 14px}.cwf-display-toggle{border-radius:14px}.cwf-display-toggle button{min-height:44px;padding:9px 15px;font-size:12px}.cwf-toolbar-selects{gap:8px} .cwf-station-list{gap:13px}.cwf-station-card{border-radius:22px;padding:19px 20px}.cwf-station-top{gap:13px}.cwf-station-rank{width:35px;height:35px;border-radius:11px;font-size:11px}.cwf-station-title h3{font-size:18px;margin:2px 0 4px}.cwf-station-title p{font-size:12px}.cwf-station-title:after{font-size:10px;margin-top:6px}.cwf-station-metrics{margin:16px 0 12px;border-radius:16px}.cwf-metric{padding:14px}.cwf-metric>span{font-size:9px}.cwf-metric strong{font-size:20px}.cwf-metric.price strong{font-size:27px}.cwf-metric small{font-size:10px}.cwf-station-fresh{margin-bottom:12px}.cwf-station-actions{gap:8px}.cwf-station-actions button,.cwf-station-actions a{min-height:46px;border-radius:13px;padding:0 14px;font-size:12px}.cwf-map-popup{min-width:190px}.cwf-map-popup strong{font-size:15px}.cwf-map-popup b{font-size:20px}.cwf-map-popup small,.cwf-map-popup a{font-size:12px} .cwf-quality-summary{padding:17px 18px!important;border-radius:20px!important}.cwf-quality-score{width:68px!important;height:68px!important}.cwf-quality-score strong{font-size:22px!important}.cwf-quality-score span{font-size:9px!important}.cwf-quality-main small{font-size:10px!important}.cwf-quality-main h3{font-size:17px!important}.cwf-quality-main p{font-size:12px!important}.cwf-quality-metrics span{min-width:82px!important;padding:10px 12px!important;font-size:9px!important}.cwf-quality-metrics b{font-size:15px!important}.cwf-quality-summary>button{min-height:46px!important;font-size:12px!important;padding:10px 15px!important} .cwf-smart-advice{padding:25px 27px;gap:20px}.cwf-smart-icon{width:58px;height:58px;font-size:29px}.cwf-smart-copy small{font-size:12px}.cwf-smart-copy h2{font-size:24px}.cwf-smart-copy p{font-size:14px}.cwf-smart-facts span{font-size:13px;padding:8px 11px}.cwf-smart-action strong{font-size:25px}.cwf-smart-action span{font-size:12px} .cwf-profile-card,.cwf-install-card,.cwf-about-card,.cwf-trust-card,.cwf-market-card,.cwf-community-card,.cwf-savings-card,.cwf-alert-card,.cwf-display-card{padding:24px}.cwf-profile-head h2,.cwf-install-card h2,.cwf-about-card h2,.cwf-trust-card h2,.cwf-market-card h2,.cwf-community-card h2,.cwf-savings-card h2,.cwf-alert-card h2,.cwf-display-card h2{font-size:23px!important}.cwf-profile-head p,.cwf-install-card p,.cwf-about-card p,.cwf-trust-card p,.cwf-market-card p,.cwf-community-card p,.cwf-display-card p{font-size:13px!important;line-height:1.6}.cwf-link-btn{min-height:42px;font-size:12px;padding:9px 13px}.cwf-profile-stats span{font-size:9px}.cwf-profile-stats strong{font-size:16px}.cwf-profile-stats div{padding:14px}.cwf-vehicle-switcher{padding:16px}.cwf-vehicle-switcher>label{font-size:11px}.cwf-vehicle-switcher select,.cwf-vehicle-switcher button{min-height:48px;font-size:13px}.cwf-install-card button,.cwf-install-actions button{min-height:50px!important;font-size:13px!important}.cwf-about-card .cwf-brandline{font-size:12px}.cwf-trust-legend span{font-size:11px!important}.cwf-quality-overview strong{font-size:19px}.cwf-quality-overview span{font-size:10px}.cwf-market-stats strong,.cwf-savings-insights strong{font-size:18px}.cwf-market-stats span,.cwf-savings-insights span,.cwf-savings-insights small{font-size:11px}.cwf-community-summary span{font-size:.8rem}.cwf-community-level{font-size:.95rem;padding:13px 15px}.cwf-savings-summary strong{font-size:21px}.cwf-savings-summary span{font-size:10px}.cwf-tank-log-row{padding:12px 13px}.cwf-tank-log-row strong,.cwf-tank-log-row b{font-size:13px}.cwf-tank-log-row span{font-size:10px}.cwf-text-action{font-size:12px}.cwf-alert-card>p{font-size:13px}.cwf-alert-form select,.cwf-alert-form input{height:50px;font-size:13px}.cwf-alert-form>div span{font-size:9px}.cwf-alert-form button{min-height:50px;font-size:12px}.cwf-alert-status{font-size:12px} .cwf-display-size{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding:5px;background:#edf2f6;border-radius:16px}.cwf-display-size button{min-height:48px;border:0;border-radius:12px;background:transparent;color:#5f7484;font-size:13px;font-weight:900}.cwf-display-size button.active{background:#fff;color:#071b2f;box-shadow:0 4px 12px rgba(7,27,47,.09)} .cwf-bottom-nav{width:min(620px,calc(100% - 24px));border-radius:25px;padding:8px}.cwf-bottom-nav button{min-height:61px;font-size:22px;gap:5px}.cwf-bottom-nav button small{font-size:10px}.cwf-bottom-nav .cwf-nav-report{min-height:74px;margin-top:-18px;border-radius:23px}.cwf-bottom-nav .cwf-nav-report span{font-size:28px} .cwf-modal-card{width:min(700px,100%);border-radius:30px;padding:28px}.cwf-modal-card .cwf-close{width:44px;height:44px;border-radius:13px;font-size:25px}.cwf-modal-card h2{font-size:29px}.cwf-modal-card>p{font-size:14px}.cwf-modal-card label:not(.cwf-photo){font-size:12px;gap:8px}.cwf-modal-card input,.cwf-modal-card select{height:54px;border-radius:14px;font-size:16px}.cwf-photo{min-height:155px}.cwf-camera-symbol{font-size:32px}.cwf-photo strong{font-size:15px}.cwf-photo small{font-size:11px}.cwf-ocr-status,.cwf-location-line,#cwf-report-message{font-size:12px}.cwf-candidates button{min-height:42px;font-size:12px}.cwf-primary-full{height:54px;border-radius:15px;font-size:14px}.cwf-toast{bottom:112px;font-size:13px;padding:13px 18px}.cwf-detail-hero strong{font-size:44px}.cwf-detail-hero span,.cwf-detail-hero small{font-size:10px}.cwf-detail-trust{font-size:12px}.cwf-detail-economy{font-size:13px;padding:14px 15px}.cwf-detail-economy strong{font-size:15px}.cwf-history-head small{font-size:9px}.cwf-history-head strong{font-size:15px}.cwf-history-head>span{font-size:10px}.cwf-history-empty{font-size:12px}.cwf-history-stats strong{font-size:14px}.cwf-history-stats span{font-size:9px}.cwf-tank-confirm label{font-size:11px}.cwf-tank-confirm input{height:50px;font-size:15px}.cwf-detail-actions button,.cwf-detail-actions a{height:50px;font-size:12px} /* optional extra-large accessibility mode */ body.cwf-size-xl .cw-fuel-app{font-size:18px} body.cwf-size-xl .cwf-page-head h1{font-size:50px} body.cwf-size-xl .cwf-page-head p{font-size:18px} body.cwf-size-xl .cwf-location-input input,body.cwf-size-xl .cwf-route-field input{font-size:19px;height:66px} body.cwf-size-xl .cwf-primary-btn,body.cwf-size-xl .cwf-locate-btn{height:66px} body.cwf-size-xl .cwf-fuel-control button{font-size:16px;min-height:50px} body.cwf-size-xl .cwf-reco-price strong{font-size:56px} body.cwf-size-xl .cwf-station-title h3{font-size:20px} body.cwf-size-xl .cwf-station-title p{font-size:14px} body.cwf-size-xl .cwf-station-actions button,body.cwf-size-xl .cwf-station-actions a{font-size:14px;min-height:52px} body.cwf-size-xl .cwf-bottom-nav button small{font-size:12px} @media(max-width:650px){ .cwf-appbar{height:70px;padding:0 14px}.cwf-appbrand img{width:43px;height:43px}.cwf-appbrand strong{font-size:19px}.cwf-appbrand small{font-size:10px}.cwf-icon-btn{width:44px;height:44px;font-size:23px} .cwf-main{padding:18px 14px 126px}.cwf-page-head{margin:8px 3px 20px}.cwf-page-head h1{font-size:36px;line-height:1.08}.cwf-page-head p{font-size:15px;line-height:1.55}.cwf-section-kicker{font-size:10px} .cwf-search-card{padding:19px;border-radius:23px}.cwf-search-card h2{font-size:21px}.cwf-location-row{grid-template-columns:60px 1fr;gap:10px}.cwf-location-input input{height:60px;font-size:16px;border-radius:17px}.cwf-locate-btn{width:60px;height:58px;font-size:24px}.cwf-primary-btn{height:58px;font-size:14px;border-radius:17px}.cwf-search-options{display:grid;grid-template-columns:1fr;align-items:stretch;gap:15px}.cwf-fuel-control{display:grid;grid-template-columns:repeat(3,1fr)}.cwf-fuel-control button{min-height:48px;padding:8px 6px;font-size:14px}.cwf-radius-select select{width:100%;height:50px;font-size:14px} .cwf-status-strip{align-items:flex-start;flex-direction:column;font-size:12px;gap:7px;padding:11px 4px 18px}.cwf-status-strip>div:last-child{width:100%;display:flex;justify-content:space-between;align-items:center}.cwf-status-time{font-size:11px}.cwf-refresh{font-size:12px} .cwf-section-head{align-items:flex-start;margin:17px 3px 12px}.cwf-section-head h2{font-size:23px}.cwf-section-head p{font-size:11px;text-align:right} .cwf-reco-grid{gap:12px}.cwf-reco-card{padding:20px;border-radius:23px}.cwf-reco-station h3{font-size:19px}.cwf-reco-station p{font-size:12px}.cwf-reco-price strong{font-size:50px}.cwf-reco-price span{font-size:11px}.cwf-reco-actions{display:grid;grid-template-columns:1fr 1fr}.cwf-reco-actions>*{width:100%;min-height:50px!important;font-size:12px!important}.cwf-cost-line{font-size:12px} .cwf-result-toolbar{display:grid;grid-template-columns:1fr;gap:10px}.cwf-display-toggle{display:grid;grid-template-columns:1fr 1fr}.cwf-display-toggle button{min-height:46px;font-size:13px}.cwf-toolbar-selects{display:grid;grid-template-columns:1fr 1fr}.cwf-toolbar-selects .cwf-sort{width:100%;height:50px;font-size:12px} .cwf-station-card{padding:18px;border-radius:21px}.cwf-station-rank{width:36px;height:36px;font-size:11px}.cwf-station-title h3{font-size:18px}.cwf-station-title p{font-size:12px;white-space:normal;line-height:1.35}.cwf-station-title:after{font-size:10px}.cwf-station-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;background:transparent;overflow:visible}.cwf-metric{border:0!important;background:#f6f8fa;border-radius:14px;padding:12px 13px}.cwf-metric.price{grid-column:1/-1;background:#eef5ff}.cwf-metric.price strong{font-size:32px}.cwf-metric strong{font-size:18px}.cwf-metric>span{font-size:9px}.cwf-metric small{font-size:10px}.cwf-station-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cwf-station-actions button,.cwf-station-actions a{width:100%;min-height:49px;font-size:12px;margin:0}.cwf-station-actions a{grid-column:1/-1}.cwf-station-fresh{line-height:1.5} .cwf-map-panel-inner{height:min(62vh,520px);min-height:430px}.cwf-price-marker>div{padding:8px 9px}.cwf-price-marker strong{font-size:15px}.cwf-price-marker small{font-size:9px} .cwf-route-card{padding:19px}.cwf-route-field label{font-size:11px!important}.cwf-route-field input{height:58px!important;font-size:16px!important}.cwf-route-actions .cwf-primary-btn{margin-top:15px} .cwf-more-grid{gap:15px}.cwf-side-stack{gap:15px}.cwf-profile-card,.cwf-install-card,.cwf-about-card,.cwf-trust-card,.cwf-market-card,.cwf-community-card,.cwf-savings-card,.cwf-alert-card,.cwf-display-card{padding:20px;border-radius:22px}.cwf-profile-stats{grid-template-columns:1fr;gap:8px}.cwf-profile-stats div{display:flex;align-items:center;justify-content:space-between}.cwf-profile-stats span{font-size:10px}.cwf-profile-stats strong{font-size:16px;margin:0}.cwf-quality-overview{grid-template-columns:1fr}.cwf-community-summary{grid-template-columns:1fr 1fr!important}.cwf-savings-summary{grid-template-columns:1fr}.cwf-savings-summary>div{padding:14px}.cwf-savings-summary strong{font-size:20px}.cwf-alert-form{grid-template-columns:1fr}.cwf-alert-form button{grid-column:auto;height:52px}.cwf-install-actions{grid-template-columns:1fr}.cwf-display-size button{min-height:52px;font-size:14px} .cwf-bottom-nav{width:calc(100% - 16px);bottom:max(8px,var(--safe));border-radius:23px;padding:7px}.cwf-bottom-nav button{min-height:59px;font-size:22px;gap:4px}.cwf-bottom-nav button small{font-size:10px}.cwf-bottom-nav .cwf-nav-report{min-height:72px;margin-top:-17px;border-width:4px}.cwf-bottom-nav .cwf-nav-report span{font-size:29px} .cwf-modal{padding:10px}.cwf-modal-card{border-radius:26px;padding:25px 18px;max-height:92vh}.cwf-modal-card h2{font-size:27px}.cwf-modal-card>p{font-size:14px}.cwf-modal-card label:not(.cwf-photo){font-size:12px}.cwf-modal-card input,.cwf-modal-card select{height:54px;font-size:16px}.cwf-primary-full{height:54px;font-size:14px}.cwf-detail-hero strong{font-size:43px}.cwf-detail-actions{gap:8px}.cwf-detail-actions button,.cwf-detail-actions a{height:52px;font-size:13px}.cwf-history-stats{grid-template-columns:1fr}.cwf-history-stats>div{display:flex;justify-content:space-between;align-items:center;padding:11px}.cwf-history-stats strong{font-size:14px}.cwf-history-stats span{font-size:10px} body.cwf-size-xl .cwf-main{padding-left:13px;padding-right:13px}body.cwf-size-xl .cwf-page-head h1{font-size:40px}body.cwf-size-xl .cwf-page-head p{font-size:17px}body.cwf-size-xl .cwf-location-input input{font-size:18px}body.cwf-size-xl .cwf-reco-price strong{font-size:56px}body.cwf-size-xl .cwf-station-title h3{font-size:20px}body.cwf-size-xl .cwf-station-title p{font-size:14px}body.cwf-size-xl .cwf-bottom-nav button small{font-size:11px} } @media(max-width:380px){.cwf-main{padding-left:10px;padding-right:10px}.cwf-page-head h1{font-size:33px}.cwf-bottom-nav{width:calc(100% - 10px)}.cwf-bottom-nav button small{font-size:9px}.cwf-toolbar-selects{grid-template-columns:1fr}.cwf-reco-actions,.cwf-station-actions{grid-template-columns:1fr}.cwf-station-actions a{grid-column:auto}} @media(prefers-reduced-motion:reduce){.cw-fuel-app *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} /* 0.9.0 – reliability labels */ .cwf-price-warning{display:inline-flex;align-items:center;gap:5px;background:#fff3e8;color:#914d0d;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:900;margin:3px 4px 3px 0}.cwf-price-stand{white-space:normal;line-height:1.35} /* 1.0 RC – decision confidence and product readiness */ .cwf-data-score{display:inline-flex;align-items:center;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:900;letter-spacing:.01em}.cwf-data-score.high{background:#e8f7ef;color:#087454}.cwf-data-score.medium{background:#fff5de;color:#8c5d00}.cwf-data-score.low{background:#f2f5f7;color:#6b7e8b} .cwf-reco-card.primary .cwf-data-score{background:rgba(255,255,255,.13);color:#fff} .cwf-decision-strip{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;margin:0 0 18px;box-shadow:var(--shadow-sm)}.cwf-decision-strip>div:first-child{display:flex;flex-direction:column;gap:3px}.cwf-decision-strip small{font-size:9px;font-weight:950;letter-spacing:.11em;color:#758897}.cwf-decision-strip strong{font-size:16px;letter-spacing:-.02em}.cwf-decision-strip span{font-size:11px;line-height:1.45;color:var(--muted)}.cwf-decision-score{min-width:78px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:18px;font-weight:950;background:#eef4ff;color:#174b8a}.cwf-decision-strip.high .cwf-decision-score{background:var(--greenbg);color:#087454}.cwf-decision-strip.medium .cwf-decision-score{background:var(--amberbg);color:#8c5d00}.cwf-decision-strip.low .cwf-decision-score{background:#f2f5f7;color:#6b7e8b} @media(max-width:650px){.cwf-decision-strip{padding:17px;grid-template-columns:1fr auto}.cwf-decision-strip strong{font-size:17px}.cwf-decision-strip span{font-size:12px}.cwf-decision-score{min-width:72px;height:60px;font-size:17px}} @media(max-width:390px){.cwf-decision-strip{grid-template-columns:1fr}.cwf-decision-score{width:100%;height:46px}} .cwf-map-unavailable{height:100%;min-height:300px;display:grid;place-content:center;text-align:center;gap:6px;padding:28px;background:#eef3f7;color:#516878;border-radius:inherit}.cwf-map-unavailable strong{font-size:18px;color:#173047}.cwf-map-unavailable span{font-size:12px;max-width:300px} /* 1.0 RC3 – simplified one-thumb UX and decision cockpit */ button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(11,111,255,.32)!important;outline-offset:3px} .cwf-locate-btn{width:auto;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:13px;font-weight:850;white-space:nowrap}.cwf-locate-icon{font-size:20px}.cwf-locate-label{display:inline}.cwf-location-row{grid-template-columns:minmax(0,1fr) 140px 170px} .cwf-home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'main price' 'actions actions';gap:16px 20px;background:linear-gradient(155deg,#071b2f,#0c3153 68%,#0b6fff 150%);color:#fff;border-radius:26px;padding:22px 24px;margin:0 0 18px;box-shadow:0 20px 45px rgba(7,27,47,.18)}.cwf-home-hero[hidden]{display:none!important}.cwf-home-hero-main{grid-area:main;min-width:0}.cwf-home-hero-main small{font-size:9px;font-weight:950;letter-spacing:.12em;color:#a8c4d8}.cwf-home-hero-main h2{font-size:27px;line-height:1.08;letter-spacing:-.04em;margin:5px 0 7px}.cwf-home-hero-main p{font-size:12px;line-height:1.55;color:#c7d8e4;margin:0;max-width:650px}.cwf-home-hero-station{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;margin-top:14px}.cwf-home-hero-station strong{font-size:15px}.cwf-home-hero-station span{font-size:10px;color:#b7ccda}.cwf-home-hero-price{grid-area:price;min-width:175px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.cwf-home-hero-price>strong{font-size:46px;line-height:.95;letter-spacing:-.055em}.cwf-home-hero-price>span{font-size:10px;font-weight:850;margin-top:7px}.cwf-home-hero-price>small{font-size:9px;color:#bdd1de;margin-top:5px;text-align:right}.cwf-home-hero-actions{grid-area:actions;display:grid;grid-template-columns:1.5fr 1fr;gap:9px}.cwf-home-hero-actions a,.cwf-home-hero-actions button{min-height:52px;border-radius:15px;border:0;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:900}.cwf-home-hero-actions a{background:#fff;color:#082038}.cwf-home-hero-actions button{background:rgba(255,255,255,.11);color:#fff;border:1px solid rgba(255,255,255,.16)}.cwf-home-hero.watch{background:linear-gradient(155deg,#2d3540,#4a5664)} .cwf-filter-panel{min-width:210px}.cwf-filter-panel summary{list-style:none;cursor:pointer;min-height:46px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:850;color:#355067}.cwf-filter-panel summary::-webkit-details-marker{display:none}.cwf-filter-panel summary:after{content:'⌄';font-size:16px}.cwf-filter-panel[open] summary:after{transform:rotate(180deg)}.cwf-filter-panel .cwf-toolbar-selects{margin-top:8px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)} .cwf-install-badge{cursor:pointer;border:0} @media(max-width:650px){ .cwf-location-row{grid-template-columns:1fr 1fr}.cwf-location-input{grid-column:1/-1}.cwf-locate-btn{width:100%;height:58px;font-size:13px}.cwf-locate-icon{font-size:21px}.cwf-primary-btn{width:100%} .cwf-home-hero{grid-template-columns:1fr;grid-template-areas:'main' 'price' 'actions';padding:22px 19px;border-radius:24px;gap:14px}.cwf-home-hero-main h2{font-size:28px}.cwf-home-hero-main p{font-size:13px}.cwf-home-hero-station{margin-top:13px}.cwf-home-hero-station strong{font-size:17px}.cwf-home-hero-station span{font-size:11px}.cwf-home-hero-price{align-items:flex-start;min-width:0;padding:10px 0 2px}.cwf-home-hero-price>strong{font-size:54px}.cwf-home-hero-price>span{font-size:12px}.cwf-home-hero-price>small{text-align:left;font-size:10px}.cwf-home-hero-actions{grid-template-columns:1fr}.cwf-home-hero-actions a,.cwf-home-hero-actions button{min-height:56px;font-size:13px} .cwf-result-toolbar{gap:9px}.cwf-filter-panel{width:100%;min-width:0}.cwf-filter-panel summary{width:100%;min-height:50px;font-size:13px}.cwf-filter-panel .cwf-toolbar-selects{grid-template-columns:1fr;margin-top:7px}.cwf-filter-panel .cwf-sort{height:50px;font-size:13px} .cwf-quality-summary{margin-top:2px}.cwf-decision-strip,.cwf-smart-advice{margin-top:10px} } @media(max-width:390px){.cwf-location-row{grid-template-columns:1fr}.cwf-location-input{grid-column:auto}.cwf-home-hero-price>strong{font-size:49px}} /* 1.0 RC4 – instant-start polish, quick actions and system dark mode */ .cwf-home-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-7px 0 18px}.cwf-home-quick[hidden]{display:none!important}.cwf-home-quick button{min-height:66px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:18px;padding:10px 13px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon title' 'icon meta';column-gap:10px;text-align:left;box-shadow:var(--shadow-sm)}.cwf-home-quick button>span{grid-area:icon;width:35px;height:35px;border-radius:12px;background:#eef5ff;color:#0b63da;display:grid;place-items:center;font-size:17px;align-self:center}.cwf-home-quick button>strong{grid-area:title;font-size:13px;align-self:end}.cwf-home-quick button>small{grid-area:meta;font-size:10px;color:var(--muted);align-self:start}.cwf-home-quick button:active{transform:translateY(1px)} .cwf-pulse-card{animation:cwfCardPulse 1.1s ease}@keyframes cwfCardPulse{0%,100%{box-shadow:var(--shadow-sm)}35%{box-shadow:0 0 0 5px rgba(11,111,255,.14),0 16px 42px rgba(7,27,47,.12)}} .cwf-theme-setting{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.cwf-theme-setting>span{display:block;font-size:11px;font-weight:850;color:var(--muted);margin-bottom:8px}.cwf-theme-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#edf2f6;border-radius:14px;padding:4px}.cwf-theme-choice button{min-height:42px;border:0;background:transparent;color:#607585;border-radius:11px;font-size:12px;font-weight:850}.cwf-theme-choice button.active{background:#fff;color:#071b2f;box-shadow:0 3px 12px rgba(7,27,47,.08)} .cwf-degraded .cwf-live-dot{background:var(--amber)!important;box-shadow:0 0 0 4px rgba(189,121,0,.12)!important}.cwf-offline .cwf-live-dot{background:var(--red)!important;box-shadow:0 0 0 4px rgba(198,75,91,.12)!important} @media(max-width:650px){.cwf-home-quick{grid-template-columns:1fr 1fr}.cwf-home-quick button:last-child{grid-column:1/3}.cwf-home-quick button{min-height:70px}.cwf-home-quick button>strong{font-size:14px}.cwf-home-quick button>small{font-size:11px}} @media(max-width:390px){.cwf-home-quick{grid-template-columns:1fr}.cwf-home-quick button:last-child{grid-column:auto}} /* System/manual dark mode. Core action colours retain contrast while surfaces adapt. */ @media(prefers-color-scheme:dark){html[data-cwf-theme="system"]{--bg:#06131f;--card:#0c1d2b;--text:#eef6fb;--muted:#bfd0dc;--line:#203746;--greenbg:#0b2c24;--amberbg:#322713;--redbg:#351b21;--shadow:0 18px 48px rgba(0,0,0,.28);--shadow-sm:0 8px 28px rgba(0,0,0,.22)}} html[data-cwf-theme="dark"]{--bg:#06131f;--card:#0c1d2b;--text:#eef6fb;--muted:#bfd0dc;--line:#203746;--greenbg:#0b2c24;--amberbg:#322713;--redbg:#351b21;--shadow:0 18px 48px rgba(0,0,0,.28);--shadow-sm:0 8px 28px rgba(0,0,0,.22)} html[data-cwf-theme="dark"] body.cwf-standalone,html[data-cwf-theme="system"] body.cwf-standalone{color:var(--text)} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-appbar{background:rgba(6,19,31,.9);border-bottom-color:#203746}html[data-cwf-theme="system"] .cwf-appbar-center,html[data-cwf-theme="system"] .cwf-icon-btn,html[data-cwf-theme="system"] .cwf-location-input input,html[data-cwf-theme="system"] .cwf-route-field input,html[data-cwf-theme="system"] .cwf-locate-btn,html[data-cwf-theme="system"] .cwf-sort,html[data-cwf-theme="system"] .cwf-radius-select select{background:#0c1d2b;color:#eef6fb;border-color:#294252}html[data-cwf-theme="system"] .cwf-fuel-control,html[data-cwf-theme="system"] .cwf-theme-choice{background:#071722}html[data-cwf-theme="system"] .cwf-fuel-control button.active,html[data-cwf-theme="system"] .cwf-theme-choice button.active{background:#183245;color:#fff}html[data-cwf-theme="system"] .cwf-station-metrics,html[data-cwf-theme="system"] .cwf-detail-hero>div,html[data-cwf-theme="system"] .cwf-savings-summary>div,html[data-cwf-theme="system"] .cwf-history-stats>div{background:#0a1926}html[data-cwf-theme="system"] .cwf-smart-advice{background:linear-gradient(135deg,#0c1d2b,#0a1926);border-color:#203746}html[data-cwf-theme="system"] .cwf-smart-copy h2{color:#eef6fb}html[data-cwf-theme="system"] .cwf-smart-copy p{color:#9fb2c0}html[data-cwf-theme="system"] .cwf-smart-facts span{background:#142b3c;color:#cbd9e2}} html[data-cwf-theme="dark"] .cwf-appbar{background:rgba(6,19,31,.9);border-bottom-color:#203746}html[data-cwf-theme="dark"] .cwf-appbar-center,html[data-cwf-theme="dark"] .cwf-icon-btn,html[data-cwf-theme="dark"] .cwf-location-input input,html[data-cwf-theme="dark"] .cwf-route-field input,html[data-cwf-theme="dark"] .cwf-locate-btn,html[data-cwf-theme="dark"] .cwf-sort,html[data-cwf-theme="dark"] .cwf-radius-select select{background:#0c1d2b;color:#eef6fb;border-color:#294252}html[data-cwf-theme="dark"] .cwf-fuel-control,html[data-cwf-theme="dark"] .cwf-theme-choice{background:#071722}html[data-cwf-theme="dark"] .cwf-fuel-control button.active,html[data-cwf-theme="dark"] .cwf-theme-choice button.active{background:#183245;color:#fff}html[data-cwf-theme="dark"] .cwf-station-metrics,html[data-cwf-theme="dark"] .cwf-detail-hero>div,html[data-cwf-theme="dark"] .cwf-savings-summary>div,html[data-cwf-theme="dark"] .cwf-history-stats>div{background:#0a1926}html[data-cwf-theme="dark"] .cwf-smart-advice{background:linear-gradient(135deg,#0c1d2b,#0a1926);border-color:#203746}html[data-cwf-theme="dark"] .cwf-smart-copy h2{color:#eef6fb}html[data-cwf-theme="dark"] .cwf-smart-copy p{color:#9fb2c0}html[data-cwf-theme="dark"] .cwf-smart-facts span{background:#142b3c;color:#cbd9e2} /* 1.0 RC5 – multilingual, privacy center, plan preview and richer station profiles */ .cwf-lang-mini{display:flex;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:2px}.cwf-lang-mini button{border:0;background:transparent;color:var(--muted);font-size:9px;font-weight:900;min-width:28px;height:30px;border-radius:8px}.cwf-lang-mini button.active{background:#0b6fff;color:#fff}.cwf-language-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cwf-language-choice button{min-height:46px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--text);font-weight:850}.cwf-language-choice button.active{background:#0b6fff;color:#fff;border-color:#0b6fff} .cwf-detail-info{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cwf-detail-info[hidden],.cwf-service-chips[hidden]{display:none!important}.cwf-detail-info span,.cwf-detail-info a,.cwf-service-chips span{display:inline-flex;align-items:center;min-height:36px;border-radius:999px;background:#eef5fb;color:#29475c;padding:7px 11px;font-size:11px;font-weight:800;text-decoration:none}.cwf-service-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.cwf-service-chips span{background:#edf8f1;color:#17643b} .cwf-privacy-center-status{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:var(--bg);margin:16px 0}.cwf-privacy-center-status span{color:var(--muted);font-size:12px}.cwf-privacy-center-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.cwf-privacy-center-actions button{min-height:48px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--text);font-weight:850}.cwf-privacy-center-actions .cwf-danger-ghost{color:#b33b4b}.cwf-privacy-center-modal-card>a{font-weight:800;color:#0b63da} .cwf-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.cwf-plan-grid>div{border:1px solid var(--line);border-radius:15px;padding:13px;background:var(--bg);display:flex;flex-direction:column;gap:5px}.cwf-plan-grid strong{font-size:12px}.cwf-plan-grid span{font-size:10px;color:var(--muted);line-height:1.45}.cwf-plan-grid em{font-size:9px;color:#0b63da;font-style:normal;font-weight:850} html[data-cwf-theme="dark"] .cwf-detail-info span,html[data-cwf-theme="dark"] .cwf-detail-info a,html[data-cwf-theme="dark"] .cwf-service-chips span{background:#142b3c;color:#d8e8f3}@media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-detail-info span,html[data-cwf-theme="system"] .cwf-detail-info a,html[data-cwf-theme="system"] .cwf-service-chips span{background:#142b3c;color:#d8e8f3}} @media(max-width:650px){.cwf-appbar-center{display:none}.cwf-lang-mini{margin-left:auto}.cwf-lang-mini button{min-width:31px;height:34px}.cwf-plan-grid{grid-template-columns:1fr}.cwf-privacy-center-actions{grid-template-columns:1fr}.cwf-language-choice button{min-height:52px;font-size:13px}} /* 1.0 RC6 – readability / contrast hardening */ :root{ --cwf-soft-text:#506878; --cwf-soft-surface:#eef3f7; --cwf-input-bg:#fbfcfd; } .cwf-app,.cwf-app button,.cwf-app input,.cwf-app select,.cwf-app textarea{font-synthesis:none} .cwf-page-head small,.cwf-section-kicker,.cwf-mini-label,.cwf-option-group>span{color:#52697a;font-size:10px} .cwf-page-head p,.cwf-section-head p,.cwf-status-strip,.cwf-station-sub,.cwf-detail-address,.cwf-detail-copy{color:var(--muted)} .cwf-status-time{color:#607888} .cwf-location-input input,.cwf-route-field input{background:var(--cwf-input-bg);border-color:#cbd8e2} .cwf-location-input input::placeholder,.cwf-route-field input::placeholder,textarea::placeholder{color:#637989;opacity:1} .cwf-fuel-control button{color:#52697a;font-size:12px;min-height:38px} .cwf-radius-select select,.cwf-sort{font-size:12px;border-color:#cbd8e2} .cwf-reco-card:not(.primary),.cwf-filter-panel summary,.cwf-filter-panel .cwf-toolbar-selects,.cwf-icon-btn,.cwf-locate-btn,.cwf-reco-actions>*{background:var(--card);color:var(--text)} .cwf-reco-station p{font-size:11px;color:var(--muted)} .cwf-distance{font-size:10px;color:#536b7b;background:#edf2f5} .cwf-reco-price span{font-size:10px;color:var(--muted)} .cwf-freshness,.cwf-verified,.cwf-price-stand{font-size:10px;line-height:1.2;min-height:28px;padding:6px 9px} .cwf-freshness.unknown,.cwf-price-stand{background:#e9eef2;color:#4f6676} .cwf-verdict strong{font-size:11px}.cwf-verdict span{font-size:10px} .cwf-cost-line{font-size:10px}.cwf-cost-line strong{font-size:12px} .cwf-reco-actions>*{font-size:11px;min-height:44px} .cwf-decision-strip span{font-size:12px;color:var(--muted)} .cwf-home-quick button>small{font-size:11px;color:var(--muted)} .cwf-theme-choice button,.cwf-lang-mini button{color:#52697a} .cwf-plan-grid span{font-size:11px;color:var(--muted)} .cwf-plan-grid em{font-size:10px} .cwf-privacy-center-status span{color:var(--muted)} .cwf-detail-info span,.cwf-detail-info a{background:#e8f1f8;color:#183f5c} .cwf-service-chips span{background:#e4f4ea;color:#155a36} .cwf-filter-panel summary{color:#29475c;font-size:12px} .cwf-map-unavailable{background:var(--cwf-soft-surface);color:#3f596b} .cwf-map-unavailable strong{color:var(--text)} .cwf-app :focus-visible{outline:3px solid #0b6fff;outline-offset:3px} .cwf-app button:disabled,.cwf-app input:disabled,.cwf-app select:disabled{opacity:.58} /* Dark-mode surfaces: never leave a white card below light text. */ html[data-cwf-theme="dark"]{ --muted:#bfd0dc;--line:#315063;--cwf-soft-text:#c5d4de;--cwf-soft-surface:#0a1926;--cwf-input-bg:#0c1d2b } html[data-cwf-theme="dark"] .cwf-reco-card:not(.primary), html[data-cwf-theme="dark"] .cwf-filter-panel summary, html[data-cwf-theme="dark"] .cwf-filter-panel .cwf-toolbar-selects, html[data-cwf-theme="dark"] .cwf-reco-actions>*, html[data-cwf-theme="dark"] .cwf-home-quick button, html[data-cwf-theme="dark"] .cwf-privacy-center-actions button, html[data-cwf-theme="dark"] .cwf-language-choice button, html[data-cwf-theme="dark"] .cwf-plan-grid>div{background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important} html[data-cwf-theme="dark"] .cwf-distance, html[data-cwf-theme="dark"] .cwf-freshness.unknown, html[data-cwf-theme="dark"] .cwf-price-stand, html[data-cwf-theme="dark"] .cwf-verdict.neutral, html[data-cwf-theme="dark"] .cwf-decision-score{background:#142b3c;color:#d8e8f3} html[data-cwf-theme="dark"] .cwf-detail-info span, html[data-cwf-theme="dark"] .cwf-detail-info a, html[data-cwf-theme="dark"] .cwf-service-chips span{background:#163247;color:#e5f1f7} html[data-cwf-theme="dark"] .cwf-map-unavailable{background:#0a1926;color:#c8d7e0} html[data-cwf-theme="dark"] .cwf-map-unavailable strong{color:#f2f8fb} html[data-cwf-theme="dark"] .cwf-location-input input::placeholder, html[data-cwf-theme="dark"] .cwf-route-field input::placeholder, html[data-cwf-theme="dark"] textarea::placeholder{color:#9fb6c5} html[data-cwf-theme="dark"] .cwf-page-head small, html[data-cwf-theme="dark"] .cwf-section-kicker, html[data-cwf-theme="dark"] .cwf-mini-label, html[data-cwf-theme="dark"] .cwf-option-group>span, html[data-cwf-theme="dark"] .cwf-status-time{color:#b4c8d5} @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"]{ --muted:#bfd0dc;--line:#315063;--cwf-soft-text:#c5d4de;--cwf-soft-surface:#0a1926;--cwf-input-bg:#0c1d2b } html[data-cwf-theme="system"] .cwf-reco-card:not(.primary), html[data-cwf-theme="system"] .cwf-filter-panel summary, html[data-cwf-theme="system"] .cwf-filter-panel .cwf-toolbar-selects, html[data-cwf-theme="system"] .cwf-reco-actions>*, html[data-cwf-theme="system"] .cwf-home-quick button, html[data-cwf-theme="system"] .cwf-privacy-center-actions button, html[data-cwf-theme="system"] .cwf-language-choice button, html[data-cwf-theme="system"] .cwf-plan-grid>div{background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important} html[data-cwf-theme="system"] .cwf-distance, html[data-cwf-theme="system"] .cwf-freshness.unknown, html[data-cwf-theme="system"] .cwf-price-stand, html[data-cwf-theme="system"] .cwf-verdict.neutral, html[data-cwf-theme="system"] .cwf-decision-score{background:#142b3c;color:#d8e8f3} html[data-cwf-theme="system"] .cwf-map-unavailable{background:#0a1926;color:#c8d7e0} html[data-cwf-theme="system"] .cwf-map-unavailable strong{color:#f2f8fb} html[data-cwf-theme="system"] .cwf-location-input input::placeholder, html[data-cwf-theme="system"] .cwf-route-field input::placeholder, html[data-cwf-theme="system"] textarea::placeholder{color:#9fb6c5} html[data-cwf-theme="system"] .cwf-page-head small, html[data-cwf-theme="system"] .cwf-section-kicker, html[data-cwf-theme="system"] .cwf-mini-label, html[data-cwf-theme="system"] .cwf-option-group>span, html[data-cwf-theme="system"] .cwf-status-time{color:#b4c8d5} } @media(prefers-contrast:more){ :root{--muted:#354d5e;--line:#aebdca} .cwf-app button,.cwf-app input,.cwf-app select,.cwf-app textarea{border-width:2px} .cwf-freshness,.cwf-verified,.cwf-price-stand{font-weight:900} } @media(max-width:650px){ .cwf-page-head p{font-size:15px;line-height:1.55} .cwf-reco-station p{font-size:12px} .cwf-freshness,.cwf-verified,.cwf-price-stand{font-size:11px} } /* === RC7 Product Intelligence / Readability === */ .cwf-open-badge,.cwf-consensus{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:850;line-height:1.2;letter-spacing:.01em;background:var(--cwf-soft-surface);color:var(--text)} .cwf-open-badge.open{background:#e7f7ef;border-color:#a9dec6;color:#0b5e3e} .cwf-open-badge.closed{background:#fff0f0;border-color:#efb9b9;color:#922828} .cwf-open-badge.unknown{background:#eef3f7;border-color:#c7d3dc;color:#3a5364} .cwf-consensus.confirmed{background:#e6f6ee;border-color:#a8dcc3;color:#0d603e} .cwf-consensus.conflict{background:#fff0e8;border-color:#efc1a5;color:#8b3d13} .cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(8,37,61,.07)} .cwf-assistant-card>p,.cwf-commute-card>p,.cwf-receipt-card>p{margin:4px 0 16px;color:var(--muted);font-size:14px;line-height:1.55} .cwf-assistant-grid,.cwf-commute-form,.cwf-receipt-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .cwf-assistant-grid label,.cwf-commute-form label,.cwf-receipt-form label{display:grid;gap:6px;color:var(--text);font-size:12px;font-weight:800} .cwf-assistant-grid input,.cwf-commute-form input,.cwf-receipt-form input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:13px;background:var(--cwf-input-bg);color:var(--text);font:inherit;padding:10px 12px} .cwf-assistant-grid input::placeholder,.cwf-commute-form input::placeholder,.cwf-receipt-form input::placeholder{color:var(--muted);opacity:.9} .cwf-assistant-result{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:var(--cwf-soft-surface);padding:14px;color:var(--text);line-height:1.5} .cwf-assistant-result strong{display:block;font-size:17px;margin-bottom:3px;color:var(--text)} .cwf-assistant-result span,.cwf-commute-status{color:var(--muted);font-size:13px;line-height:1.5} .cwf-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px} .cwf-inline-actions button{min-height:46px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--text);font-weight:850;padding:10px 14px} .cwf-inline-actions button:first-child{background:var(--blue);border-color:var(--blue);color:#fff} .cwf-commute-status{display:block;margin-top:10px;min-height:20px} .cwf-profile-decision-view{margin-top:10px;border:1px solid var(--line);border-radius:15px;padding:12px 14px;background:var(--cwf-soft-surface);color:var(--text);font-size:13px;line-height:1.5} .cwf-profile-decision-view strong{color:var(--text)} .cwf-danger-ghost{color:#8b2525!important;border-color:#d8a3a3!important;background:#fff5f5!important} html[data-cwf-theme="dark"] .cwf-open-badge.open, html[data-cwf-theme="dark"] .cwf-consensus.confirmed{background:#123426;border-color:#2c6e50;color:#c6f1da} html[data-cwf-theme="dark"] .cwf-open-badge.closed{background:#3b1e22;border-color:#7e4148;color:#ffd4d7} html[data-cwf-theme="dark"] .cwf-open-badge.unknown{background:#142b3c;border-color:#315063;color:#d7e5ee} html[data-cwf-theme="dark"] .cwf-consensus.conflict{background:#3a281b;border-color:#815b3d;color:#ffdfc7} html[data-cwf-theme="dark"] .cwf-danger-ghost{color:#ffd0d0!important;border-color:#7e4148!important;background:#3b1e22!important} @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"] .cwf-open-badge.open, html[data-cwf-theme="system"] .cwf-consensus.confirmed{background:#123426;border-color:#2c6e50;color:#c6f1da} html[data-cwf-theme="system"] .cwf-open-badge.closed{background:#3b1e22;border-color:#7e4148;color:#ffd4d7} html[data-cwf-theme="system"] .cwf-open-badge.unknown{background:#142b3c;border-color:#315063;color:#d7e5ee} html[data-cwf-theme="system"] .cwf-consensus.conflict{background:#3a281b;border-color:#815b3d;color:#ffdfc7} html[data-cwf-theme="system"] .cwf-danger-ghost{color:#ffd0d0!important;border-color:#7e4148!important;background:#3b1e22!important} } @media(max-width:650px){ .cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card{padding:15px;border-radius:17px} .cwf-assistant-grid,.cwf-commute-form,.cwf-receipt-form{grid-template-columns:1fr} .cwf-inline-actions{display:grid;grid-template-columns:1fr 1fr} .cwf-inline-actions button{width:100%} .cwf-open-badge,.cwf-consensus{font-size:11px;min-height:30px} } .cwf-assistant-result{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .cwf-assistant-result>div{min-width:0;border:1px solid var(--line);border-radius:13px;padding:11px;background:var(--card)} .cwf-assistant-result>div span,.cwf-assistant-result>div small{display:block;color:var(--muted);font-size:11px;line-height:1.35} .cwf-assistant-result>div strong{font-size:18px;margin:3px 0;color:var(--text)} @media(max-width:650px){.cwf-assistant-result{grid-template-columns:1fr}} .cwf-commute-form{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center} .cwf-commute-form>span{font-weight:900;color:var(--muted);text-align:center} @media(max-width:650px){.cwf-commute-form{grid-template-columns:1fr}.cwf-commute-form>span{transform:rotate(90deg);line-height:1}} /* === RC8 Premium Product Polish === */ :root{--cwf-premium-shadow:0 18px 54px rgba(8,37,61,.10);--cwf-premium-border:rgba(27,73,104,.13)} .cwf-search-card,.cwf-panel,.cwf-home-hero,.cwf-reco-card,.cwf-station-card,.cwf-decision-strip{border-color:var(--cwf-premium-border);box-shadow:var(--cwf-premium-shadow)} .cwf-page-head h1{letter-spacing:-.045em}.cwf-page-head p{max-width:760px} .cwf-primary-btn,.cwf-primary-full{box-shadow:0 10px 24px rgba(11,111,255,.18)} .cwf-reco-card.primary{box-shadow:0 20px 60px rgba(11,111,255,.16)} .cwf-alert-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0} .cwf-alert-mode button{min-height:44px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--text);font-weight:850;padding:9px 12px} .cwf-alert-mode button.active{background:#0b6fff;border-color:#0b6fff;color:#fff;box-shadow:0 8px 20px rgba(11,111,255,.18)} .cwf-detail-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0} .cwf-detail-reasons>div{border:1px solid var(--line);border-radius:15px;background:var(--cwf-soft-surface);padding:12px;min-width:0} .cwf-detail-reasons small,.cwf-detail-reasons strong,.cwf-detail-reasons span{display:block} .cwf-detail-reasons small{font-size:9px;font-weight:950;letter-spacing:.1em;color:var(--muted)} .cwf-detail-reasons strong{font-size:16px;margin:4px 0;color:var(--text)} .cwf-detail-reasons span{font-size:11px;line-height:1.4;color:var(--muted)} .cwf-skeleton-list{display:grid;gap:12px;padding:4px 0}.cwf-skeleton-list i{display:block;height:136px;border-radius:20px;background:linear-gradient(90deg,var(--cwf-soft-surface) 20%,rgba(148,163,184,.18) 45%,var(--cwf-soft-surface) 70%);background-size:220% 100%;animation:cwf-skeleton 1.25s linear infinite;border:1px solid var(--line)} @keyframes cwf-skeleton{to{background-position:-220% 0}} .cwf-station-detail{max-width:760px}.cwf-detail-hero{border:1px solid var(--line);border-radius:20px;padding:16px;background:var(--cwf-soft-surface)} .cwf-detail-economy{font-size:12px;line-height:1.55;border:1px solid rgba(11,111,255,.14)} html[data-cwf-theme="dark"] .cwf-search-card,html[data-cwf-theme="dark"] .cwf-panel,html[data-cwf-theme="dark"] .cwf-home-hero,html[data-cwf-theme="dark"] .cwf-reco-card,html[data-cwf-theme="dark"] .cwf-station-card,html[data-cwf-theme="dark"] .cwf-decision-strip{border-color:#315063;box-shadow:0 18px 54px rgba(0,0,0,.28)} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-search-card,html[data-cwf-theme="system"] .cwf-panel,html[data-cwf-theme="system"] .cwf-home-hero,html[data-cwf-theme="system"] .cwf-reco-card,html[data-cwf-theme="system"] .cwf-station-card,html[data-cwf-theme="system"] .cwf-decision-strip{border-color:#315063;box-shadow:0 18px 54px rgba(0,0,0,.28)}} @media(max-width:650px){.cwf-detail-reasons{grid-template-columns:1fr}.cwf-alert-mode{grid-template-columns:1fr 1fr}.cwf-station-detail{max-width:none}.cwf-skeleton-list i{height:122px}} @media(prefers-reduced-motion:reduce){.cwf-skeleton-list i{animation:none}} /* RC9 Community 2.0 / multi alerts / commuter quick */ .cwf-commute-quick{margin:10px 0 20px;padding:16px 18px;border:1px solid var(--cwf-border,#dbe4ed);border-radius:20px;background:var(--cwf-card,#fff);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 30px rgba(7,27,47,.06)} .cwf-commute-quick>div{display:grid;gap:3px}.cwf-commute-quick small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#5d7180}.cwf-commute-quick strong{font-size:18px;color:var(--text,#10283a)}.cwf-commute-quick span{font-size:13px;color:var(--muted,#526776)}.cwf-commute-quick button{min-height:46px;padding:0 16px;border:0;border-radius:14px;background:#0b6fff;color:#fff;font-weight:800;white-space:nowrap} .cwf-community-rank{display:flex;align-items:center;gap:12px;margin:14px 0;padding:13px 14px;border-radius:16px;background:var(--cwf-soft,#f3f7fa);border:1px solid var(--cwf-border,#dbe4ed)}.cwf-community-rank>span{min-width:58px;text-align:center;padding:8px 9px;border-radius:12px;background:#0b6fff;color:#fff;font-weight:900;font-size:11px;letter-spacing:.05em}.cwf-community-rank>div{display:grid;gap:2px}.cwf-community-rank strong{color:var(--text,#10283a)}.cwf-community-rank small{color:var(--muted,#526776);font-size:12px}.cwf-community-progress{height:9px;border-radius:99px;background:#e1e9ef;overflow:hidden;margin-top:12px}.cwf-community-progress i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#0b6fff,#18a66a);transition:width .25s ease} .cwf-alert-list-head{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--cwf-border,#dbe4ed)}.cwf-alert-list-head span{font-size:12px;color:var(--muted,#526776)}.cwf-alert-list{display:grid;gap:8px;margin-top:9px}.cwf-alert-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--cwf-border,#dbe4ed);border-radius:14px;background:var(--cwf-soft,#f7fafc)}.cwf-alert-item>div{display:grid;gap:2px}.cwf-alert-item strong{font-size:14px;color:var(--text,#10283a)}.cwf-alert-item span,.cwf-alert-empty{font-size:12px;color:var(--muted,#526776)}.cwf-alert-item button{width:36px;height:36px;border-radius:12px;border:1px solid var(--cwf-border,#dbe4ed);background:var(--cwf-card,#fff);color:var(--text,#10283a);font-size:20px} html[data-cwf-theme="dark"] .cwf-commute-quick,html[data-cwf-theme="dark"] .cwf-community-rank,html[data-cwf-theme="dark"] .cwf-alert-item{background:#0c1d2b;border-color:#294252}html[data-cwf-theme="dark"] .cwf-community-progress{background:#213746}html[data-cwf-theme="dark"] .cwf-alert-item button{background:#132838;border-color:#294252;color:#eef6fb} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-commute-quick,html[data-cwf-theme="system"] .cwf-community-rank,html[data-cwf-theme="system"] .cwf-alert-item{background:#0c1d2b;border-color:#294252}html[data-cwf-theme="system"] .cwf-community-progress{background:#213746}html[data-cwf-theme="system"] .cwf-alert-item button{background:#132838;border-color:#294252;color:#eef6fb}} @media(max-width:640px){.cwf-commute-quick{align-items:stretch;flex-direction:column}.cwf-commute-quick button{width:100%}} /* === RC10 Readability & Station Check Contrast Pass === */ :root{ --muted:#415968; --line:#c7d3dc; --cwf-soft-surface:#f1f5f8; --cwf-card:#ffffff; --cwf-border:#c7d3dc; } /* Global secondary text must remain readable on white/soft surfaces. */ .cwf-page-head p,.cwf-section-head p,.cwf-status-strip,.cwf-station-sub,.cwf-detail-address,.cwf-detail-copy, .cwf-reco-station p,.cwf-assistant-result>div span,.cwf-assistant-result>div small, .cwf-community-rank small,.cwf-alert-item span,.cwf-alert-empty{color:#415968} .cwf-page-head small,.cwf-section-kicker,.cwf-mini-label,.cwf-option-group>span{color:#3f596b} .cwf-modal-card{background:#fff;color:#122331;border:1px solid #c7d3dc} .cwf-modal-card>p,.cwf-modal-card label:not(.cwf-photo){color:#405a6b} .cwf-modal-card .cwf-close{background:#e8eef3;color:#263f51;border:1px solid #cbd6de} /* Station detail: clear hierarchy instead of pale-on-pale blocks. */ .cwf-station-detail>.cwf-section-kicker{display:inline-flex;align-items:center;min-height:28px;padding:6px 9px;border-radius:999px;background:#e7f0f8;color:#244b68;border:1px solid #c6d9e8} .cwf-station-detail>h2{color:#10283a;margin-top:10px} .cwf-station-detail>.cwf-detail-address{font-size:13px;font-weight:700;color:#3f596b;margin-top:0} .cwf-detail-hero{background:#edf3f7;border:1px solid #bccbd6;gap:12px} .cwf-detail-hero>div{background:#fff;border:1px solid #cbd7df;box-shadow:0 5px 14px rgba(7,27,47,.04)} .cwf-detail-hero span{color:#405a6c} .cwf-detail-hero strong{color:#082f4e} .cwf-detail-hero small{color:#405a6c;font-weight:800} .cwf-detail-trust{justify-content:flex-start;text-align:left;color:#304d61;gap:7px;flex-wrap:wrap} .cwf-detail-trust .cwf-freshness,.cwf-detail-trust .cwf-confidence,.cwf-detail-trust .cwf-verified, .cwf-detail-trust .cwf-price-stand,.cwf-detail-trust .cwf-consensus,.cwf-detail-trust .cwf-data-score,.cwf-detail-trust .cwf-price-warning{ min-height:32px;padding:7px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:900;line-height:1.2 } .cwf-detail-trust .cwf-freshness.unknown{background:#e1e8ed;color:#2e4759;border-color:#bac8d2} .cwf-detail-trust .cwf-price-stand{background:#eaf0f4;color:#304b5e;border-color:#c3d0d9} .cwf-detail-trust .cwf-confidence.unknown,.cwf-detail-trust .cwf-confidence.low{background:#fff0d8;color:#764800;border-color:#e9c985} .cwf-detail-trust .cwf-confidence.medium{background:#fff4dc;color:#734900;border-color:#edd093} .cwf-detail-trust .cwf-confidence.high{background:#e1f5eb;color:#075d40;border-color:#a9d9c5} .cwf-detail-trust .cwf-verified,.cwf-detail-trust .cwf-consensus.confirmed{background:#e1f5eb;color:#075d40;border-color:#a9d9c5} .cwf-detail-trust .cwf-consensus.conflict,.cwf-detail-trust .cwf-price-warning{background:#fde8eb;color:#8b2735;border-color:#eab5bc} .cwf-detail-economy{background:#e5f0ff;color:#174f83;border:1px solid #abc9ee;padding:14px 15px} .cwf-detail-economy strong{color:#082f59;font-size:16px;margin-bottom:3px} /* Decision/data/reachability cards get meaningful tones and stronger labels. */ .cwf-detail-reasons{gap:10px} .cwf-detail-reasons>div,.cwf-detail-reasons>.cwf-reason-card{background:#f1f5f8;border:1px solid #c4d0d9;padding:14px} .cwf-detail-reasons small{color:#40596a;font-size:10px} .cwf-detail-reasons strong{color:#10283a;font-size:17px} .cwf-detail-reasons span{color:#3d5667;font-size:12px} .cwf-detail-reasons>.good{background:#e7f6ee;border-color:#a7d7c2} .cwf-detail-reasons>.good small,.cwf-detail-reasons>.good strong,.cwf-detail-reasons>.good span{color:#075d40} .cwf-detail-reasons>.watch{background:#fff2d9;border-color:#e7c57d} .cwf-detail-reasons>.watch small,.cwf-detail-reasons>.watch strong,.cwf-detail-reasons>.watch span{color:#704600} .cwf-detail-reasons>.danger{background:#fde9ec;border-color:#e7b0b8} .cwf-detail-reasons>.danger small,.cwf-detail-reasons>.danger strong,.cwf-detail-reasons>.danger span{color:#842a36} .cwf-detail-reasons>.neutral{background:#e9eff3;border-color:#becbd4} .cwf-detail-reasons>.neutral small,.cwf-detail-reasons>.neutral strong,.cwf-detail-reasons>.neutral span{color:#2e495b} /* Other pale chips/controls: stronger foreground and edge separation. */ .cwf-open-badge.unknown{background:#e6edf2;border-color:#bdcad4;color:#2d485a} .cwf-detail-info span,.cwf-detail-info a{background:#e4edf4;color:#173d59;border:1px solid #c2d1dc} .cwf-service-chips span{background:#e4f4eb;color:#105b38;border:1px solid #b6ddc9} .cwf-history-block{border-color:#c9d5dd;background:#fff} .cwf-history-head small,.cwf-history-head>span,.cwf-history-stats span,.cwf-history-empty{color:#425c6d} .cwf-history-head>span,.cwf-history-stats>div{background:#edf2f5;border:1px solid #d1dbe2} .cwf-tank-confirm label{color:#405a6b} .cwf-detail-actions button,.cwf-detail-actions a{border-color:#c3d0d9;color:#173a54} /* Explicit dark-mode equivalents avoid inherited light backgrounds/text. */ html[data-cwf-theme="dark"] .cwf-modal-card{background:#091a27;color:#eef6fb;border-color:#315063} html[data-cwf-theme="dark"] .cwf-modal-card>p,html[data-cwf-theme="dark"] .cwf-modal-card label:not(.cwf-photo),html[data-cwf-theme="dark"] .cwf-detail-address{color:#b9cad5} html[data-cwf-theme="dark"] .cwf-modal-card .cwf-close{background:#142b3c;color:#eef6fb;border-color:#315063} html[data-cwf-theme="dark"] .cwf-station-detail>.cwf-section-kicker{background:#153247;color:#cfe6f5;border-color:#31556e} html[data-cwf-theme="dark"] .cwf-station-detail>h2{color:#f3f8fb} html[data-cwf-theme="dark"] .cwf-detail-hero{background:#0b1e2d;border-color:#315063} html[data-cwf-theme="dark"] .cwf-detail-hero>div{background:#0e2535;border-color:#315063;box-shadow:none} html[data-cwf-theme="dark"] .cwf-detail-hero span,html[data-cwf-theme="dark"] .cwf-detail-hero small{color:#b9cad5} html[data-cwf-theme="dark"] .cwf-detail-hero strong{color:#f4f9fc} html[data-cwf-theme="dark"] .cwf-detail-trust{color:#c6d7e2} html[data-cwf-theme="dark"] .cwf-detail-trust .cwf-freshness.unknown,html[data-cwf-theme="dark"] .cwf-detail-trust .cwf-price-stand{background:#193244;color:#d9e8f1;border-color:#3c5a6d} html[data-cwf-theme="dark"] .cwf-detail-trust .cwf-confidence.unknown,html[data-cwf-theme="dark"] .cwf-detail-trust .cwf-confidence.low,html[data-cwf-theme="dark"] .cwf-detail-trust .cwf-confidence.medium{background:#3a2b12;color:#ffe3a8;border-color:#71552a} html[data-cwf-theme="dark"] .cwf-detail-economy{background:#102e4a;color:#cbe2ff;border-color:#315d85} html[data-cwf-theme="dark"] .cwf-detail-economy strong{color:#f0f7ff} html[data-cwf-theme="dark"] .cwf-detail-reasons>.good{background:#123629;border-color:#2b6c53} html[data-cwf-theme="dark"] .cwf-detail-reasons>.good small,html[data-cwf-theme="dark"] .cwf-detail-reasons>.good strong,html[data-cwf-theme="dark"] .cwf-detail-reasons>.good span{color:#c8f1df} html[data-cwf-theme="dark"] .cwf-detail-reasons>.watch{background:#3a2b12;border-color:#71552a} html[data-cwf-theme="dark"] .cwf-detail-reasons>.watch small,html[data-cwf-theme="dark"] .cwf-detail-reasons>.watch strong,html[data-cwf-theme="dark"] .cwf-detail-reasons>.watch span{color:#ffe3a8} html[data-cwf-theme="dark"] .cwf-detail-reasons>.danger{background:#3b1e22;border-color:#7e4148} html[data-cwf-theme="dark"] .cwf-detail-reasons>.danger small,html[data-cwf-theme="dark"] .cwf-detail-reasons>.danger strong,html[data-cwf-theme="dark"] .cwf-detail-reasons>.danger span{color:#ffd4d7} html[data-cwf-theme="dark"] .cwf-detail-reasons>.neutral{background:#152b3a;border-color:#3a5668} html[data-cwf-theme="dark"] .cwf-detail-reasons>.neutral small,html[data-cwf-theme="dark"] .cwf-detail-reasons>.neutral strong,html[data-cwf-theme="dark"] .cwf-detail-reasons>.neutral span{color:#d7e6ef} html[data-cwf-theme="dark"] .cwf-history-block{background:#0b1e2d;border-color:#315063} html[data-cwf-theme="dark"] .cwf-history-head small,html[data-cwf-theme="dark"] .cwf-history-stats span,html[data-cwf-theme="dark"] .cwf-history-empty{color:#b8cbd7} html[data-cwf-theme="dark"] .cwf-history-head>span,html[data-cwf-theme="dark"] .cwf-history-stats>div{background:#102536;border-color:#315063;color:#eef6fb} @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"] .cwf-modal-card{background:#091a27;color:#eef6fb;border-color:#315063} html[data-cwf-theme="system"] .cwf-modal-card>p,html[data-cwf-theme="system"] .cwf-modal-card label:not(.cwf-photo),html[data-cwf-theme="system"] .cwf-detail-address{color:#b9cad5} html[data-cwf-theme="system"] .cwf-modal-card .cwf-close{background:#142b3c;color:#eef6fb;border-color:#315063} html[data-cwf-theme="system"] .cwf-station-detail>.cwf-section-kicker{background:#153247;color:#cfe6f5;border-color:#31556e} html[data-cwf-theme="system"] .cwf-station-detail>h2{color:#f3f8fb} html[data-cwf-theme="system"] .cwf-detail-hero{background:#0b1e2d;border-color:#315063} html[data-cwf-theme="system"] .cwf-detail-hero>div{background:#0e2535;border-color:#315063;box-shadow:none} html[data-cwf-theme="system"] .cwf-detail-hero span,html[data-cwf-theme="system"] .cwf-detail-hero small{color:#b9cad5} html[data-cwf-theme="system"] .cwf-detail-hero strong{color:#f4f9fc} html[data-cwf-theme="system"] .cwf-detail-trust{color:#c6d7e2} html[data-cwf-theme="system"] .cwf-detail-trust .cwf-freshness.unknown,html[data-cwf-theme="system"] .cwf-detail-trust .cwf-price-stand{background:#193244;color:#d9e8f1;border-color:#3c5a6d} html[data-cwf-theme="system"] .cwf-detail-trust .cwf-confidence.unknown,html[data-cwf-theme="system"] .cwf-detail-trust .cwf-confidence.low,html[data-cwf-theme="system"] .cwf-detail-trust .cwf-confidence.medium{background:#3a2b12;color:#ffe3a8;border-color:#71552a} html[data-cwf-theme="system"] .cwf-detail-economy{background:#102e4a;color:#cbe2ff;border-color:#315d85} html[data-cwf-theme="system"] .cwf-detail-economy strong{color:#f0f7ff} html[data-cwf-theme="system"] .cwf-detail-reasons>.good{background:#123629;border-color:#2b6c53} html[data-cwf-theme="system"] .cwf-detail-reasons>.good small,html[data-cwf-theme="system"] .cwf-detail-reasons>.good strong,html[data-cwf-theme="system"] .cwf-detail-reasons>.good span{color:#c8f1df} html[data-cwf-theme="system"] .cwf-detail-reasons>.watch{background:#3a2b12;border-color:#71552a} html[data-cwf-theme="system"] .cwf-detail-reasons>.watch small,html[data-cwf-theme="system"] .cwf-detail-reasons>.watch strong,html[data-cwf-theme="system"] .cwf-detail-reasons>.watch span{color:#ffe3a8} html[data-cwf-theme="system"] .cwf-detail-reasons>.danger{background:#3b1e22;border-color:#7e4148} html[data-cwf-theme="system"] .cwf-detail-reasons>.danger small,html[data-cwf-theme="system"] .cwf-detail-reasons>.danger strong,html[data-cwf-theme="system"] .cwf-detail-reasons>.danger span{color:#ffd4d7} html[data-cwf-theme="system"] .cwf-detail-reasons>.neutral{background:#152b3a;border-color:#3a5668} html[data-cwf-theme="system"] .cwf-detail-reasons>.neutral small,html[data-cwf-theme="system"] .cwf-detail-reasons>.neutral strong,html[data-cwf-theme="system"] .cwf-detail-reasons>.neutral span{color:#d7e6ef} html[data-cwf-theme="system"] .cwf-history-block{background:#0b1e2d;border-color:#315063} html[data-cwf-theme="system"] .cwf-history-head small,html[data-cwf-theme="system"] .cwf-history-stats span,html[data-cwf-theme="system"] .cwf-history-empty{color:#b8cbd7} html[data-cwf-theme="system"] .cwf-history-head>span,html[data-cwf-theme="system"] .cwf-history-stats>div{background:#102536;border-color:#315063;color:#eef6fb} } @media(max-width:650px){ .cwf-detail-trust{align-items:flex-start} .cwf-detail-trust .cwf-freshness,.cwf-detail-trust .cwf-confidence,.cwf-detail-trust .cwf-verified,.cwf-detail-trust .cwf-price-stand,.cwf-detail-trust .cwf-consensus,.cwf-detail-trust .cwf-data-score,.cwf-detail-trust .cwf-price-warning{font-size:12px;min-height:34px} .cwf-detail-reasons>div,.cwf-detail-reasons>.cwf-reason-card{padding:15px} } /* ========================================================= TankenCH 1.0.0-rc11 — Decision UX / quick tank amount ========================================================= */ .cwf-tank-amount{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:14px 16px;border:1px solid #c8d5de;border-radius:18px;background:#f2f7fa;color:#10283a} .cwf-tank-amount-copy{display:flex;flex-direction:column;gap:2px;min-width:210px} .cwf-tank-amount-copy small{font-size:10px;font-weight:900;letter-spacing:.11em;color:#39566a} .cwf-tank-amount-copy strong{font-size:14px;color:#10283a} .cwf-tank-amount-copy span{font-size:12px;line-height:1.35;color:#425d70} .cwf-tank-amount-controls{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;justify-content:flex-end} .cwf-tank-amount-controls button{min-height:42px;padding:0 14px;border:1px solid #b8c8d4;border-radius:12px;background:#fff;color:#17394f;font-weight:900;cursor:pointer} .cwf-tank-amount-controls button:hover,.cwf-tank-amount-controls button.active{background:#0b5fa8;border-color:#0b5fa8;color:#fff} .cwf-tank-amount-controls label{display:flex;align-items:center;gap:7px;min-height:42px;padding:5px 7px 5px 11px;border:1px solid #b8c8d4;border-radius:12px;background:#fff;color:#355368;font-size:11px;font-weight:800} .cwf-tank-amount-controls input{width:72px;min-height:32px;border:1px solid #b4c4d0;border-radius:8px;background:#fff;color:#10283a;font-weight:900;text-align:center} .cwf-compare{margin:14px 0 20px;padding:18px;border:1px solid #c2d2dd;border-radius:22px;background:#fff;box-shadow:0 10px 26px rgba(16,40,58,.07)} .cwf-compare-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px} .cwf-compare-head small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#34566d} .cwf-compare-head h2{margin:2px 0 0;font-size:20px;line-height:1.15;color:#10283a} .cwf-compare-head>span{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#e8f0f5;color:#274c64;font-size:11px;font-weight:900;border:1px solid #c7d5de} .cwf-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .cwf-compare-card{display:flex;flex-direction:column;text-align:left;min-width:0;padding:15px;border:1px solid #c7d4dc;border-radius:17px;background:#f7fafc;color:#142d3f;cursor:pointer} .cwf-compare-card:hover{border-color:#7ea7c3;box-shadow:0 8px 20px rgba(11,65,105,.10);transform:translateY(-1px)} .cwf-compare-card.primary{background:#eaf5ee;border-color:#9dcdb2} .cwf-compare-kind{font-size:10px;font-weight:900;letter-spacing:.08em;color:#3a586a;text-transform:uppercase} .cwf-compare-card>strong{margin-top:4px;font-size:15px;line-height:1.25;color:#10283a;overflow-wrap:anywhere} .cwf-compare-price{display:flex;align-items:baseline;gap:5px;margin:10px 0} .cwf-compare-price b{font-size:25px;line-height:1;color:#082f59} .cwf-compare-price span{font-size:11px;font-weight:800;color:#496374} .cwf-compare-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px} .cwf-compare-facts span{display:flex;flex-direction:column;gap:1px;min-width:0;padding:7px 8px;border-radius:10px;background:#fff;border:1px solid #d5e0e6;color:#4a6170;font-size:10px} .cwf-compare-facts b{color:#17394f;font-size:11px;overflow-wrap:anywhere} .cwf-compare-card em{margin-top:10px;color:#0a5b9d;font-size:11px;font-weight:900;font-style:normal} .cwf-favorite-compare{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:16px 18px;border:1px solid #a9cbb9;border-radius:18px;background:#eaf6ef;color:#123a29} .cwf-favorite-compare>div{display:flex;flex-direction:column;gap:3px} .cwf-favorite-compare small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#37634e} .cwf-favorite-compare strong{font-size:15px;color:#123a29} .cwf-favorite-compare span{font-size:12px;color:#365a48} .cwf-favorite-compare button{min-height:42px;padding:0 15px;border:1px solid #17663f;border-radius:12px;background:#17663f;color:#fff;font-weight:900;white-space:nowrap;cursor:pointer} /* RC11 global contrast hardening */ .cw-fuel-app .cwf-page-head p,.cw-fuel-app .cwf-section-head p,.cw-fuel-app .cwf-panel p,.cw-fuel-app .cwf-search-card p,.cw-fuel-app .cwf-favorite-card p{color:#405a6b} .cw-fuel-app select,.cw-fuel-app input,.cw-fuel-app textarea{color:#142d3f} .cw-fuel-app select::placeholder,.cw-fuel-app input::placeholder,.cw-fuel-app textarea::placeholder{color:#657b89;opacity:1} .cw-fuel-app .cwf-status-strip,.cw-fuel-app .cwf-recent-searches,.cw-fuel-app .cwf-toolbar-selects,.cw-fuel-app .cwf-filter-panel summary{color:#284a60} .cw-fuel-app button:focus-visible,.cw-fuel-app a:focus-visible,.cw-fuel-app input:focus-visible,.cw-fuel-app select:focus-visible{outline:3px solid rgba(11,95,168,.32);outline-offset:2px} html[data-cwf-theme="dark"] .cwf-tank-amount,html[data-cwf-theme="dark"] .cwf-compare{background:#0b1e2d;border-color:#315063;color:#eef6fb} html[data-cwf-theme="dark"] .cwf-tank-amount-copy strong,html[data-cwf-theme="dark"] .cwf-compare-head h2,html[data-cwf-theme="dark"] .cwf-compare-card>strong{color:#f1f7fb} html[data-cwf-theme="dark"] .cwf-tank-amount-copy small,html[data-cwf-theme="dark"] .cwf-tank-amount-copy span,html[data-cwf-theme="dark"] .cwf-compare-head small{color:#b9ccd8} html[data-cwf-theme="dark"] .cwf-tank-amount-controls button,html[data-cwf-theme="dark"] .cwf-tank-amount-controls label,html[data-cwf-theme="dark"] .cwf-tank-amount-controls input{background:#102536;border-color:#3a5668;color:#eef6fb} html[data-cwf-theme="dark"] .cwf-tank-amount-controls button.active{background:#2d7fc0;border-color:#2d7fc0;color:#fff} html[data-cwf-theme="dark"] .cwf-compare-head>span{background:#173246;border-color:#3a5668;color:#d9e8f1} html[data-cwf-theme="dark"] .cwf-compare-card{background:#102536;border-color:#315063;color:#dce9f1} html[data-cwf-theme="dark"] .cwf-compare-card.primary{background:#123629;border-color:#2d7056} html[data-cwf-theme="dark"] .cwf-compare-kind,html[data-cwf-theme="dark"] .cwf-compare-price span{color:#b8cbd7} html[data-cwf-theme="dark"] .cwf-compare-price b,html[data-cwf-theme="dark"] .cwf-compare-facts b{color:#f2f8fc} html[data-cwf-theme="dark"] .cwf-compare-facts span{background:#0b1e2d;border-color:#315063;color:#b9ccd8} html[data-cwf-theme="dark"] .cwf-favorite-compare{background:#123629;border-color:#2d7056;color:#d7f3e5} html[data-cwf-theme="dark"] .cwf-favorite-compare small,html[data-cwf-theme="dark"] .cwf-favorite-compare span{color:#b9dfcd} html[data-cwf-theme="dark"] .cwf-favorite-compare strong{color:#effbf5} @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"] .cwf-tank-amount,html[data-cwf-theme="system"] .cwf-compare{background:#0b1e2d;border-color:#315063;color:#eef6fb} html[data-cwf-theme="system"] .cwf-tank-amount-copy strong,html[data-cwf-theme="system"] .cwf-compare-head h2,html[data-cwf-theme="system"] .cwf-compare-card>strong{color:#f1f7fb} html[data-cwf-theme="system"] .cwf-tank-amount-copy small,html[data-cwf-theme="system"] .cwf-tank-amount-copy span,html[data-cwf-theme="system"] .cwf-compare-head small{color:#b9ccd8} html[data-cwf-theme="system"] .cwf-tank-amount-controls button,html[data-cwf-theme="system"] .cwf-tank-amount-controls label,html[data-cwf-theme="system"] .cwf-tank-amount-controls input{background:#102536;border-color:#3a5668;color:#eef6fb} html[data-cwf-theme="system"] .cwf-compare-head>span{background:#173246;border-color:#3a5668;color:#d9e8f1} html[data-cwf-theme="system"] .cwf-compare-card{background:#102536;border-color:#315063;color:#dce9f1} html[data-cwf-theme="system"] .cwf-compare-card.primary{background:#123629;border-color:#2d7056} html[data-cwf-theme="system"] .cwf-compare-price b,html[data-cwf-theme="system"] .cwf-compare-facts b{color:#f2f8fc} html[data-cwf-theme="system"] .cwf-compare-facts span{background:#0b1e2d;border-color:#315063;color:#b9ccd8} html[data-cwf-theme="system"] .cwf-favorite-compare{background:#123629;border-color:#2d7056;color:#d7f3e5} html[data-cwf-theme="system"] .cwf-favorite-compare strong{color:#effbf5} } @media(max-width:760px){ .cwf-tank-amount{align-items:stretch;flex-direction:column;padding:14px} .cwf-tank-amount-controls{justify-content:flex-start} .cwf-tank-amount-controls button{flex:1 1 82px} .cwf-tank-amount-controls label{flex:1 1 150px;justify-content:space-between} .cwf-compare-head{align-items:flex-start;flex-direction:column;gap:8px} .cwf-compare-grid{grid-template-columns:1fr} .cwf-compare-card{padding:14px} .cwf-compare-facts{grid-template-columns:1fr 1fr} .cwf-favorite-compare{align-items:stretch;flex-direction:column} .cwf-favorite-compare button{width:100%} } @media(max-width:430px){ .cwf-tank-amount-controls{display:grid;grid-template-columns:repeat(3,1fr)} .cwf-tank-amount-controls label{grid-column:1/-1} .cwf-tank-amount-controls button{padding:0 8px} .cwf-compare{padding:14px;border-radius:18px} .cwf-compare-facts{grid-template-columns:1fr} } /* ========================================================= TankenCH 1.0.0-rc12 — Professional Colour System High-contrast surfaces, semantic status colours, mobile-safe ========================================================= */ :root{ --bg:#eef3f7; --card:#ffffff; --text:#0e2233; --muted:#3e5667; --line:#b8c8d4; --navy:#071f35; --navy2:#0b3457; --blue:#0067c5; --blue2:#1678d2; --green:#087a54; --greenbg:#e4f4eb; --amber:#8a5900; --amberbg:#fff1cc; --red:#a73747; --redbg:#fde7ea; --cwf-soft-text:#3e5667; --cwf-soft-surface:#e9f0f5; --cwf-input-bg:#ffffff; --cwf-card:#ffffff; --cwf-border:#b8c8d4; --cwf-premium-border:#c0ced8; --shadow-sm:0 8px 24px rgba(7,31,53,.08); --shadow:0 18px 48px rgba(7,31,53,.11); --cwf-premium-shadow:0 16px 46px rgba(7,31,53,.10) } html,body.cwf-standalone{background:#eef3f7!important;color:#0e2233!important} .cw-fuel-app{color:#0e2233} /* Top chrome */ .cwf-appbar{background:rgba(238,243,247,.96);border-bottom-color:#b8c8d4;box-shadow:0 5px 18px rgba(7,31,53,.06)} .cwf-appbrand,.cwf-appbrand strong{color:#0e2233} .cwf-appbrand small{color:#3e5667} .cwf-appbar-center{background:#fff;border-color:#b8c8d4;color:#345065} .cwf-install-badge{background:#dcecff;color:#07579e;border:1px solid #a9c8e8} .cwf-icon-btn,.cwf-locate-btn{background:#fff!important;color:#075fae!important;border-color:#b8c8d4!important} .cwf-icon-btn:hover,.cwf-locate-btn:hover{background:#e8f2fb!important;border-color:#8fb5d2!important} /* Headings and all secondary copy */ .cw-fuel-app h1,.cw-fuel-app h2,.cw-fuel-app h3,.cw-fuel-app strong{color:inherit} .cwf-page-head p,.cwf-section-head p,.cwf-panel p,.cwf-search-card p,.cwf-favorite-card p, .cwf-status-strip,.cwf-station-sub,.cwf-detail-address,.cwf-detail-copy,.cwf-reco-station p, .cwf-community-rank small,.cwf-alert-item span,.cwf-alert-empty{color:#3e5667!important} .cwf-page-head small,.cwf-section-kicker,.cwf-mini-label,.cwf-option-group>span, .cwf-compare-head small,.cwf-tank-amount-copy small{color:#345065!important} .cwf-status-time{color:#466174!important} /* Main surfaces: visible separation instead of white-on-nearly-white */ .cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-compare, .cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card,.cwf-history-block, .cwf-privacy-center-actions button,.cwf-language-choice button,.cwf-plan-grid>div{ background:#fff!important;border-color:#b8c8d4!important;box-shadow:0 10px 30px rgba(7,31,53,.08) } .cwf-search-card{box-shadow:0 12px 32px rgba(7,31,53,.09)} .cwf-station-card:hover,.cwf-reco-card:not(.primary):hover,.cwf-compare-card:hover{border-color:#7da5c2!important;box-shadow:0 12px 30px rgba(7,75,125,.12)} /* Inputs and controls */ .cwf-location-input input,.cwf-route-field input,.cwf-assistant-grid input,.cwf-commute-form input,.cwf-receipt-form input, .cw-fuel-app select,.cw-fuel-app textarea,.cwf-tank-amount-controls input{ background:#fff!important;color:#0e2233!important;border-color:#aebfcb!important } .cwf-location-input input::placeholder,.cwf-route-field input::placeholder,.cw-fuel-app input::placeholder,.cw-fuel-app textarea::placeholder{color:#526b7c!important;opacity:1} .cwf-location-input input:focus,.cwf-route-field input:focus,.cw-fuel-app input:focus,.cw-fuel-app select:focus,.cw-fuel-app textarea:focus{ border-color:#0067c5!important;box-shadow:0 0 0 4px rgba(0,103,197,.14)!important } .cwf-fuel-control,.cwf-display-toggle{background:#dfe8ee!important;border:1px solid #c0ced8} .cwf-fuel-control button,.cwf-display-toggle button{color:#344f61!important} .cwf-fuel-control button.active,.cwf-display-toggle button.active{background:#fff!important;color:#071f35!important;box-shadow:0 3px 9px rgba(7,31,53,.12)} .cwf-filter-panel summary,.cwf-filter-panel .cwf-toolbar-selects{background:#fff!important;color:#203e53!important;border-color:#aebfcb!important} /* Primary actions: one consistent actionable blue */ .cwf-primary-btn,.cwf-primary-full,.cwf-commute-quick button,.cwf-community-rank>span, .cwf-alert-mode button.active,.cwf-lang-mini button.active,.cwf-language-choice button.active{ background:#075fae!important;border-color:#075fae!important;color:#fff!important;box-shadow:0 8px 20px rgba(7,95,174,.20) } .cwf-primary-btn:hover,.cwf-primary-full:hover,.cwf-commute-quick button:hover{background:#064f91!important} .cwf-refresh,.cwf-map-popup a,.cwf-plan-grid em{color:#075fae!important} /* Recommendation hero: richer petrol blue, no washed-out copy */ .cwf-reco-card.primary,.cwf-home-hero{background:linear-gradient(155deg,#061b2e 0%,#0a365a 68%,#075fae 145%)!important;border-color:#173f5e!important;color:#fff!important} .cwf-reco-card.primary h3,.cwf-reco-card.primary strong,.cwf-home-hero h2,.cwf-home-hero strong{color:#fff!important} .cwf-reco-card.primary .cwf-reco-station p,.cwf-reco-card.primary .cwf-reco-price span, .cwf-home-hero-main p,.cwf-home-hero-main small,.cwf-home-hero-station span,.cwf-home-hero-price>small{color:#d2e2ed!important} .cwf-reco-card.primary .cwf-distance,.cwf-reco-card.primary .cwf-reco-label,.cwf-reco-card.primary .cwf-price-stand, .cwf-reco-card.primary .cwf-freshness.unknown{background:rgba(255,255,255,.15)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)} .cwf-home-hero-actions button{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important} .cwf-home-hero-actions a{background:#fff!important;color:#071f35!important} /* Station list: labels were a major pale-on-pale problem */ .cwf-station-rank{background:#e1e9ef!important;color:#344f61!important;border:1px solid #c4d1da} .cwf-station-title h3{color:#0e2233!important} .cwf-station-title p{color:#3e5667!important} .cwf-station-title:after{color:#486375!important} .cwf-station-metrics{background:#eaf0f4!important;border:1px solid #d0dbe2} .cwf-metric{border-color:#cbd7df!important} .cwf-metric>span{color:#3f5a6c!important} .cwf-metric strong{color:#102b3e!important} .cwf-metric small{color:#486375!important} .cwf-metric.price{background:#e1effc!important} .cwf-metric.price strong{color:#075fae!important} .cwf-metric.save.good{background:#e4f4eb!important}.cwf-metric.save.good strong{color:#0b5a3b!important} .cwf-metric.save.bad{background:#fde7ea!important}.cwf-metric.save.bad strong{color:#842a36!important} .cwf-station-actions button{background:#fff!important;color:#17384f!important;border-color:#aebfcb!important} .cwf-station-actions button:hover{background:#e9f2f8!important;border-color:#89adc6!important} .cwf-station-actions a{background:#071f35!important;color:#fff!important;border-color:#071f35!important} .cwf-map-popup small,.cwf-price-marker small{color:#405c6e!important} /* Semantic chips — strong, consistent and readable */ .cwf-freshness,.cwf-verified,.cwf-price-stand,.cwf-open-badge,.cwf-consensus,.cwf-confidence,.cwf-data-score,.cwf-price-warning{border-width:1px!important;border-style:solid!important} .cwf-freshness.fresh,.cwf-verified,.cwf-open-badge.open,.cwf-consensus.confirmed,.cwf-confidence.high{background:#e4f4eb!important;color:#0b5a3b!important;border-color:#94cbb0!important} .cwf-freshness.warm,.cwf-confidence.low,.cwf-confidence.medium,.cwf-confidence.unknown{background:#fff1cc!important;color:#6a4300!important;border-color:#dfbd70!important} .cwf-freshness.old,.cwf-freshness.stale,.cwf-open-badge.closed,.cwf-consensus.conflict,.cwf-price-warning{background:#fde7ea!important;color:#842a36!important;border-color:#dda5ad!important} .cwf-freshness.unknown,.cwf-price-stand,.cwf-open-badge.unknown,.cwf-verdict.neutral{background:#e9f0f5!important;color:#294a5f!important;border-color:#b8c8d4!important} .cwf-verdict.good{background:#e4f4eb!important;color:#0b5a3b!important;border:1px solid #94cbb0} .cwf-verdict.bad{background:#fde7ea!important;color:#842a36!important;border:1px solid #dda5ad} /* Station check / decision cards */ .cwf-station-detail>.cwf-section-kicker{background:#dfeefa!important;color:#164a70!important;border-color:#9fc2dc!important} .cwf-station-detail>h2{color:#0e2233!important} .cwf-detail-hero{background:#e6eef4!important;border-color:#aebfcb!important} .cwf-detail-hero>div{background:#fff!important;border-color:#b8c8d4!important} .cwf-detail-hero span,.cwf-detail-hero small{color:#3e5667!important} .cwf-detail-hero strong{color:#082f59!important} .cwf-detail-economy{background:#dfeeff!important;color:#164f7d!important;border-color:#9fc2e5!important} .cwf-detail-economy strong{color:#082f59!important} .cwf-detail-reasons>div,.cwf-detail-reasons>.cwf-reason-card{background:#e9f0f5!important;border-color:#b8c8d4!important} .cwf-detail-reasons small,.cwf-detail-reasons span{color:#345065!important} .cwf-detail-reasons strong{color:#0e2233!important} .cwf-detail-reasons>.good{background:#e4f4eb!important;border-color:#94cbb0!important} .cwf-detail-reasons>.good small,.cwf-detail-reasons>.good strong,.cwf-detail-reasons>.good span{color:#0b5a3b!important} .cwf-detail-reasons>.watch{background:#fff1cc!important;border-color:#dfbd70!important} .cwf-detail-reasons>.watch small,.cwf-detail-reasons>.watch strong,.cwf-detail-reasons>.watch span{color:#6a4300!important} .cwf-detail-reasons>.danger{background:#fde7ea!important;border-color:#dda5ad!important} .cwf-detail-reasons>.danger small,.cwf-detail-reasons>.danger strong,.cwf-detail-reasons>.danger span{color:#842a36!important} .cwf-detail-reasons>.neutral{background:#e9f0f5!important;border-color:#b8c8d4!important} .cwf-detail-reasons>.neutral small,.cwf-detail-reasons>.neutral strong,.cwf-detail-reasons>.neutral span{color:#294a5f!important} .cwf-detail-info span,.cwf-detail-info a{background:#e3edf5!important;color:#173f5c!important;border-color:#aec5d6!important} .cwf-service-chips span{background:#e4f4eb!important;color:#0b5a3b!important;border-color:#a2d1ba!important} /* RC11 decision tools recoloured to the same system */ .cwf-tank-amount{background:#e6eef4!important;border-color:#aebfcb!important;color:#0e2233!important} .cwf-tank-amount-copy strong{color:#0e2233!important}.cwf-tank-amount-copy span{color:#3e5667!important} .cwf-tank-amount-controls button,.cwf-tank-amount-controls label{background:#fff!important;color:#17384f!important;border-color:#aebfcb!important} .cwf-tank-amount-controls button:hover,.cwf-tank-amount-controls button.active{background:#075fae!important;border-color:#075fae!important;color:#fff!important} .cwf-compare-head h2{color:#0e2233!important} .cwf-compare-head>span{background:#e2ebf1!important;color:#294a5f!important;border-color:#b8c8d4!important} .cwf-compare-card{background:#f5f8fa!important;border-color:#b8c8d4!important;color:#0e2233!important} .cwf-compare-card.primary{background:#e4f4eb!important;border-color:#94cbb0!important} .cwf-compare-kind{color:#345065!important}.cwf-compare-card>strong{color:#0e2233!important} .cwf-compare-price b{color:#075fae!important}.cwf-compare-price span{color:#3e5667!important} .cwf-compare-facts span{background:#fff!important;border-color:#c5d2db!important;color:#3e5667!important} .cwf-compare-facts b{color:#17384f!important}.cwf-compare-card em{color:#075fae!important} .cwf-favorite-compare{background:#e4f4eb!important;border-color:#94cbb0!important;color:#123a29!important} .cwf-favorite-compare small,.cwf-favorite-compare span{color:#315f49!important}.cwf-favorite-compare strong{color:#123a29!important} .cwf-favorite-compare button{background:#0b6846!important;border-color:#0b6846!important;color:#fff!important} /* Modals / history / utility surfaces */ .cwf-modal-card{background:#fff!important;color:#0e2233!important;border-color:#aebfcb!important;box-shadow:0 24px 70px rgba(7,31,53,.22)} .cwf-modal-card>p,.cwf-modal-card label:not(.cwf-photo){color:#3e5667!important} .cwf-modal-card .cwf-close{background:#e3ebf1!important;color:#17384f!important;border-color:#b8c8d4!important} .cwf-history-head small,.cwf-history-head>span,.cwf-history-stats span,.cwf-history-empty{color:#3e5667!important} .cwf-history-head>span,.cwf-history-stats>div{background:#e9f0f5!important;border-color:#c2cfd8!important} .cwf-map-unavailable{background:#e9f0f5!important;color:#294a5f!important;border:1px solid #b8c8d4} /* Bottom navigation: clearer inactive/active states */ .cwf-bottom-nav{background:rgba(5,25,43,.98)!important;border-color:#24455f!important;box-shadow:0 18px 45px rgba(2,13,23,.34)} .cwf-bottom-nav button{color:#c4d3df!important} .cwf-bottom-nav button small{color:inherit!important} .cwf-bottom-nav button.active{background:#fff!important;color:#071f35!important;box-shadow:0 4px 12px rgba(0,0,0,.18)} .cwf-bottom-nav .cwf-nav-report{background:#075fae!important;color:#fff!important;border-color:#eef3f7!important} /* Dark mode: deliberately distinct surfaces, not black-on-black */ html[data-cwf-theme="dark"]{ --bg:#06131d;--card:#0d2232;--text:#f4f8fb;--muted:#c1d0db;--line:#3a5668; --navy:#071f35;--navy2:#0d3a5c;--blue:#58a6ff;--blue2:#6db2ff; --green:#67d6a8;--greenbg:#123629;--amber:#ffd17a;--amberbg:#3a2b12;--red:#ff9aa5;--redbg:#3b1e22; --cwf-soft-surface:#102536;--cwf-input-bg:#0a1d2b;--cwf-card:#0d2232;--cwf-border:#3a5668;--cwf-premium-border:#3a5668 } html[data-cwf-theme="dark"],html[data-cwf-theme="dark"] body.cwf-standalone{background:#06131d!important;color:#f4f8fb!important} html[data-cwf-theme="dark"] .cwf-appbar{background:rgba(6,19,29,.96)!important;border-color:#304d61!important} html[data-cwf-theme="dark"] .cwf-appbrand,html[data-cwf-theme="dark"] .cwf-appbrand strong{color:#f4f8fb!important} html[data-cwf-theme="dark"] .cwf-appbrand small,html[data-cwf-theme="dark"] .cwf-appbar-center{color:#c1d0db!important} html[data-cwf-theme="dark"] .cwf-appbar-center,html[data-cwf-theme="dark"] .cwf-icon-btn,html[data-cwf-theme="dark"] .cwf-locate-btn{background:#0d2232!important;border-color:#3a5668!important;color:#dcecff!important} html[data-cwf-theme="dark"] .cwf-search-card,html[data-cwf-theme="dark"] .cwf-panel,html[data-cwf-theme="dark"] .cwf-reco-card:not(.primary),html[data-cwf-theme="dark"] .cwf-station-card,html[data-cwf-theme="dark"] .cwf-compare,html[data-cwf-theme="dark"] .cwf-assistant-card,html[data-cwf-theme="dark"] .cwf-commute-card,html[data-cwf-theme="dark"] .cwf-receipt-card,html[data-cwf-theme="dark"] .cwf-history-block{background:#0d2232!important;border-color:#3a5668!important;color:#f4f8fb!important} html[data-cwf-theme="dark"] .cwf-page-head p,html[data-cwf-theme="dark"] .cwf-section-head p,html[data-cwf-theme="dark"] .cwf-panel p,html[data-cwf-theme="dark"] .cwf-search-card p,html[data-cwf-theme="dark"] .cwf-station-title p,html[data-cwf-theme="dark"] .cwf-station-title:after,html[data-cwf-theme="dark"] .cwf-status-strip{color:#c1d0db!important} html[data-cwf-theme="dark"] .cwf-page-head small,html[data-cwf-theme="dark"] .cwf-section-kicker,html[data-cwf-theme="dark"] .cwf-mini-label,html[data-cwf-theme="dark"] .cwf-option-group>span{color:#bfd1df!important} html[data-cwf-theme="dark"] .cwf-location-input input,html[data-cwf-theme="dark"] .cwf-route-field input,html[data-cwf-theme="dark"] input,html[data-cwf-theme="dark"] select,html[data-cwf-theme="dark"] textarea{background:#0a1d2b!important;color:#f4f8fb!important;border-color:#496579!important} html[data-cwf-theme="dark"] input::placeholder,html[data-cwf-theme="dark"] textarea::placeholder{color:#aebfcb!important} html[data-cwf-theme="dark"] .cwf-fuel-control,html[data-cwf-theme="dark"] .cwf-display-toggle,html[data-cwf-theme="dark"] .cwf-station-metrics{background:#102536!important;border-color:#3a5668!important} html[data-cwf-theme="dark"] .cwf-fuel-control button,html[data-cwf-theme="dark"] .cwf-display-toggle button{color:#c1d0db!important} html[data-cwf-theme="dark"] .cwf-fuel-control button.active,html[data-cwf-theme="dark"] .cwf-display-toggle button.active{background:#e9f2f8!important;color:#071f35!important} html[data-cwf-theme="dark"] .cwf-station-rank{background:#173246!important;color:#e4eef5!important;border-color:#496579!important} html[data-cwf-theme="dark"] .cwf-station-title h3,html[data-cwf-theme="dark"] .cwf-metric strong{color:#f4f8fb!important} html[data-cwf-theme="dark"] .cwf-metric>span,html[data-cwf-theme="dark"] .cwf-metric small{color:#bed0dc!important} html[data-cwf-theme="dark"] .cwf-metric.price{background:#102f4b!important}html[data-cwf-theme="dark"] .cwf-metric.price strong{color:#7dbbff!important} html[data-cwf-theme="dark"] .cwf-station-actions button{background:#102536!important;color:#eef6fb!important;border-color:#496579!important} html[data-cwf-theme="dark"] .cwf-station-actions a{background:#1873c8!important;color:#fff!important;border-color:#1873c8!important} html[data-cwf-theme="dark"] .cwf-freshness.fresh,html[data-cwf-theme="dark"] .cwf-verified,html[data-cwf-theme="dark"] .cwf-open-badge.open,html[data-cwf-theme="dark"] .cwf-consensus.confirmed,html[data-cwf-theme="dark"] .cwf-confidence.high{background:#123629!important;color:#c8f1df!important;border-color:#2d7056!important} html[data-cwf-theme="dark"] .cwf-freshness.warm,html[data-cwf-theme="dark"] .cwf-confidence.low,html[data-cwf-theme="dark"] .cwf-confidence.medium,html[data-cwf-theme="dark"] .cwf-confidence.unknown{background:#3a2b12!important;color:#ffe3a8!important;border-color:#71552a!important} html[data-cwf-theme="dark"] .cwf-freshness.old,html[data-cwf-theme="dark"] .cwf-freshness.stale,html[data-cwf-theme="dark"] .cwf-open-badge.closed,html[data-cwf-theme="dark"] .cwf-consensus.conflict,html[data-cwf-theme="dark"] .cwf-price-warning{background:#3b1e22!important;color:#ffd4d7!important;border-color:#7e4148!important} html[data-cwf-theme="dark"] .cwf-freshness.unknown,html[data-cwf-theme="dark"] .cwf-price-stand,html[data-cwf-theme="dark"] .cwf-open-badge.unknown,html[data-cwf-theme="dark"] .cwf-verdict.neutral{background:#173246!important;color:#dceaf3!important;border-color:#496579!important} html[data-cwf-theme="dark"] .cwf-detail-hero,html[data-cwf-theme="dark"] .cwf-tank-amount{background:#102536!important;border-color:#496579!important;color:#f4f8fb!important} html[data-cwf-theme="dark"] .cwf-detail-hero>div,html[data-cwf-theme="dark"] .cwf-compare-facts span,html[data-cwf-theme="dark"] .cwf-tank-amount-controls button,html[data-cwf-theme="dark"] .cwf-tank-amount-controls label{background:#0a1d2b!important;border-color:#3a5668!important;color:#eef6fb!important} html[data-cwf-theme="dark"] .cwf-detail-hero span,html[data-cwf-theme="dark"] .cwf-detail-hero small,html[data-cwf-theme="dark"] .cwf-tank-amount-copy span{color:#c1d0db!important} html[data-cwf-theme="dark"] .cwf-detail-hero strong,html[data-cwf-theme="dark"] .cwf-tank-amount-copy strong,html[data-cwf-theme="dark"] .cwf-compare-head h2,html[data-cwf-theme="dark"] .cwf-compare-card>strong,html[data-cwf-theme="dark"] .cwf-compare-facts b{color:#f4f8fb!important} html[data-cwf-theme="dark"] .cwf-detail-economy{background:#102f4b!important;color:#d7eaff!important;border-color:#3d6e97!important} html[data-cwf-theme="dark"] .cwf-detail-reasons>.neutral,html[data-cwf-theme="dark"] .cwf-compare-card{background:#102536!important;border-color:#3a5668!important} html[data-cwf-theme="dark"] .cwf-compare-card.primary,html[data-cwf-theme="dark"] .cwf-favorite-compare,html[data-cwf-theme="dark"] .cwf-detail-reasons>.good{background:#123629!important;border-color:#2d7056!important} html[data-cwf-theme="dark"] .cwf-detail-reasons>.watch{background:#3a2b12!important;border-color:#71552a!important} html[data-cwf-theme="dark"] .cwf-detail-reasons>.danger{background:#3b1e22!important;border-color:#7e4148!important} html[data-cwf-theme="dark"] .cwf-detail-reasons>.neutral small,html[data-cwf-theme="dark"] .cwf-detail-reasons>.neutral strong,html[data-cwf-theme="dark"] .cwf-detail-reasons>.neutral span{color:#d7e6ef!important} html[data-cwf-theme="dark"] .cwf-modal-card{background:#0d2232!important;color:#f4f8fb!important;border-color:#496579!important} html[data-cwf-theme="dark"] .cwf-modal-card>p,html[data-cwf-theme="dark"] .cwf-modal-card label:not(.cwf-photo){color:#c1d0db!important} html[data-cwf-theme="dark"] .cwf-modal-card .cwf-close{background:#173246!important;color:#eef6fb!important;border-color:#496579!important} html[data-cwf-theme="dark"] .cwf-bottom-nav .cwf-nav-report{border-color:#06131d!important} /* System dark follows the exact same professional palette. */ @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"]{--bg:#06131d;--card:#0d2232;--text:#f4f8fb;--muted:#c1d0db;--line:#3a5668;--blue:#58a6ff;--green:#67d6a8;--greenbg:#123629;--amber:#ffd17a;--amberbg:#3a2b12;--red:#ff9aa5;--redbg:#3b1e22;--cwf-soft-surface:#102536;--cwf-input-bg:#0a1d2b;--cwf-card:#0d2232;--cwf-border:#3a5668} html[data-cwf-theme="system"],html[data-cwf-theme="system"] body.cwf-standalone{background:#06131d!important;color:#f4f8fb!important} html[data-cwf-theme="system"] .cwf-appbar{background:rgba(6,19,29,.96)!important;border-color:#304d61!important} html[data-cwf-theme="system"] .cwf-appbrand,html[data-cwf-theme="system"] .cwf-appbrand strong{color:#f4f8fb!important} html[data-cwf-theme="system"] .cwf-appbrand small,html[data-cwf-theme="system"] .cwf-appbar-center{color:#c1d0db!important} html[data-cwf-theme="system"] .cwf-appbar-center,html[data-cwf-theme="system"] .cwf-icon-btn,html[data-cwf-theme="system"] .cwf-locate-btn{background:#0d2232!important;border-color:#3a5668!important;color:#dcecff!important} html[data-cwf-theme="system"] .cwf-search-card,html[data-cwf-theme="system"] .cwf-panel,html[data-cwf-theme="system"] .cwf-reco-card:not(.primary),html[data-cwf-theme="system"] .cwf-station-card,html[data-cwf-theme="system"] .cwf-compare,html[data-cwf-theme="system"] .cwf-assistant-card,html[data-cwf-theme="system"] .cwf-commute-card,html[data-cwf-theme="system"] .cwf-receipt-card,html[data-cwf-theme="system"] .cwf-history-block{background:#0d2232!important;border-color:#3a5668!important;color:#f4f8fb!important} html[data-cwf-theme="system"] .cwf-page-head p,html[data-cwf-theme="system"] .cwf-section-head p,html[data-cwf-theme="system"] .cwf-panel p,html[data-cwf-theme="system"] .cwf-search-card p,html[data-cwf-theme="system"] .cwf-station-title p,html[data-cwf-theme="system"] .cwf-station-title:after,html[data-cwf-theme="system"] .cwf-status-strip{color:#c1d0db!important} html[data-cwf-theme="system"] .cwf-location-input input,html[data-cwf-theme="system"] .cwf-route-field input,html[data-cwf-theme="system"] input,html[data-cwf-theme="system"] select,html[data-cwf-theme="system"] textarea{background:#0a1d2b!important;color:#f4f8fb!important;border-color:#496579!important} html[data-cwf-theme="system"] input::placeholder,html[data-cwf-theme="system"] textarea::placeholder{color:#aebfcb!important} html[data-cwf-theme="system"] .cwf-fuel-control,html[data-cwf-theme="system"] .cwf-display-toggle,html[data-cwf-theme="system"] .cwf-station-metrics{background:#102536!important;border-color:#3a5668!important} html[data-cwf-theme="system"] .cwf-fuel-control button,html[data-cwf-theme="system"] .cwf-display-toggle button{color:#c1d0db!important} html[data-cwf-theme="system"] .cwf-fuel-control button.active,html[data-cwf-theme="system"] .cwf-display-toggle button.active{background:#e9f2f8!important;color:#071f35!important} html[data-cwf-theme="system"] .cwf-station-rank{background:#173246!important;color:#e4eef5!important;border-color:#496579!important} html[data-cwf-theme="system"] .cwf-station-title h3,html[data-cwf-theme="system"] .cwf-metric strong{color:#f4f8fb!important} html[data-cwf-theme="system"] .cwf-metric>span,html[data-cwf-theme="system"] .cwf-metric small{color:#bed0dc!important} html[data-cwf-theme="system"] .cwf-metric.price{background:#102f4b!important}html[data-cwf-theme="system"] .cwf-metric.price strong{color:#7dbbff!important} html[data-cwf-theme="system"] .cwf-detail-hero,html[data-cwf-theme="system"] .cwf-tank-amount{background:#102536!important;border-color:#496579!important;color:#f4f8fb!important} html[data-cwf-theme="system"] .cwf-detail-hero>div,html[data-cwf-theme="system"] .cwf-compare-facts span,html[data-cwf-theme="system"] .cwf-tank-amount-controls button,html[data-cwf-theme="system"] .cwf-tank-amount-controls label{background:#0a1d2b!important;border-color:#3a5668!important;color:#eef6fb!important} html[data-cwf-theme="system"] .cwf-detail-hero span,html[data-cwf-theme="system"] .cwf-detail-hero small,html[data-cwf-theme="system"] .cwf-tank-amount-copy span{color:#c1d0db!important} html[data-cwf-theme="system"] .cwf-detail-hero strong,html[data-cwf-theme="system"] .cwf-tank-amount-copy strong,html[data-cwf-theme="system"] .cwf-compare-head h2,html[data-cwf-theme="system"] .cwf-compare-card>strong,html[data-cwf-theme="system"] .cwf-compare-facts b{color:#f4f8fb!important} html[data-cwf-theme="system"] .cwf-detail-economy{background:#102f4b!important;color:#d7eaff!important;border-color:#3d6e97!important} html[data-cwf-theme="system"] .cwf-detail-reasons>.neutral,html[data-cwf-theme="system"] .cwf-compare-card{background:#102536!important;border-color:#3a5668!important} html[data-cwf-theme="system"] .cwf-compare-card.primary,html[data-cwf-theme="system"] .cwf-favorite-compare,html[data-cwf-theme="system"] .cwf-detail-reasons>.good{background:#123629!important;border-color:#2d7056!important} html[data-cwf-theme="system"] .cwf-detail-reasons>.watch{background:#3a2b12!important;border-color:#71552a!important} html[data-cwf-theme="system"] .cwf-detail-reasons>.danger{background:#3b1e22!important;border-color:#7e4148!important} html[data-cwf-theme="system"] .cwf-modal-card{background:#0d2232!important;color:#f4f8fb!important;border-color:#496579!important} html[data-cwf-theme="system"] .cwf-modal-card>p,html[data-cwf-theme="system"] .cwf-modal-card label:not(.cwf-photo){color:#c1d0db!important} html[data-cwf-theme="system"] .cwf-bottom-nav .cwf-nav-report{border-color:#06131d!important} } @media(max-width:650px){ .cwf-station-metrics{background:transparent!important;border:0!important} .cwf-metric{background:#e9f0f5!important;border:1px solid #c5d2db!important} .cwf-metric.price{background:#e1effc!important} html[data-cwf-theme="dark"] .cwf-metric{background:#102536!important;border-color:#3a5668!important} html[data-cwf-theme="dark"] .cwf-metric.price{background:#102f4b!important} } @media(max-width:650px) and (prefers-color-scheme:dark){ html[data-cwf-theme="system"] .cwf-metric{background:#102536!important;border-color:#3a5668!important} html[data-cwf-theme="system"] .cwf-metric.price{background:#102f4b!important} } /* ========================================================= TankenCH 1.0.0-rc13 — Definitive Visual Colour Reset One authoritative palette for all application surfaces. ========================================================= */ :root{ --cwf-bg:#e5edf3; --cwf-surface:#ffffff; --cwf-surface-2:#f0f4f7; --cwf-surface-3:#e5edf3; --cwf-text:#102330; --cwf-text-2:#3d5667; --cwf-text-3:#526a79; --cwf-border:#a9bbc7; --cwf-border-strong:#8299a8; --cwf-action:#07549a; --cwf-action-hover:#063f75; --cwf-info-bg:#dceaf6; --cwf-info-text:#174d78; --cwf-info-border:#9dbbd3; --cwf-good-bg:#dcefe5; --cwf-good-text:#145c3e; --cwf-good-border:#91bda6; --cwf-warn-bg:#f8e7b6; --cwf-warn-text:#684300; --cwf-warn-border:#d2ad5b; --cwf-bad-bg:#f5d9de; --cwf-bad-text:#7f2835; --cwf-bad-border:#d39aa3; --cwf-neutral-bg:#e0e8ee; --cwf-neutral-text:#304a5c; --cwf-neutral-border:#a7bac7; --bg:var(--cwf-bg); --card:var(--cwf-surface); --text:var(--cwf-text); --muted:var(--cwf-text-2); --line:var(--cwf-border); --blue:var(--cwf-action); --blue2:#176fb6; --green:#176f4d; --greenbg:var(--cwf-good-bg); --amber:#795000; --amberbg:var(--cwf-warn-bg); --red:#913342; --redbg:var(--cwf-bad-bg); --cwf-soft-text:var(--cwf-text-2); --cwf-soft-surface:var(--cwf-surface-2); --cwf-input-bg:#fff; --cwf-card:#fff; --cwf-premium-border:var(--cwf-border); } html,body.cwf-standalone,.cw-fuel-app{background:var(--cwf-bg)!important;color:var(--cwf-text)!important} .cw-fuel-app{accent-color:var(--cwf-action)} /* Text hierarchy: no low-contrast grey on light surfaces. */ .cw-fuel-app p,.cw-fuel-app small,.cw-fuel-app label,.cw-fuel-app .cwf-muted, .cw-fuel-app .cwf-page-head p,.cw-fuel-app .cwf-section-head p,.cw-fuel-app .cwf-station-sub, .cw-fuel-app .cwf-detail-address,.cw-fuel-app .cwf-detail-copy,.cw-fuel-app .cwf-status-strip, .cw-fuel-app .cwf-status-time,.cw-fuel-app .cwf-reco-station p,.cw-fuel-app .cwf-alert-item span, .cw-fuel-app .cwf-alert-empty,.cw-fuel-app .cwf-history-empty,.cw-fuel-app .cwf-market-note, .cw-fuel-app .cwf-commute-status,.cw-fuel-app .cwf-assistant-result span{color:var(--cwf-text-2)!important} .cw-fuel-app .cwf-page-head small,.cw-fuel-app .cwf-section-kicker,.cw-fuel-app .cwf-mini-label, .cw-fuel-app .cwf-option-group>span,.cw-fuel-app .cwf-compare-kind,.cw-fuel-app .cwf-compare-head small, .cw-fuel-app .cwf-tank-amount-copy small{color:#314d60!important} /* Main surfaces */ .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-compare, .cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card,.cwf-history-block,.cwf-market-card,.cwf-community-card, .cwf-alert-card,.cwf-profile-card,.cwf-savings-card,.cwf-trust-card,.cwf-install-card,.cwf-privacy-card, .cwf-onboarding-card,.cwf-about-card,.cwf-display-card,.cwf-route-card,.cwf-favorite-card,.cwf-access-card, .cwf-pulse-card,.cwf-quality-overview,.cwf-quality-summary){ background:var(--cwf-surface)!important; color:var(--cwf-text)!important; border-color:var(--cwf-border)!important; box-shadow:0 10px 28px rgba(8,31,48,.09)!important } /* Nested surfaces must visibly differ from their parent card. */ .cw-fuel-app :where(.cwf-station-metrics,.cwf-detail-hero,.cwf-detail-hero>div,.cwf-savings-summary>div, .cwf-history-stats>div,.cwf-market-stats>div,.cwf-assistant-result,.cwf-assistant-result>div,.cwf-profile-stats>div, .cwf-profile-decision-view,.cwf-route-summary,.cwf-community-rank,.cwf-privacy-center-status,.cwf-plan-grid>div, .cwf-compare-card,.cwf-compare-facts span,.cwf-tank-amount,.cwf-tank-amount-controls label,.cwf-tank-amount-controls button, .cwf-home-quick button,.cwf-detail-reasons>div,.cwf-map-unavailable,.cwf-empty-list,.cwf-empty-favorites,.cwf-history-empty){ background:var(--cwf-surface-2)!important; color:var(--cwf-text)!important; border-color:var(--cwf-border)!important } /* Inputs */ .cw-fuel-app :where(input,select,textarea){ background:#fff!important;color:var(--cwf-text)!important;border-color:var(--cwf-border-strong)!important } .cw-fuel-app :where(input,textarea)::placeholder{color:#526a79!important;opacity:1!important} .cw-fuel-app :where(input,select,textarea):focus{border-color:var(--cwf-action)!important;box-shadow:0 0 0 4px rgba(7,84,154,.16)!important} .cw-fuel-app :where(button,input,select,textarea):disabled{opacity:.72!important} /* Segmented controls */ .cw-fuel-app :where(.cwf-fuel-control,.cwf-display-toggle,.cwf-theme-choice,.cwf-lang-mini){ background:#dbe5ec!important;border:1px solid var(--cwf-border)!important } .cw-fuel-app :where(.cwf-fuel-control button,.cwf-display-toggle button,.cwf-theme-choice button,.cwf-lang-mini button){color:#304d60!important} .cw-fuel-app :where(.cwf-fuel-control button.active,.cwf-display-toggle button.active,.cwf-theme-choice button.active,.cwf-lang-mini button.active){ background:#fff!important;color:#0b2c43!important;box-shadow:0 3px 10px rgba(8,31,48,.14)!important } /* Primary actions */ .cw-fuel-app :where(.cwf-primary-btn,.cwf-primary-full,.cwf-alert-mode button.active,.cwf-commute-quick button, .cwf-community-rank>span,.cwf-inline-actions button:first-child,.cwf-tank-amount-controls button.active){ background:var(--cwf-action)!important;border-color:var(--cwf-action)!important;color:#fff!important; box-shadow:0 8px 20px rgba(7,84,154,.22)!important } .cw-fuel-app :where(.cwf-primary-btn,.cwf-primary-full,.cwf-alert-mode button.active,.cwf-commute-quick button):hover{ background:var(--cwf-action-hover)!important;border-color:var(--cwf-action-hover)!important } .cw-fuel-app :where(.cwf-secondary-full,.cwf-inline-actions button:not(:first-child),.cwf-privacy-center-actions button, .cwf-language-choice button,.cwf-reco-actions>* ,.cwf-station-actions button){ background:#fff!important;color:#173e59!important;border-color:var(--cwf-border)!important } /* Recommendation card stays deliberately dark and premium. */ .cw-fuel-app .cwf-reco-card.primary,.cw-fuel-app .cwf-home-hero{ background:linear-gradient(145deg,#08243a 0%,#0b385b 72%,#07549a 145%)!important; color:#fff!important;border-color:#164c72!important } .cw-fuel-app .cwf-reco-card.primary :where(h2,h3,strong,b),.cw-fuel-app .cwf-home-hero :where(h2,h3,strong,b){color:#fff!important} .cw-fuel-app .cwf-reco-card.primary :where(p,small,span),.cw-fuel-app .cwf-home-hero :where(p,small,span){color:#d6e4ee!important} .cw-fuel-app .cwf-reco-card.primary :where(.cwf-distance,.cwf-reco-label,.cwf-price-stand,.cwf-freshness.unknown,.cwf-verdict){ background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.26)!important } /* Station list: strong hierarchy and differentiated metrics. */ .cw-fuel-app .cwf-station-rank{background:#dfe8ee!important;color:#203e53!important;border:1px solid var(--cwf-border)!important} .cw-fuel-app .cwf-station-title h3{color:#0e2535!important} .cw-fuel-app .cwf-metric{background:#e8eef3!important;border:1px solid #b7c6d0!important;color:#203a4d!important} .cw-fuel-app .cwf-metric>span,.cw-fuel-app .cwf-metric small{color:#405a6b!important} .cw-fuel-app .cwf-metric strong{color:#102330!important} .cw-fuel-app .cwf-metric.price{background:#dcebf7!important;border-color:#9dbbd3!important} .cw-fuel-app .cwf-metric.price strong{color:#084f8d!important} /* Semantic state chips: stronger fill + border, dark readable copy. */ .cw-fuel-app :where(.cwf-freshness.fresh,.cwf-verified,.cwf-open-badge.open,.cwf-consensus.confirmed,.cwf-confidence.high, .cwf-verdict.good,.cwf-detail-reasons>.good){background:var(--cwf-good-bg)!important;color:var(--cwf-good-text)!important;border-color:var(--cwf-good-border)!important} .cw-fuel-app :where(.cwf-freshness.warm,.cwf-confidence.low,.cwf-confidence.medium,.cwf-confidence.unknown,.cwf-detail-reasons>.watch){ background:var(--cwf-warn-bg)!important;color:var(--cwf-warn-text)!important;border-color:var(--cwf-warn-border)!important } .cw-fuel-app :where(.cwf-freshness.old,.cwf-freshness.stale,.cwf-open-badge.closed,.cwf-consensus.conflict,.cwf-price-warning, .cwf-verdict.bad,.cwf-detail-reasons>.danger){background:var(--cwf-bad-bg)!important;color:var(--cwf-bad-text)!important;border-color:var(--cwf-bad-border)!important} .cw-fuel-app :where(.cwf-freshness.unknown,.cwf-price-stand,.cwf-open-badge.unknown,.cwf-verdict.neutral,.cwf-decision-score, .cwf-validity-chip,.cwf-confidence){background:var(--cwf-neutral-bg)!important;color:var(--cwf-neutral-text)!important;border-color:var(--cwf-neutral-border)!important} .cw-fuel-app :where(.cwf-freshness,.cwf-verified,.cwf-price-stand,.cwf-open-badge,.cwf-consensus,.cwf-confidence,.cwf-validity-chip){border-width:1px!important;border-style:solid!important} /* Decision and information blocks */ .cw-fuel-app .cwf-detail-economy,.cw-fuel-app .cwf-smart-advice,.cw-fuel-app .cwf-decision-strip{ background:var(--cwf-info-bg)!important;color:var(--cwf-info-text)!important;border-color:var(--cwf-info-border)!important } .cw-fuel-app .cwf-detail-economy :where(strong,b),.cw-fuel-app .cwf-smart-advice :where(strong,h2),.cw-fuel-app .cwf-decision-strip :where(strong,b){color:#123f63!important} .cw-fuel-app .cwf-detail-economy :where(span,p,small),.cw-fuel-app .cwf-smart-advice :where(span,p,small),.cw-fuel-app .cwf-decision-strip :where(span,p,small){color:#315a79!important} .cw-fuel-app .cwf-compare-card.primary,.cw-fuel-app .cwf-favorite-compare{background:var(--cwf-good-bg)!important;color:var(--cwf-good-text)!important;border-color:var(--cwf-good-border)!important} .cw-fuel-app .cwf-compare-card.primary :where(strong,b,span,small,em),.cw-fuel-app .cwf-favorite-compare :where(strong,b,span,small){color:var(--cwf-good-text)!important} /* Navigation + app chrome */ .cw-fuel-app .cwf-appbar{background:rgba(229,237,243,.97)!important;border-color:var(--cwf-border)!important} .cw-fuel-app .cwf-appbar-center{background:#fff!important;color:#304d60!important;border-color:var(--cwf-border)!important} .cw-fuel-app .cwf-icon-btn,.cw-fuel-app .cwf-locate-btn{background:#fff!important;color:var(--cwf-action)!important;border-color:var(--cwf-border)!important} .cw-fuel-app .cwf-bottom-nav{background:rgba(255,255,255,.98)!important;border-color:#9fb2bf!important;box-shadow:0 -8px 28px rgba(8,31,48,.12)!important} .cw-fuel-app .cwf-bottom-nav button,.cw-fuel-app .cwf-bottom-nav a{color:#3b5668!important} .cw-fuel-app .cwf-bottom-nav .active{color:#064f90!important;background:#dceaf6!important} .cw-fuel-app .cwf-bottom-nav .cwf-nav-report{background:#07549a!important;color:#fff!important;border-color:#fff!important} /* Modals, overlays, empty/offline states */ .cw-fuel-app .cwf-modal{background:rgba(5,20,31,.62)!important} .cw-fuel-app .cwf-modal-card{background:#fff!important;color:var(--cwf-text)!important;border:1px solid var(--cwf-border)!important;box-shadow:0 24px 70px rgba(5,20,31,.28)!important} .cw-fuel-app .cwf-modal-card .cwf-close{background:#e5edf3!important;color:#173e59!important;border:1px solid var(--cwf-border)!important} .cw-fuel-app :where(.cwf-network-banner,.cwf-degraded,.cwf-offline){background:var(--cwf-warn-bg)!important;color:var(--cwf-warn-text)!important;border-color:var(--cwf-warn-border)!important} .cw-fuel-app :where(.cwf-welcome-empty,.cwf-empty-marker,.cwf-empty-price,.cwf-empty-symbol){color:#385568!important} .cw-fuel-app .cwf-danger-ghost{background:var(--cwf-bad-bg)!important;color:var(--cwf-bad-text)!important;border-color:var(--cwf-bad-border)!important} /* Keyboard focus must be unmistakable. */ .cw-fuel-app :where(button,a,input,select,textarea):focus-visible{outline:3px solid #07549a!important;outline-offset:3px!important} /* Dark mode: same hierarchy, never light-on-light or dark-on-dark. */ html[data-cwf-theme="dark"]{ --cwf-bg:#07141e;--cwf-surface:#0e2332;--cwf-surface-2:#173142;--cwf-surface-3:#1c3a4c; --cwf-text:#f4f8fb;--cwf-text-2:#c4d2dc;--cwf-text-3:#afc1cd;--cwf-border:#466173;--cwf-border-strong:#627b8d; --cwf-action:#1264a3;--cwf-action-hover:#0f5488; --cwf-info-bg:#15344c;--cwf-info-text:#d9ecff;--cwf-info-border:#3d6e97; --cwf-good-bg:#173a2c;--cwf-good-text:#d2f3e3;--cwf-good-border:#3f775f; --cwf-warn-bg:#402f15;--cwf-warn-text:#ffe4aa;--cwf-warn-border:#806334; --cwf-bad-bg:#422127;--cwf-bad-text:#ffd9de;--cwf-bad-border:#864c55; --cwf-neutral-bg:#1b394c;--cwf-neutral-text:#e0edf5;--cwf-neutral-border:#587184; --bg:var(--cwf-bg);--card:var(--cwf-surface);--text:var(--cwf-text);--muted:var(--cwf-text-2);--line:var(--cwf-border); --cwf-soft-surface:var(--cwf-surface-2);--cwf-input-bg:#0b1d2a } html[data-cwf-theme="dark"],html[data-cwf-theme="dark"] body.cwf-standalone,html[data-cwf-theme="dark"] .cw-fuel-app{background:var(--cwf-bg)!important;color:var(--cwf-text)!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-compare,.cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card,.cwf-history-block,.cwf-market-card,.cwf-community-card,.cwf-alert-card,.cwf-profile-card,.cwf-savings-card,.cwf-trust-card,.cwf-install-card,.cwf-privacy-card,.cwf-onboarding-card,.cwf-about-card,.cwf-display-card,.cwf-route-card,.cwf-favorite-card,.cwf-access-card,.cwf-pulse-card,.cwf-quality-overview,.cwf-quality-summary){background:var(--cwf-surface)!important;color:var(--cwf-text)!important;border-color:var(--cwf-border)!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-station-metrics,.cwf-detail-hero,.cwf-detail-hero>div,.cwf-savings-summary>div,.cwf-history-stats>div,.cwf-market-stats>div,.cwf-assistant-result,.cwf-assistant-result>div,.cwf-profile-stats>div,.cwf-profile-decision-view,.cwf-route-summary,.cwf-community-rank,.cwf-privacy-center-status,.cwf-plan-grid>div,.cwf-compare-card,.cwf-compare-facts span,.cwf-tank-amount,.cwf-tank-amount-controls label,.cwf-tank-amount-controls button,.cwf-home-quick button,.cwf-detail-reasons>div,.cwf-map-unavailable){background:var(--cwf-surface-2)!important;color:var(--cwf-text)!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(p,small,label,.cwf-page-head p,.cwf-section-head p,.cwf-station-sub,.cwf-detail-address,.cwf-detail-copy,.cwf-status-strip,.cwf-status-time,.cwf-reco-station p,.cwf-alert-item span,.cwf-alert-empty,.cwf-history-empty,.cwf-market-note,.cwf-commute-status){color:var(--cwf-text-2)!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(input,select,textarea){background:#0b1d2a!important;color:var(--cwf-text)!important;border-color:var(--cwf-border-strong)!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(input,textarea)::placeholder{color:#afc1cd!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-fuel-control,.cwf-display-toggle,.cwf-theme-choice,.cwf-lang-mini){background:#0a1b27!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-fuel-control button,.cwf-display-toggle button,.cwf-theme-choice button,.cwf-lang-mini button){color:#c4d2dc!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-fuel-control button.active,.cwf-display-toggle button.active,.cwf-theme-choice button.active,.cwf-lang-mini button.active){background:#dce7ee!important;color:#0b2638!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-station-rank{background:#1b394c!important;color:#e0edf5!important;border-color:#587184!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-station-title h3,html[data-cwf-theme="dark"] .cw-fuel-app .cwf-metric strong{color:#f4f8fb!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-metric{background:#173142!important;border-color:#466173!important;color:#e0edf5!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-metric>span,html[data-cwf-theme="dark"] .cw-fuel-app .cwf-metric small{color:#c4d2dc!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-metric.price{background:#15344c!important;border-color:#3d6e97!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-metric.price strong{color:#a8d5ff!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-appbar{background:rgba(7,20,30,.97)!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-appbar-center,html[data-cwf-theme="dark"] .cw-fuel-app .cwf-icon-btn,html[data-cwf-theme="dark"] .cw-fuel-app .cwf-locate-btn{background:var(--cwf-surface)!important;color:#dcecff!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-bottom-nav{background:rgba(14,35,50,.98)!important;border-color:#466173!important;box-shadow:0 -8px 28px rgba(0,0,0,.32)!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-bottom-nav button,html[data-cwf-theme="dark"] .cw-fuel-app .cwf-bottom-nav a{color:#c4d2dc!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-bottom-nav .active{background:#15344c!important;color:#d9ecff!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-modal-card{background:var(--cwf-surface)!important;color:var(--cwf-text)!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-modal-card .cwf-close{background:var(--cwf-surface-2)!important;color:#eef6fb!important;border-color:var(--cwf-border)!important} /* System theme gets the same dark palette when the OS is dark. */ @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"]{ --cwf-bg:#07141e;--cwf-surface:#0e2332;--cwf-surface-2:#173142;--cwf-surface-3:#1c3a4c; --cwf-text:#f4f8fb;--cwf-text-2:#c4d2dc;--cwf-text-3:#afc1cd;--cwf-border:#466173;--cwf-border-strong:#627b8d; --cwf-action:#1264a3;--cwf-action-hover:#0f5488; --cwf-info-bg:#15344c;--cwf-info-text:#d9ecff;--cwf-info-border:#3d6e97; --cwf-good-bg:#173a2c;--cwf-good-text:#d2f3e3;--cwf-good-border:#3f775f; --cwf-warn-bg:#402f15;--cwf-warn-text:#ffe4aa;--cwf-warn-border:#806334; --cwf-bad-bg:#422127;--cwf-bad-text:#ffd9de;--cwf-bad-border:#864c55; --cwf-neutral-bg:#1b394c;--cwf-neutral-text:#e0edf5;--cwf-neutral-border:#587184; --bg:var(--cwf-bg);--card:var(--cwf-surface);--text:var(--cwf-text);--muted:var(--cwf-text-2);--line:var(--cwf-border); --cwf-soft-surface:var(--cwf-surface-2);--cwf-input-bg:#0b1d2a } html[data-cwf-theme="system"],html[data-cwf-theme="system"] body.cwf-standalone,html[data-cwf-theme="system"] .cw-fuel-app{background:var(--cwf-bg)!important;color:var(--cwf-text)!important} html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-compare,.cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card,.cwf-history-block,.cwf-market-card,.cwf-community-card,.cwf-alert-card,.cwf-profile-card,.cwf-savings-card,.cwf-trust-card,.cwf-install-card,.cwf-privacy-card,.cwf-onboarding-card,.cwf-about-card,.cwf-display-card,.cwf-route-card,.cwf-favorite-card,.cwf-access-card,.cwf-pulse-card,.cwf-quality-overview,.cwf-quality-summary){background:var(--cwf-surface)!important;color:var(--cwf-text)!important;border-color:var(--cwf-border)!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important} html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-station-metrics,.cwf-detail-hero,.cwf-detail-hero>div,.cwf-savings-summary>div,.cwf-history-stats>div,.cwf-market-stats>div,.cwf-assistant-result,.cwf-assistant-result>div,.cwf-profile-stats>div,.cwf-profile-decision-view,.cwf-route-summary,.cwf-community-rank,.cwf-privacy-center-status,.cwf-plan-grid>div,.cwf-compare-card,.cwf-compare-facts span,.cwf-tank-amount,.cwf-tank-amount-controls label,.cwf-tank-amount-controls button,.cwf-home-quick button,.cwf-detail-reasons>div,.cwf-map-unavailable){background:var(--cwf-surface-2)!important;color:var(--cwf-text)!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="system"] .cw-fuel-app :where(p,small,label,.cwf-page-head p,.cwf-section-head p,.cwf-station-sub,.cwf-detail-address,.cwf-detail-copy,.cwf-status-strip,.cwf-status-time,.cwf-reco-station p,.cwf-alert-item span,.cwf-alert-empty,.cwf-history-empty,.cwf-market-note,.cwf-commute-status){color:var(--cwf-text-2)!important} html[data-cwf-theme="system"] .cw-fuel-app :where(input,select,textarea){background:#0b1d2a!important;color:var(--cwf-text)!important;border-color:var(--cwf-border-strong)!important} html[data-cwf-theme="system"] .cw-fuel-app :where(input,textarea)::placeholder{color:#afc1cd!important} html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-fuel-control,.cwf-display-toggle,.cwf-theme-choice,.cwf-lang-mini){background:#0a1b27!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-fuel-control button,.cwf-display-toggle button,.cwf-theme-choice button,.cwf-lang-mini button){color:#c4d2dc!important} html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-fuel-control button.active,.cwf-display-toggle button.active,.cwf-theme-choice button.active,.cwf-lang-mini button.active){background:#dce7ee!important;color:#0b2638!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-station-rank{background:#1b394c!important;color:#e0edf5!important;border-color:#587184!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-metric{background:#173142!important;border-color:#466173!important;color:#e0edf5!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-metric>span,html[data-cwf-theme="system"] .cw-fuel-app .cwf-metric small{color:#c4d2dc!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-metric strong{color:#f4f8fb!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-metric.price{background:#15344c!important;border-color:#3d6e97!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-metric.price strong{color:#a8d5ff!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-appbar{background:rgba(7,20,30,.97)!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-appbar-center,html[data-cwf-theme="system"] .cw-fuel-app .cwf-icon-btn,html[data-cwf-theme="system"] .cw-fuel-app .cwf-locate-btn{background:var(--cwf-surface)!important;color:#dcecff!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-bottom-nav{background:rgba(14,35,50,.98)!important;border-color:#466173!important;box-shadow:0 -8px 28px rgba(0,0,0,.32)!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-bottom-nav button,html[data-cwf-theme="system"] .cw-fuel-app .cwf-bottom-nav a{color:#c4d2dc!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-bottom-nav .active{background:#15344c!important;color:#d9ecff!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-modal-card{background:var(--cwf-surface)!important;color:var(--cwf-text)!important;border-color:var(--cwf-border)!important} } @media(max-width:650px){ .cw-fuel-app .cwf-station-metrics{background:transparent!important;border:0!important} .cw-fuel-app .cwf-metric{background:#e8eef3!important;border:1px solid #b7c6d0!important} .cw-fuel-app .cwf-metric.price{background:#dcebf7!important;border-color:#9dbbd3!important} .cw-fuel-app :where(.cwf-freshness,.cwf-verified,.cwf-price-stand,.cwf-open-badge,.cwf-consensus,.cwf-confidence,.cwf-validity-chip){font-size:11px!important;min-height:32px!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-metric{background:#173142!important;border-color:#466173!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-metric.price{background:#15344c!important;border-color:#3d6e97!important} } @media(max-width:650px) and (prefers-color-scheme:dark){ html[data-cwf-theme="system"] .cw-fuel-app .cwf-metric{background:#173142!important;border-color:#466173!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-metric.price{background:#15344c!important;border-color:#3d6e97!important} } /* ========================================================= TankenCH 1.0.0-rc14 — Graphic Premium Pass Elevates the visual language without changing core logic. ========================================================= */ :root{ --cwf-hero-grad:linear-gradient(135deg,#ffffff 0%,#f4f8fb 42%,#e8f1f8 100%); --cwf-premium-shadow:0 18px 44px rgba(8,31,48,.10),0 2px 8px rgba(8,31,48,.05); --cwf-premium-shadow-strong:0 22px 54px rgba(8,31,48,.16),0 5px 14px rgba(8,31,48,.06); --cwf-card-edge:inset 0 1px 0 rgba(255,255,255,.88); --cwf-accent-soft:#edf5fb; --cwf-accent-line:#c6d8e5; } .cw-fuel-app{position:relative;isolation:isolate} .cw-fuel-app::before,.cw-fuel-app::after{content:"";position:fixed;pointer-events:none;z-index:0;border-radius:999px;filter:blur(8px);opacity:.68} .cw-fuel-app::before{top:-90px;right:-90px;width:360px;height:360px;background:radial-gradient(circle at 35% 35%,rgba(11,111,255,.16),rgba(11,111,255,0) 68%)} .cw-fuel-app::after{left:-120px;top:240px;width:300px;height:300px;background:radial-gradient(circle at 50% 50%,rgba(10,165,111,.10),rgba(10,165,111,0) 72%)} .cwf-main,.cwf-appbar,.cwf-bottom-nav,.cwf-modal{position:relative;z-index:1} .cwf-appbar{ background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,252,.92))!important; border-bottom:1px solid #d6e1e8!important; box-shadow:0 8px 28px rgba(8,31,48,.06)!important } .cwf-appbrand img{box-shadow:0 10px 24px rgba(11,111,255,.18),0 2px 8px rgba(8,31,48,.08)!important} .cwf-appbar-center{background:rgba(255,255,255,.96)!important;border-color:#d1dde5!important;box-shadow:0 6px 18px rgba(8,31,48,.05)!important;color:#415d70!important} .cwf-icon-btn{box-shadow:0 8px 20px rgba(8,31,48,.07)!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease} .cwf-icon-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(8,31,48,.10)!important;background:#fbfdff!important} .cwf-install-badge{background:linear-gradient(180deg,#eff6ff,#deeeff)!important;border:1px solid #bfd5ee;color:#0d5fa8!important} .cwf-page-head h1{letter-spacing:-.05em;text-wrap:balance} .cwf-page-head .cwf-head-badge{background:linear-gradient(160deg,#081f36 0%,#0d2f51 68%,#176fb6 150%)!important;box-shadow:var(--cwf-premium-shadow-strong)!important} .cwf-search-card{ background:var(--cwf-hero-grad)!important; border-color:#d2dfe8!important; box-shadow:var(--cwf-premium-shadow)!important; position:relative;overflow:hidden } .cwf-search-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#0b6fff,#21a6ff,#5fd3a1);opacity:.9} .cwf-search-card h2{font-size:20px} .cwf-location-input input,.cwf-route-field input{ background:rgba(255,255,255,.92)!important; border-color:#c8d6e0!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9) } .cwf-location-input span{color:#5d7890!important} .cwf-locate-btn{box-shadow:0 8px 20px rgba(8,31,48,.06)!important} .cwf-primary-btn,.cwf-primary-full{ background:linear-gradient(135deg,#0b6fff 0%,#075ccf 58%,#064a9f 100%)!important; box-shadow:0 14px 28px rgba(11,111,255,.23)!important; transition:transform .16s ease,box-shadow .16s ease,filter .16s ease } .cwf-primary-btn:hover,.cwf-primary-full:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(11,111,255,.28)!important;filter:saturate(1.02)} .cwf-search-options{border-top-color:#dfe7ec!important} .cwf-fuel-control,.cwf-display-toggle{background:#e7eef4!important;border:1px solid #d0dce4!important;box-shadow:var(--cwf-card-edge)} .cwf-fuel-control button.active,.cwf-display-toggle button.active{box-shadow:0 7px 18px rgba(8,31,48,.08)!important} .cwf-section-head{align-items:center;margin-top:18px} .cwf-section-head h2{position:relative;padding-left:14px} .cwf-section-head h2::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:999px;background:linear-gradient(180deg,#0b6fff,#4cc3ff)} .cwf-reco-card,.cwf-station-card,.cwf-panel,.cwf-modal-card,.cwf-plan-grid>div,.cwf-home-quick button,.cwf-compare-card{ transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease } .cwf-reco-card:not(.primary):hover,.cwf-station-card:hover,.cwf-home-quick button:hover,.cwf-compare-card:hover{transform:translateY(-2px);box-shadow:var(--cwf-premium-shadow)!important} .cwf-reco-card:not(.primary){ background:linear-gradient(180deg,#ffffff 0%,#f7fafc 100%)!important; border-color:#d5e1e8!important; box-shadow:var(--cwf-premium-shadow)!important } .cwf-reco-card.primary{ background:linear-gradient(160deg,#071c30 0%,#0d3152 56%,#0c66d6 120%)!important; border:1px solid #1a4468!important; box-shadow:0 24px 48px rgba(7,27,47,.18)!important; position:relative;overflow:hidden } .cwf-reco-card.primary::after{content:"";position:absolute;right:-28px;top:-28px;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 70%)} .cwf-reco-label{box-shadow:0 1px 0 rgba(255,255,255,.45) inset} .cwf-price-meta{gap:7px} .cwf-freshness,.cwf-verified,.cwf-price-stand,.cwf-distance{box-shadow:var(--cwf-card-edge)} .cwf-verdict,.cwf-cost-line{border-radius:14px!important} .cwf-result-toolbar{margin-top:20px} .cwf-station-card{ border-color:#d2dee7!important; box-shadow:0 10px 28px rgba(8,31,48,.06)!important; position:relative;overflow:hidden } .cwf-station-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0b6fff,#5ec89d)} .cwf-station-rank{background:#eaf3fa!important;color:#1f567f!important;border:1px solid #c9dceb} .cwf-station-title h3{font-size:15px;letter-spacing:-.02em} .cwf-station-metrics{background:linear-gradient(180deg,#f7fbfe,#edf4f8)!important;border:1px solid #d6e2e9!important;box-shadow:var(--cwf-card-edge)} .cwf-metric{padding:11px 12px!important} .cwf-metric>span{letter-spacing:.11em!important} .cwf-metric strong{letter-spacing:-.03em} .cwf-station-actions button,.cwf-station-actions a{ border-color:#cfdbe4!important; box-shadow:0 5px 16px rgba(8,31,48,.05); transition:transform .16s ease,box-shadow .16s ease,background .16s ease } .cwf-station-actions button:hover,.cwf-station-actions a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(8,31,48,.09)} .cwf-station-actions a{background:linear-gradient(135deg,#0c2c49,#0d5ea8)!important} .cwf-map-panel-inner{background:linear-gradient(180deg,#eff5f9,#dce8f0)!important;box-shadow:var(--cwf-premium-shadow)!important} .cwf-map-unavailable{background:linear-gradient(180deg,#f4f8fb,#eaf1f6)!important;border-style:dashed!important} .cwf-home-quick button,.cwf-plan-grid>div,.cwf-compare-card,.cwf-privacy-center-status,.cwf-profile-stats>div,.cwf-history-stats>div,.cwf-savings-summary>div,.cwf-market-stats>div{ box-shadow:0 8px 20px rgba(8,31,48,.05)!important } .cwf-detail-hero,.cwf-smart-advice,.cwf-detail-economy,.cwf-decision-strip{ border-radius:22px!important;box-shadow:var(--cwf-premium-shadow)!important } .cwf-detail-info span,.cwf-detail-info a,.cwf-service-chips span{box-shadow:var(--cwf-card-edge)} .cwf-bottom-nav{ background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,249,252,.97))!important; border:1px solid #cad8e2!important; box-shadow:0 18px 42px rgba(8,31,48,.16)!important } .cwf-bottom-nav button,.cwf-bottom-nav a{transition:transform .16s ease,background .16s ease,color .16s ease} .cwf-bottom-nav button:hover,.cwf-bottom-nav a:hover{transform:translateY(-1px)} .cwf-bottom-nav .active{box-shadow:0 8px 18px rgba(8,31,48,.08)!important} .cwf-bottom-nav .cwf-nav-report{ background:linear-gradient(135deg,#0b6fff,#075ccf)!important; box-shadow:0 14px 28px rgba(11,111,255,.24)!important } .cwf-modal{background:rgba(6,19,31,.58)!important} .cwf-modal-card{ background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)!important; border-color:#d2dee7!important; box-shadow:0 28px 72px rgba(5,20,31,.32)!important } .cwf-modal-card .cwf-close{box-shadow:0 6px 18px rgba(8,31,48,.07)} .cwf-photo{background:linear-gradient(180deg,#f8fbfd,#eef4f8)!important} .cwf-candidates button{box-shadow:0 4px 12px rgba(8,31,48,.04)} .cwf-toast{background:linear-gradient(135deg,#081f36,#0d3152)!important} html[data-cwf-theme="dark"] .cw-fuel-app::before{opacity:.44} html[data-cwf-theme="dark"] .cw-fuel-app::after{opacity:.34} html[data-cwf-theme="dark"] .cwf-appbar{background:linear-gradient(180deg,rgba(10,24,37,.95),rgba(9,22,34,.92))!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important} html[data-cwf-theme="dark"] .cwf-search-card{background:linear-gradient(180deg,#0f2231 0%,#122a3a 100%)!important;border-color:#294252!important;box-shadow:0 18px 42px rgba(0,0,0,.24)!important} html[data-cwf-theme="dark"] .cwf-reco-card:not(.primary),html[data-cwf-theme="dark"] .cwf-station-card,html[data-cwf-theme="dark"] .cwf-modal-card{box-shadow:0 16px 34px rgba(0,0,0,.26)!important} html[data-cwf-theme="dark"] .cwf-station-metrics{background:linear-gradient(180deg,#122533,#0f202d)!important;border-color:#314b5b!important} html[data-cwf-theme="dark"] .cwf-bottom-nav{background:linear-gradient(180deg,rgba(13,30,43,.98),rgba(11,25,36,.98))!important;box-shadow:0 18px 42px rgba(0,0,0,.32)!important} html[data-cwf-theme="dark"] .cwf-home-quick button,html[data-cwf-theme="dark"] .cwf-plan-grid>div,html[data-cwf-theme="dark"] .cwf-compare-card{box-shadow:0 10px 24px rgba(0,0,0,.18)!important} @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"] .cw-fuel-app::before{opacity:.44} html[data-cwf-theme="system"] .cw-fuel-app::after{opacity:.34} html[data-cwf-theme="system"] .cwf-appbar{background:linear-gradient(180deg,rgba(10,24,37,.95),rgba(9,22,34,.92))!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important} html[data-cwf-theme="system"] .cwf-search-card{background:linear-gradient(180deg,#0f2231 0%,#122a3a 100%)!important;border-color:#294252!important;box-shadow:0 18px 42px rgba(0,0,0,.24)!important} html[data-cwf-theme="system"] .cwf-reco-card:not(.primary),html[data-cwf-theme="system"] .cwf-station-card,html[data-cwf-theme="system"] .cwf-modal-card{box-shadow:0 16px 34px rgba(0,0,0,.26)!important} html[data-cwf-theme="system"] .cwf-station-metrics{background:linear-gradient(180deg,#122533,#0f202d)!important;border-color:#314b5b!important} html[data-cwf-theme="system"] .cwf-bottom-nav{background:linear-gradient(180deg,rgba(13,30,43,.98),rgba(11,25,36,.98))!important;box-shadow:0 18px 42px rgba(0,0,0,.32)!important} html[data-cwf-theme="system"] .cwf-home-quick button,html[data-cwf-theme="system"] .cwf-plan-grid>div,html[data-cwf-theme="system"] .cwf-compare-card{box-shadow:0 10px 24px rgba(0,0,0,.18)!important} } @media(max-width:650px){ .cw-fuel-app::before{top:-120px;right:-140px;width:240px;height:240px;opacity:.5} .cw-fuel-app::after{left:-130px;top:300px;width:190px;height:190px;opacity:.45} .cwf-search-card{padding:16px!important} .cwf-page-head h1{font-size:31px!important} .cwf-reco-card:hover,.cwf-station-card:hover,.cwf-home-quick button:hover,.cwf-compare-card:hover{transform:none} .cwf-station-card::before{width:3px} .cwf-bottom-nav{box-shadow:0 14px 30px rgba(8,31,48,.18)!important} } /* ========================================================= TankenCH 1.0.0-rc15 — Premium Decision Experience ========================================================= */ .cwf-home-pulse{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:stretch;margin:0 0 14px;padding:12px 14px;background:linear-gradient(135deg,#f8fbfd 0%,#edf5fa 100%);border:1px solid #c8d8e3;border-radius:20px;box-shadow:0 10px 28px rgba(8,31,48,.07);overflow:hidden;position:relative} .cwf-home-pulse[hidden]{display:none!important}.cwf-home-pulse::after{content:"";position:absolute;right:-45px;top:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(11,111,255,.11),rgba(11,111,255,0) 70%);pointer-events:none} .cwf-pulse-heading{display:flex;align-items:center;gap:10px;padding-right:14px;border-right:1px solid #d6e2ea;min-width:155px}.cwf-pulse-heading>div{display:flex;flex-direction:column;gap:2px}.cwf-pulse-heading small{font-size:8px;letter-spacing:.14em;font-weight:950;color:#31566f!important}.cwf-pulse-heading strong{font-size:13px;color:#102d42!important}.cwf-pulse-orb{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#dceeff,#bfe2ff);border:1px solid #9fc8e8;display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(11,111,255,.12)}.cwf-pulse-orb i{width:10px;height:10px;border-radius:50%;background:#0b6fff;box-shadow:0 0 0 5px rgba(11,111,255,.13)} .cwf-home-pulse.high .cwf-pulse-orb{background:linear-gradient(135deg,#dcf3e8,#c2ead7);border-color:#9acbb3}.cwf-home-pulse.high .cwf-pulse-orb i{background:#15805a;box-shadow:0 0 0 5px rgba(21,128,90,.13)} .cwf-home-pulse.watch .cwf-pulse-orb{background:linear-gradient(135deg,#fff1cb,#f7df9b);border-color:#d8b75f}.cwf-home-pulse.watch .cwf-pulse-orb i{background:#9b6900;box-shadow:0 0 0 5px rgba(155,105,0,.12)} .cwf-pulse-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.cwf-pulse-metrics>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:7px 11px;border-radius:14px;background:rgba(255,255,255,.68);border:1px solid rgba(183,204,218,.72)}.cwf-pulse-metrics span{font-size:8px;letter-spacing:.08em;font-weight:900;color:#466376!important;text-transform:uppercase}.cwf-pulse-metrics strong{font-size:17px;line-height:1.1;margin:3px 0;color:#102d42!important;letter-spacing:-.025em}.cwf-pulse-metrics strong small{font-size:9px;font-weight:850;color:#47677e!important}.cwf-pulse-metrics em{font-size:8px;color:#536f82!important;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cwf-home-hero-price{min-width:250px!important}.cwf-home-price-row{display:flex;align-items:center;gap:16px}.cwf-home-price-row>div:first-child{display:flex;flex-direction:column;align-items:flex-end}.cwf-home-price-row>div:first-child>strong{font-size:46px;line-height:.95;letter-spacing:-.055em;color:#fff!important}.cwf-home-price-row>div:first-child>span{font-size:10px;font-weight:850;margin-top:7px;color:#e1edf5!important} .cwf-home-trust{width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 28px rgba(0,0,0,.10);flex:none}.cwf-home-trust small{font-size:6px!important;max-width:58px;text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#cfe0eb!important}.cwf-home-trust strong{font-size:22px!important;line-height:1!important;margin:3px 0 0;color:#fff!important}.cwf-home-trust span{font-size:8px!important;color:#cfe0eb!important} .cwf-home-hero.good{border-color:#245e78!important}.cwf-home-hero.good .cwf-home-hero-actions a{box-shadow:0 10px 24px rgba(0,0,0,.14)} .cwf-compare-card.primary{position:relative;overflow:hidden}.cwf-compare-card.primary::before{content:"EMPFEHLUNG";position:absolute;right:-33px;top:15px;width:120px;padding:4px 0;transform:rotate(38deg);background:#176f4d;color:#fff;font-size:6px;font-weight:950;letter-spacing:.12em;text-align:center;box-shadow:0 3px 10px rgba(8,31,48,.10)} .cwf-station-card:focus-within,.cwf-reco-card:focus-within,.cwf-compare-card:focus-visible{outline:3px solid rgba(11,111,255,.28);outline-offset:2px} html[data-cwf-theme="dark"] .cwf-home-pulse{background:linear-gradient(135deg,#102534,#0e202d)!important;border-color:#3a5668!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important} html[data-cwf-theme="dark"] .cwf-pulse-heading{border-right-color:#355061!important}html[data-cwf-theme="dark"] .cwf-pulse-heading small,html[data-cwf-theme="dark"] .cwf-pulse-metrics span{color:#b8cbd8!important}html[data-cwf-theme="dark"] .cwf-pulse-heading strong,html[data-cwf-theme="dark"] .cwf-pulse-metrics strong{color:#f1f7fb!important}html[data-cwf-theme="dark"] .cwf-pulse-metrics>div{background:#142c3c!important;border-color:#3a5668!important}html[data-cwf-theme="dark"] .cwf-pulse-metrics em,html[data-cwf-theme="dark"] .cwf-pulse-metrics strong small{color:#bfd0dc!important} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-home-pulse{background:linear-gradient(135deg,#102534,#0e202d)!important;border-color:#3a5668!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important}html[data-cwf-theme="system"] .cwf-pulse-heading{border-right-color:#355061!important}html[data-cwf-theme="system"] .cwf-pulse-heading small,html[data-cwf-theme="system"] .cwf-pulse-metrics span{color:#b8cbd8!important}html[data-cwf-theme="system"] .cwf-pulse-heading strong,html[data-cwf-theme="system"] .cwf-pulse-metrics strong{color:#f1f7fb!important}html[data-cwf-theme="system"] .cwf-pulse-metrics>div{background:#142c3c!important;border-color:#3a5668!important}html[data-cwf-theme="system"] .cwf-pulse-metrics em,html[data-cwf-theme="system"] .cwf-pulse-metrics strong small{color:#bfd0dc!important}} @media(max-width:700px){.cwf-home-pulse{grid-template-columns:1fr;gap:9px;padding:11px}.cwf-pulse-heading{border-right:0;border-bottom:1px solid #d6e2ea;padding:0 2px 9px;min-width:0}.cwf-pulse-metrics{grid-template-columns:repeat(3,1fr);gap:6px}.cwf-pulse-metrics>div{padding:8px 7px}.cwf-pulse-metrics strong{font-size:14px}.cwf-pulse-metrics span{font-size:6.5px}.cwf-pulse-metrics em{font-size:7px}.cwf-home-hero-price{min-width:0!important;align-items:flex-start!important}.cwf-home-price-row{width:100%;justify-content:space-between}.cwf-home-price-row>div:first-child{align-items:flex-start}.cwf-home-price-row>div:first-child>strong{font-size:52px}.cwf-home-trust{width:74px;height:74px}} @media(max-width:390px){.cwf-pulse-metrics{grid-template-columns:1fr}.cwf-pulse-metrics>div{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:center}.cwf-pulse-metrics>div span{grid-column:1}.cwf-pulse-metrics>div strong{grid-column:2;grid-row:1/3;text-align:right}.cwf-pulse-metrics>div em{grid-column:1}.cwf-home-price-row>div:first-child>strong{font-size:47px}.cwf-home-trust{width:68px;height:68px}} /* ========================================================= TankenCH 1.0.0-rc16 — Action Decision UX Clear go / compare / avoid signals with compact rationale. ========================================================= */ .cwf-home-verdict-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:5px} .cwf-home-verdict{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 10px;border-radius:999px;font-size:8px!important;font-weight:950!important;letter-spacing:.11em!important;color:#fff!important;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)} .cwf-home-verdict i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.10)} .cwf-home-verdict.good{background:rgba(20,122,82,.74)} .cwf-home-verdict.medium{background:rgba(35,107,156,.74)} .cwf-home-verdict.watch{background:rgba(159,107,0,.78)} .cwf-home-verdict.bad{background:rgba(150,43,59,.80)} .cwf-home-decision-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 2px} .cwf-home-decision-facts>div{display:flex;flex-direction:column;gap:2px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)} .cwf-home-decision-facts span{font-size:7px!important;font-weight:950!important;letter-spacing:.1em;color:#bad0df!important} .cwf-home-decision-facts strong{font-size:15px!important;letter-spacing:-.025em;color:#fff!important} .cwf-home-decision-facts small{font-size:8px!important;color:#c8d9e4!important} .cwf-home-hero.medium{background:linear-gradient(155deg,#08223a 0%,#0e4168 70%,#1688ba 145%)!important;border-color:#2c6785!important} .cwf-home-hero.bad{background:linear-gradient(155deg,#301a22 0%,#672937 70%,#984050 145%)!important;border-color:#8e5360!important} .cwf-home-hero.watch{background:linear-gradient(155deg,#282514 0%,#5a461b 70%,#947125 145%)!important;border-color:#8e783f!important} .cwf-home-hero.bad .cwf-home-hero-actions a,.cwf-home-hero.watch .cwf-home-hero-actions a{background:#fff!important;color:#321b20!important} .cwf-decision-strip{position:relative;overflow:hidden} .cwf-decision-strip::after{content:"";position:absolute;right:-48px;top:-70px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(11,111,255,.09),rgba(11,111,255,0) 70%);pointer-events:none} .cwf-decision-strip.high{border-left:5px solid #197652!important} .cwf-decision-strip.medium{border-left:5px solid #986900!important} .cwf-decision-strip.low{border-left:5px solid #9a3343!important} .cwf-alert-item.hit{background:linear-gradient(135deg,#e0f2e8,#f1faf5)!important;border-color:#8ebda3!important;box-shadow:0 8px 20px rgba(20,92,62,.08)!important} .cwf-alert-item.hit strong{color:#145c3e!important} .cwf-alert-item.hit span{color:#315e49!important} #cwf-alert-status strong{color:var(--cwf-good-text,#145c3e)} .cwf-commute-quick{background:linear-gradient(135deg,#ffffff 0%,#f2f7fb 100%)!important;border-color:#c6d7e2!important;box-shadow:0 12px 30px rgba(8,31,48,.08)!important} .cwf-commute-quick strong{letter-spacing:-.02em} .cwf-commute-quick button{background:linear-gradient(135deg,#0b6fff,#075ccf)!important;box-shadow:0 10px 22px rgba(11,111,255,.18)!important} html[data-cwf-theme="dark"] .cwf-home-decision-facts>div{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15)} html[data-cwf-theme="dark"] .cwf-alert-item.hit{background:linear-gradient(135deg,#12372a,#102c23)!important;border-color:#3f775d!important} html[data-cwf-theme="dark"] .cwf-alert-item.hit strong{color:#bfe8d2!important} html[data-cwf-theme="dark"] .cwf-alert-item.hit span{color:#c5ddd0!important} html[data-cwf-theme="dark"] .cwf-commute-quick{background:linear-gradient(135deg,#0f2332,#122c3c)!important;border-color:#3a5668!important} @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"] .cwf-home-decision-facts>div{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15)} html[data-cwf-theme="system"] .cwf-alert-item.hit{background:linear-gradient(135deg,#12372a,#102c23)!important;border-color:#3f775d!important} html[data-cwf-theme="system"] .cwf-alert-item.hit strong{color:#bfe8d2!important} html[data-cwf-theme="system"] .cwf-alert-item.hit span{color:#c5ddd0!important} html[data-cwf-theme="system"] .cwf-commute-quick{background:linear-gradient(135deg,#0f2332,#122c3c)!important;border-color:#3a5668!important} } @media(max-width:700px){ .cwf-home-verdict-row{align-items:flex-start} .cwf-home-verdict{font-size:7.5px!important;min-height:29px} .cwf-home-decision-facts{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px} .cwf-home-decision-facts>div{padding:9px 8px;border-radius:12px} .cwf-home-decision-facts strong{font-size:13px!important} .cwf-home-decision-facts small{font-size:7px!important} } @media(max-width:390px){ .cwf-home-decision-facts{grid-template-columns:1fr} .cwf-home-decision-facts>div{display:grid;grid-template-columns:1fr auto;grid-template-areas:'label value' 'sub value';align-items:center} .cwf-home-decision-facts span{grid-area:label}.cwf-home-decision-facts strong{grid-area:value}.cwf-home-decision-facts small{grid-area:sub} } /* ========================================================= TankenCH 1.0.0-rc17 — Personal Daily Dashboard / Premium UX ========================================================= */ .cwf-today{margin:0 0 15px;padding:18px;border:1px solid #c8d8e3;border-radius:24px;background:linear-gradient(145deg,#ffffff 0%,#f4f8fb 52%,#ebf3f8 100%);box-shadow:0 14px 34px rgba(8,31,48,.08);position:relative;overflow:hidden} .cwf-today[hidden]{display:none!important}.cwf-today::after{content:"";position:absolute;width:210px;height:210px;right:-90px;top:-115px;border-radius:50%;background:radial-gradient(circle,rgba(11,111,255,.13),rgba(11,111,255,0) 70%);pointer-events:none} .cwf-today-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px;position:relative;z-index:1}.cwf-today-head small{font-size:9px;font-weight:950;letter-spacing:.13em;color:#41647b}.cwf-today-head h2{margin:3px 0 3px;font-size:21px;letter-spacing:-.035em;color:#102330}.cwf-today-head p{margin:0;font-size:11px;color:#496477}.cwf-today-alarm{flex:none;display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border:1px solid #b8cad6;border-radius:999px;background:#e9f0f5;color:#345467;font-size:9px;font-weight:900}.cwf-today-alarm.hit{background:#dcefe5;border-color:#91bda6;color:#145c3e} .cwf-today-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;position:relative;z-index:1}.cwf-today-card{min-width:0;text-align:left;border:1px solid #cbd9e2;border-radius:17px;background:rgba(255,255,255,.92);padding:13px 13px 11px;color:#102330;box-shadow:0 7px 18px rgba(8,31,48,.05);display:flex;flex-direction:column;gap:3px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.cwf-today-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 26px rgba(8,31,48,.10);border-color:#9dbbd3}.cwf-today-card:disabled{cursor:default;opacity:.76}.cwf-today-card>span{font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#526b7b}.cwf-today-card>strong{font-size:20px;letter-spacing:-.035em;line-height:1.05;margin-top:2px;color:#102330}.cwf-today-card>small{font-size:9px;line-height:1.38;color:#506979;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwf-today-card>em{margin-top:7px;font-size:9px;font-style:normal;font-weight:900;color:#07549a}.cwf-today-card.good{background:linear-gradient(180deg,#f3fbf7,#e4f3eb);border-color:#9cc7af}.cwf-today-card.good>strong,.cwf-today-card.good>em{color:#145c3e}.cwf-today-card.watch{background:linear-gradient(180deg,#fffaf0,#f8e9c7);border-color:#d2ad5b}.cwf-today-card.watch>strong,.cwf-today-card.watch>em{color:#684300}.cwf-today-card.month{background:linear-gradient(180deg,#f5f9fd,#e7f0f8);border-color:#aac2d4} .cwf-favorite-card.best{border-color:#91bda6!important;background:linear-gradient(180deg,#ffffff,#f1faf5)!important;box-shadow:0 12px 28px rgba(20,92,62,.09)!important}.cwf-favorite-card.best .cwf-mini-label{color:#145c3e!important}.cwf-favorite-delta{margin-top:10px;padding:8px 10px;border-radius:11px;background:#eef3f6;color:#3f5a6a;font-size:10px;font-weight:750;border:1px solid #d4e0e7}.cwf-favorite-delta.good{background:#dcefe5;color:#145c3e;border-color:#9cc7af} .cwf-savings-insights{grid-template-columns:repeat(4,1fr)!important}.cwf-savings-insights>div{background:linear-gradient(180deg,#fff,#f5f8fa)!important;border-color:#cbd9e2!important;box-shadow:0 6px 16px rgba(8,31,48,.04)} html[data-cwf-theme="dark"] .cwf-today{background:linear-gradient(145deg,#0f2231,#122b3b)!important;border-color:#3a5668!important;box-shadow:0 16px 36px rgba(0,0,0,.25)!important} html[data-cwf-theme="dark"] .cwf-today-head small,html[data-cwf-theme="dark"] .cwf-today-head p{color:#bfd0dc!important}html[data-cwf-theme="dark"] .cwf-today-head h2{color:#f2f7fb!important}html[data-cwf-theme="dark"] .cwf-today-alarm{background:#173142;border-color:#466173;color:#d7e4ec}html[data-cwf-theme="dark"] .cwf-today-alarm.hit{background:#123629;border-color:#2d7056;color:#d7f3e5} html[data-cwf-theme="dark"] .cwf-today-card{background:#142a39;border-color:#3d5869;color:#eef6fb;box-shadow:0 8px 20px rgba(0,0,0,.18)}html[data-cwf-theme="dark"] .cwf-today-card>span,html[data-cwf-theme="dark"] .cwf-today-card>small{color:#bfd0dc}html[data-cwf-theme="dark"] .cwf-today-card>strong{color:#f4f8fb}html[data-cwf-theme="dark"] .cwf-today-card>em{color:#a8d5ff}html[data-cwf-theme="dark"] .cwf-today-card.good{background:#123629;border-color:#2d7056}html[data-cwf-theme="dark"] .cwf-today-card.good>strong,html[data-cwf-theme="dark"] .cwf-today-card.good>em{color:#d7f3e5}html[data-cwf-theme="dark"] .cwf-today-card.watch{background:#3a2b12;border-color:#71552a}html[data-cwf-theme="dark"] .cwf-today-card.watch>strong,html[data-cwf-theme="dark"] .cwf-today-card.watch>em{color:#ffe3a2}html[data-cwf-theme="dark"] .cwf-today-card.month{background:#142d40;border-color:#3d6079}html[data-cwf-theme="dark"] .cwf-favorite-card.best{background:linear-gradient(180deg,#102c22,#123629)!important;border-color:#2d7056!important}html[data-cwf-theme="dark"] .cwf-favorite-delta{background:#173142;color:#d7e4ec;border-color:#466173}html[data-cwf-theme="dark"] .cwf-favorite-delta.good{background:#123629;color:#d7f3e5;border-color:#2d7056}html[data-cwf-theme="dark"] .cwf-savings-insights>div{background:#142a39!important;border-color:#3d5869!important} @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"] .cwf-today{background:linear-gradient(145deg,#0f2231,#122b3b)!important;border-color:#3a5668!important;box-shadow:0 16px 36px rgba(0,0,0,.25)!important} html[data-cwf-theme="system"] .cwf-today-head small,html[data-cwf-theme="system"] .cwf-today-head p{color:#bfd0dc!important}html[data-cwf-theme="system"] .cwf-today-head h2{color:#f2f7fb!important}html[data-cwf-theme="system"] .cwf-today-alarm{background:#173142;border-color:#466173;color:#d7e4ec}html[data-cwf-theme="system"] .cwf-today-alarm.hit{background:#123629;border-color:#2d7056;color:#d7f3e5} html[data-cwf-theme="system"] .cwf-today-card{background:#142a39;border-color:#3d5869;color:#eef6fb;box-shadow:0 8px 20px rgba(0,0,0,.18)}html[data-cwf-theme="system"] .cwf-today-card>span,html[data-cwf-theme="system"] .cwf-today-card>small{color:#bfd0dc}html[data-cwf-theme="system"] .cwf-today-card>strong{color:#f4f8fb}html[data-cwf-theme="system"] .cwf-today-card>em{color:#a8d5ff}html[data-cwf-theme="system"] .cwf-today-card.good{background:#123629;border-color:#2d7056}html[data-cwf-theme="system"] .cwf-today-card.good>strong,html[data-cwf-theme="system"] .cwf-today-card.good>em{color:#d7f3e5}html[data-cwf-theme="system"] .cwf-today-card.watch{background:#3a2b12;border-color:#71552a}html[data-cwf-theme="system"] .cwf-today-card.watch>strong,html[data-cwf-theme="system"] .cwf-today-card.watch>em{color:#ffe3a2}html[data-cwf-theme="system"] .cwf-today-card.month{background:#142d40;border-color:#3d6079}html[data-cwf-theme="system"] .cwf-favorite-card.best{background:linear-gradient(180deg,#102c22,#123629)!important;border-color:#2d7056!important}html[data-cwf-theme="system"] .cwf-favorite-delta{background:#173142;color:#d7e4ec;border-color:#466173}html[data-cwf-theme="system"] .cwf-favorite-delta.good{background:#123629;color:#d7f3e5;border-color:#2d7056}html[data-cwf-theme="system"] .cwf-savings-insights>div{background:#142a39!important;border-color:#3d5869!important} } @media(max-width:820px){.cwf-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cwf-savings-insights{grid-template-columns:repeat(2,1fr)!important}} @media(max-width:520px){.cwf-today{padding:13px;border-radius:20px}.cwf-today-head{display:block}.cwf-today-alarm{margin-top:9px}.cwf-today-grid{grid-template-columns:1fr 1fr;gap:7px}.cwf-today-card{padding:11px 10px;min-height:112px}.cwf-today-card>strong{font-size:18px}.cwf-today-card>small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cwf-savings-insights{grid-template-columns:1fr!important}} /* ========================================================= TankenCH 1.0.0-rc18 — Everyday Utility / Report Pass ========================================================= */ .cwf-open-snapshot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 16px;padding:14px 16px;border:1px solid var(--cwf-border);border-radius:18px;background:linear-gradient(135deg,#fff,#f1f6f9);box-shadow:0 8px 22px rgba(8,31,48,.06)} .cwf-open-snapshot-main{display:flex;flex-direction:column;gap:3px;min-width:0}.cwf-open-snapshot-main strong{font-size:14px;color:var(--cwf-text)}.cwf-open-snapshot-main small{font-size:10px;color:var(--cwf-text-2);line-height:1.4} .cwf-open-snapshot-stats{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.cwf-open-snapshot-stats span{display:inline-flex;align-items:center;gap:5px;min-height:31px;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:850;border:1px solid var(--cwf-neutral-border);background:var(--cwf-neutral-bg);color:var(--cwf-neutral-text)}.cwf-open-snapshot-stats b{font-size:12px}.cwf-open-snapshot-stats .open{background:var(--cwf-good-bg);border-color:var(--cwf-good-border);color:var(--cwf-good-text)}.cwf-open-snapshot-stats .closed{background:var(--cwf-bad-bg);border-color:var(--cwf-bad-border);color:var(--cwf-bad-text)} .cwf-open-snapshot.good{border-color:var(--cwf-good-border)}.cwf-open-snapshot.danger{border-color:var(--cwf-bad-border)} .cwf-month-report{margin:16px 0 10px;border:1px solid var(--cwf-border);border-radius:18px;background:linear-gradient(145deg,#f8fbfd,#edf4f8);overflow:hidden;box-shadow:0 10px 24px rgba(8,31,48,.055)} .cwf-month-report-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid #d6e2e9}.cwf-month-report-head>div{display:flex;flex-direction:column}.cwf-month-report-head small{font-size:8px;letter-spacing:.12em;font-weight:950;color:#36576c}.cwf-month-report-head strong{font-size:16px;margin-top:3px}.cwf-month-report-head span{font-size:9px;color:var(--cwf-text-2);margin-top:2px}.cwf-month-report-head>b{font-size:18px;color:var(--cwf-good-text);text-align:right}.cwf-month-report-head>b small{display:block;font-size:7px;color:var(--cwf-text-2);letter-spacing:.08em} .cwf-month-report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d6e2e9}.cwf-month-report-grid>div{background:#f8fbfd;padding:13px 14px;display:flex;flex-direction:column}.cwf-month-report-grid span{font-size:8px;font-weight:850;color:var(--cwf-text-2);text-transform:uppercase;letter-spacing:.06em}.cwf-month-report-grid strong{font-size:15px;margin:4px 0 2px}.cwf-month-report-grid small{font-size:8px;color:var(--cwf-text-3)} .cwf-month-report-empty{padding:15px 16px;display:flex;flex-direction:column;gap:4px}.cwf-month-report-empty strong{font-size:12px}.cwf-month-report-empty span{font-size:10px;color:var(--cwf-text-2);line-height:1.45} .cwf-savings-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cwf-savings-actions .cwf-text-action{margin:0} .cwf-commute-status.rich{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid var(--cwf-border);border-radius:14px;background:var(--cwf-surface-2)}.cwf-commute-status.rich>div{display:flex;flex-direction:column;gap:2px;min-width:0}.cwf-commute-status.rich small{font-size:8px;font-weight:900;letter-spacing:.08em}.cwf-commute-status.rich strong{font-size:12px;color:var(--cwf-text)}.cwf-commute-status.rich span{font-size:9px;color:var(--cwf-text-2);line-height:1.35}.cwf-commute-status.rich>b{font-size:18px;text-align:center;color:var(--cwf-info-text);min-width:58px}.cwf-commute-status.rich>b small{display:block;letter-spacing:0;font-size:7px;color:var(--cwf-text-2)}.cwf-commute-status.rich.good{background:var(--cwf-good-bg);border-color:var(--cwf-good-border)}.cwf-commute-status.rich.danger{background:var(--cwf-bad-bg);border-color:var(--cwf-bad-border)} html[data-cwf-theme="dark"] .cwf-open-snapshot,html[data-cwf-theme="dark"] .cwf-month-report,html[data-cwf-theme="dark"] .cwf-month-report-grid>div{background:#102536!important;border-color:#3a5668!important;color:#f4f8fb!important} html[data-cwf-theme="dark"] .cwf-month-report-head{border-color:#3a5668!important}html[data-cwf-theme="dark"] .cwf-month-report-grid{background:#3a5668!important} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-open-snapshot,html[data-cwf-theme="system"] .cwf-month-report,html[data-cwf-theme="system"] .cwf-month-report-grid>div{background:#102536!important;border-color:#3a5668!important;color:#f4f8fb!important}html[data-cwf-theme="system"] .cwf-month-report-head{border-color:#3a5668!important}} @media(max-width:650px){.cwf-open-snapshot{align-items:flex-start;flex-direction:column;gap:10px}.cwf-open-snapshot-stats{justify-content:flex-start}.cwf-month-report-grid{grid-template-columns:1fr 1fr}.cwf-month-report-head{align-items:flex-start}.cwf-commute-status.rich{align-items:flex-start}.cwf-savings-actions{align-items:stretch}.cwf-savings-actions .cwf-text-action{flex:1;min-height:42px;border:1px solid var(--cwf-border);border-radius:11px}} /* ========================================================= TankenCH 1.0.0-rc19 — Personal Intelligence Layer ========================================================= */ .cwf-next-action{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:15px 17px;border:1px solid var(--cwf-border);border-radius:18px;background:linear-gradient(135deg,#fff,#eef5fa);box-shadow:0 10px 26px rgba(8,31,48,.07)} .cwf-next-action>div{min-width:0;display:flex;flex-direction:column;gap:3px}.cwf-next-action small{font-size:9px;letter-spacing:.11em;font-weight:950;color:#496477!important}.cwf-next-action strong{font-size:15px;letter-spacing:-.02em}.cwf-next-action span{font-size:11px;color:var(--cwf-text-2);line-height:1.45}.cwf-next-action button{flex:none;border:0;border-radius:12px;min-height:42px;padding:0 15px;background:#07549a;color:#fff;font-size:11px;font-weight:900;box-shadow:0 9px 20px rgba(7,84,154,.18)} .cwf-next-action.good{background:linear-gradient(135deg,#fff,#e8f5ee);border-color:#a9cdbb}.cwf-next-action.watch{background:linear-gradient(135deg,#fff,#fbf1d7);border-color:#d7bd7e}.cwf-next-action.info{background:linear-gradient(135deg,#fff,#e5f1fb);border-color:#acc7dc} .cwf-favorite-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:11px 13px;border:1px solid #cbd9e2;border-radius:15px;background:#f3f7fa}.cwf-favorite-tools button{border:0;border-radius:11px;min-height:39px;padding:0 13px;background:#0b5f9f;color:#fff;font-size:10px;font-weight:900}.cwf-favorite-tools button:disabled{opacity:.65}.cwf-favorite-tools span{font-size:10px;color:#486173}.cwf-favorite-fresh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 2px;padding:8px 10px;border-radius:11px;background:#eef3f7;border:1px solid #d6e1e8}.cwf-favorite-fresh span{font-size:9px;font-weight:850;color:#29485d}.cwf-favorite-fresh small{font-size:8px;color:#617887} .cwf-alert-cockpit{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.cwf-alert-cockpit>div{min-width:0;padding:12px;border:1px solid #cfdae2;border-radius:14px;background:#f1f5f8;display:flex;flex-direction:column;gap:4px}.cwf-alert-cockpit span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#4d6677}.cwf-alert-cockpit strong{font-size:20px;letter-spacing:-.04em;color:#17374d}.cwf-alert-cockpit small{font-size:9px;color:#5b7282;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwf-alert-cockpit>div.hit{background:#e1f2e8;border-color:#9fc7b1}.cwf-alert-cockpit>div.hit strong{color:#17603f} .cwf-cost-forecast{margin:14px 0;padding:15px;border:1px solid #cbd9e2;border-radius:17px;background:linear-gradient(145deg,#f8fbfd,#edf4f8)}.cwf-cost-forecast-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.cwf-cost-forecast-head>div{display:flex;flex-direction:column;gap:2px}.cwf-cost-forecast-head small{font-size:8px;letter-spacing:.11em;font-weight:950;color:#3d5c71}.cwf-cost-forecast-head strong{font-size:14px}.cwf-cost-forecast-head>span{font-size:9px;color:#5a7181}.cwf-cost-forecast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.cwf-cost-forecast-grid>div{padding:11px;border:1px solid #d4dfe6;border-radius:13px;background:#fff;display:flex;flex-direction:column;gap:3px}.cwf-cost-forecast-grid span{font-size:8px;font-weight:900;color:#526a79}.cwf-cost-forecast-grid strong{font-size:16px;letter-spacing:-.03em}.cwf-cost-forecast-grid small{font-size:8px;color:#647b8a}.cwf-cost-forecast-empty{padding:11px 12px;border-radius:13px;background:#fff;border:1px dashed #b8c9d4;display:flex;flex-direction:column;gap:3px}.cwf-cost-forecast-empty strong{font-size:11px}.cwf-cost-forecast-empty span{font-size:9px;color:#5b7282}.cwf-cost-forecast-note{display:block;margin-top:9px;font-size:8px!important;line-height:1.45;color:#5b7282!important} html[data-cwf-theme="dark"] .cwf-next-action,html[data-cwf-theme="dark"] .cwf-favorite-tools,html[data-cwf-theme="dark"] .cwf-cost-forecast,html[data-cwf-theme="dark"] .cwf-favorite-fresh,html[data-cwf-theme="dark"] .cwf-alert-cockpit>div{background:#112736!important;border-color:#3c586a!important;color:#edf6fb!important} html[data-cwf-theme="dark"] .cwf-next-action.good,html[data-cwf-theme="dark"] .cwf-alert-cockpit>div.hit{background:#143426!important;border-color:#3f765c!important}html[data-cwf-theme="dark"] .cwf-next-action.watch{background:#382b14!important;border-color:#74582c!important}html[data-cwf-theme="dark"] .cwf-next-action.info{background:#123149!important;border-color:#3d6d90!important} html[data-cwf-theme="dark"] .cwf-cost-forecast-grid>div,html[data-cwf-theme="dark"] .cwf-cost-forecast-empty{background:#0d202e!important;border-color:#365163!important;color:#edf6fb!important} html[data-cwf-theme="dark"] .cwf-alert-cockpit strong,html[data-cwf-theme="dark"] .cwf-cost-forecast-grid strong,html[data-cwf-theme="dark"] .cwf-favorite-fresh span{color:#eef6fb!important} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-next-action,html[data-cwf-theme="system"] .cwf-favorite-tools,html[data-cwf-theme="system"] .cwf-cost-forecast,html[data-cwf-theme="system"] .cwf-favorite-fresh,html[data-cwf-theme="system"] .cwf-alert-cockpit>div{background:#112736!important;border-color:#3c586a!important;color:#edf6fb!important}html[data-cwf-theme="system"] .cwf-next-action.good,html[data-cwf-theme="system"] .cwf-alert-cockpit>div.hit{background:#143426!important;border-color:#3f765c!important}html[data-cwf-theme="system"] .cwf-next-action.watch{background:#382b14!important;border-color:#74582c!important}html[data-cwf-theme="system"] .cwf-next-action.info{background:#123149!important;border-color:#3d6d90!important}html[data-cwf-theme="system"] .cwf-cost-forecast-grid>div,html[data-cwf-theme="system"] .cwf-cost-forecast-empty{background:#0d202e!important;border-color:#365163!important;color:#edf6fb!important}html[data-cwf-theme="system"] .cwf-alert-cockpit strong,html[data-cwf-theme="system"] .cwf-cost-forecast-grid strong,html[data-cwf-theme="system"] .cwf-favorite-fresh span{color:#eef6fb!important}} @media(max-width:650px){.cwf-next-action{align-items:stretch;flex-direction:column;gap:10px;padding:13px}.cwf-next-action button{width:100%}.cwf-favorite-tools{align-items:stretch;flex-direction:column}.cwf-favorite-tools button{width:100%}.cwf-alert-cockpit{grid-template-columns:1fr 1fr}.cwf-cost-forecast-grid{grid-template-columns:1fr 1fr}.cwf-cost-forecast-head{align-items:flex-start;flex-direction:column}.cwf-favorite-fresh{align-items:flex-start;flex-direction:column;gap:2px}} /* ========================================================= TankenCH 1.0.0-rc20 — Personal Platform Layer Budget, routines and data readiness cockpit. ========================================================= */ .cwf-data-cockpit{margin:12px 0 16px;padding:16px;border:1px solid var(--cwf-border);border-radius:20px;background:linear-gradient(145deg,#fff,#edf5fa);box-shadow:var(--cwf-premium-shadow)} .cwf-data-cockpit-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.cwf-data-cockpit-head>div{display:flex;flex-direction:column;gap:3px}.cwf-data-cockpit-head small{font-size:9px;font-weight:950;letter-spacing:.12em;color:#36586f}.cwf-data-cockpit-head strong{font-size:18px;color:var(--cwf-text)}.cwf-data-cockpit-head span{font-size:11px;color:var(--cwf-text-2)}.cwf-data-cockpit-head>b{min-width:70px;text-align:center;font-size:25px;color:#07549a}.cwf-data-cockpit-head>b small{display:block;font-size:8px;color:var(--cwf-text-2)} .cwf-data-cockpit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.cwf-data-cockpit-grid>div{padding:10px;border:1px solid #c7d7e2;border-radius:13px;background:#f3f8fb;display:flex;flex-direction:column;gap:2px}.cwf-data-cockpit-grid span{font-size:8px;font-weight:900;letter-spacing:.09em;color:#4a6576}.cwf-data-cockpit-grid strong{font-size:18px}.cwf-data-cockpit-grid small{font-size:9px;color:#526a79}.cwf-data-cockpit-grid .good{background:var(--cwf-good-bg);border-color:var(--cwf-good-border)}.cwf-data-cockpit-grid .watch{background:var(--cwf-warn-bg);border-color:var(--cwf-warn-border)}.cwf-data-cockpit-grid .bad{background:var(--cwf-bad-bg);border-color:var(--cwf-bad-border)}.cwf-data-cockpit>button{border:1px solid #b7cbd9;background:#fff;color:#07549a;border-radius:11px;min-height:38px;padding:0 13px;font-size:10px;font-weight:900} .cwf-budget-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin:14px 0}.cwf-budget-form label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:850;color:var(--cwf-text-2)}.cwf-budget-form input{height:44px;border-radius:12px;padding:0 12px}.cwf-budget-form button{height:44px;border:0;border-radius:12px;padding:0 16px;background:#07549a;color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(7,84,154,.18)} .cwf-budget-center{border:1px solid var(--cwf-border);border-radius:17px;padding:14px;background:var(--cwf-surface-2)}.cwf-budget-center.good{background:var(--cwf-good-bg);border-color:var(--cwf-good-border)}.cwf-budget-center.watch{background:var(--cwf-warn-bg);border-color:var(--cwf-warn-border)}.cwf-budget-center.bad{background:var(--cwf-bad-bg);border-color:var(--cwf-bad-border)}.cwf-budget-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.cwf-budget-head>div{display:flex;flex-direction:column;gap:3px}.cwf-budget-head small{font-size:8px;font-weight:950;letter-spacing:.1em}.cwf-budget-head strong{font-size:16px}.cwf-budget-head span{font-size:10px;line-height:1.45;color:var(--cwf-text-2)}.cwf-budget-head>b{text-align:right;font-size:18px}.cwf-budget-head>b small{display:block;font-size:8px;color:var(--cwf-text-2)}.cwf-budget-meter{height:8px;background:rgba(70,95,110,.15);border-radius:999px;overflow:hidden;margin:11px 0}.cwf-budget-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b6fff,#0aa56f)}.cwf-budget-center.watch .cwf-budget-meter i{background:linear-gradient(90deg,#c27d00,#e0a220)}.cwf-budget-center.bad .cwf-budget-meter i{background:linear-gradient(90deg,#b73547,#db6572)}.cwf-budget-facts{display:flex;gap:7px;flex-wrap:wrap}.cwf-budget-facts span{font-size:9px;background:rgba(255,255,255,.62);border:1px solid rgba(120,145,160,.25);border-radius:999px;padding:6px 9px}.cwf-budget-facts b{font-weight:900} .cwf-routine-list{display:grid;gap:7px;margin:12px 0}.cwf-routine-empty{display:block;padding:12px;border:1px dashed var(--cwf-border);border-radius:13px;color:var(--cwf-text-2);font-size:10px}.cwf-routine-item{display:grid;grid-template-columns:1fr 38px;gap:6px;border:1px solid var(--cwf-border);border-radius:14px;background:var(--cwf-surface-2);padding:5px}.cwf-routine-item.active{border-color:#76a8ca;background:#e6f1f8}.cwf-routine-item>button:first-child{border:0;background:transparent;text-align:left;padding:7px 9px;display:flex;flex-direction:column;gap:2px;color:var(--cwf-text)}.cwf-routine-item span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#36586f}.cwf-routine-item strong{font-size:12px}.cwf-routine-item small{font-size:9px;color:var(--cwf-text-2)}.cwf-routine-delete{border:0;border-radius:10px;background:#e4ebf0;color:#7b3040;font-size:20px}.cwf-routine-item:hover{box-shadow:0 8px 18px rgba(8,31,48,.06)} html[data-cwf-theme="dark"] .cwf-data-cockpit,html[data-cwf-theme="dark"] .cwf-budget-center,html[data-cwf-theme="dark"] .cwf-routine-item{background:#102536;border-color:#3a5668;color:#eef6fb}html[data-cwf-theme="dark"] .cwf-data-cockpit-grid>div{background:#173142;border-color:#466173}html[data-cwf-theme="dark"] .cwf-routine-item.active{background:#15344c;border-color:#4b789a}html[data-cwf-theme="dark"] .cwf-budget-facts span{background:#173142;border-color:#466173} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-data-cockpit,html[data-cwf-theme="system"] .cwf-budget-center,html[data-cwf-theme="system"] .cwf-routine-item{background:#102536;border-color:#3a5668;color:#eef6fb}html[data-cwf-theme="system"] .cwf-data-cockpit-grid>div{background:#173142;border-color:#466173}html[data-cwf-theme="system"] .cwf-routine-item.active{background:#15344c;border-color:#4b789a}html[data-cwf-theme="system"] .cwf-budget-facts span{background:#173142;border-color:#466173}} @media(max-width:650px){.cwf-data-cockpit-grid{grid-template-columns:1fr 1fr}.cwf-data-cockpit-head{align-items:flex-start}.cwf-budget-form{grid-template-columns:1fr}.cwf-budget-form button{width:100%}.cwf-budget-head{display:block}.cwf-budget-head>b{display:block;text-align:left;margin-top:8px}.cwf-budget-facts{display:grid;grid-template-columns:1fr 1fr}.cwf-budget-facts span:last-child{grid-column:1/-1}} /* ========================================================= TankenCH 1.0.0-rc21 — Vehicle Cost Intelligence ========================================================= */ .cwf-vehicle-cost-card{overflow:hidden;position:relative} .cwf-vehicle-cost-card::before{content:"";position:absolute;right:-55px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(11,111,255,.12),rgba(11,111,255,0) 72%);pointer-events:none} .cwf-vehicle-cost-center{display:grid;gap:10px;margin-top:14px;position:relative} .cwf-vehicle-cost-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid #b9cfdf;border-radius:18px;background:linear-gradient(135deg,#edf6fd,#f8fbfd);box-shadow:0 10px 24px rgba(8,31,48,.06)} .cwf-vehicle-cost-hero>div{display:flex;flex-direction:column;gap:3px;min-width:0}.cwf-vehicle-cost-hero small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#355b75!important}.cwf-vehicle-cost-hero strong{font-size:17px;color:#102330}.cwf-vehicle-cost-hero span{font-size:10px;color:#4d687a!important}.cwf-vehicle-cost-hero>b{font-size:21px;line-height:1;text-align:right;color:#07549a;white-space:nowrap}.cwf-vehicle-cost-hero>b small{display:block;margin-top:5px;font-size:8px;letter-spacing:.03em;color:#4d687a!important;text-transform:none} .cwf-vehicle-cost-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cwf-vehicle-cost-grid>div{padding:12px;border:1px solid #c6d5df;border-radius:15px;background:#f1f6f9;display:flex;flex-direction:column;gap:3px}.cwf-vehicle-cost-grid span{font-size:9px;font-weight:850;color:#486476!important}.cwf-vehicle-cost-grid strong{font-size:16px;color:#102330}.cwf-vehicle-cost-grid small{font-size:9px;color:#526a79!important;line-height:1.35} .cwf-vehicle-unassigned{padding:11px 12px;border-radius:14px;border:1px solid #d3b35f;background:#f8eabd;display:flex;flex-direction:column;gap:3px}.cwf-vehicle-unassigned strong{font-size:10px;color:#684300}.cwf-vehicle-unassigned span{font-size:9px;color:#684300!important;line-height:1.4} .cwf-vehicle-cost-fleet{display:grid;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--cwf-border)}.cwf-fleet-row{width:100%;border:1px solid #c8d7e1;border-radius:14px;background:#f4f8fa;color:#102330;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.cwf-fleet-row>span{display:flex;flex-direction:column;gap:2px;min-width:0}.cwf-fleet-row strong{font-size:11px}.cwf-fleet-row small{font-size:8px;color:#526a79!important}.cwf-fleet-row>b{font-size:12px;color:#214d6c;white-space:nowrap}.cwf-fleet-row>b small{display:inline;color:#526a79!important}.cwf-fleet-row.active{background:#dceaf6;border-color:#91b4cf;box-shadow:0 8px 18px rgba(8,31,48,.07)} .cwf-savings-actions{flex-wrap:wrap} html[data-cwf-theme="dark"] .cwf-vehicle-cost-hero{background:linear-gradient(135deg,#143247,#102738);border-color:#3f6177}html[data-cwf-theme="dark"] .cwf-vehicle-cost-hero strong,html[data-cwf-theme="dark"] .cwf-vehicle-cost-grid strong{color:#eef6fb}html[data-cwf-theme="dark"] .cwf-vehicle-cost-hero>b{color:#a8d5ff}html[data-cwf-theme="dark"] .cwf-vehicle-cost-grid>div,html[data-cwf-theme="dark"] .cwf-fleet-row{background:#142b3c;border-color:#3b596b;color:#eef6fb}html[data-cwf-theme="dark"] .cwf-fleet-row.active{background:#153b58;border-color:#527a96}html[data-cwf-theme="dark"] .cwf-vehicle-unassigned{background:#3a2b12;border-color:#71552a}html[data-cwf-theme="dark"] .cwf-vehicle-unassigned strong,html[data-cwf-theme="dark"] .cwf-vehicle-unassigned span{color:#f5dfad!important} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-vehicle-cost-hero{background:linear-gradient(135deg,#143247,#102738);border-color:#3f6177}html[data-cwf-theme="system"] .cwf-vehicle-cost-hero strong,html[data-cwf-theme="system"] .cwf-vehicle-cost-grid strong{color:#eef6fb}html[data-cwf-theme="system"] .cwf-vehicle-cost-hero>b{color:#a8d5ff}html[data-cwf-theme="system"] .cwf-vehicle-cost-grid>div,html[data-cwf-theme="system"] .cwf-fleet-row{background:#142b3c;border-color:#3b596b;color:#eef6fb}html[data-cwf-theme="system"] .cwf-fleet-row.active{background:#153b58;border-color:#527a96}html[data-cwf-theme="system"] .cwf-vehicle-unassigned{background:#3a2b12;border-color:#71552a}html[data-cwf-theme="system"] .cwf-vehicle-unassigned strong,html[data-cwf-theme="system"] .cwf-vehicle-unassigned span{color:#f5dfad!important}} @media(max-width:650px){.cwf-vehicle-cost-hero{align-items:flex-start}.cwf-vehicle-cost-hero>b{font-size:18px}.cwf-vehicle-cost-grid{grid-template-columns:1fr 1fr}.cwf-fleet-row{min-height:54px}.cwf-savings-actions .cwf-text-action{flex:1 1 46%}} /* ========================================================= TankenCH 1.0.0-rc22 — Design & Readability Hardening + Universal station search (name / brand / operator) This block is intentionally authoritative and last. ========================================================= */ :root{ --cwf-bg:#edf3f7; --cwf-surface:#ffffff; --cwf-surface-2:#f3f7fa; --cwf-surface-3:#e7eff4; --cwf-text:#0b1f2d; --cwf-text-2:#344f61; --cwf-text-3:#4b6576; --cwf-border:#b9c9d3; --cwf-border-strong:#8ea5b4; --cwf-action:#075da8; --cwf-action-hover:#064a85; --cwf-good-bg:#dcefe5; --cwf-good-text:#12583b; --cwf-good-border:#8fbea5; --cwf-warn-bg:#f8e8b9; --cwf-warn-text:#634000; --cwf-warn-border:#d1ad5c; --cwf-bad-bg:#f5dce0; --cwf-bad-text:#792532; --cwf-bad-border:#d39aa4; --cwf-info-bg:#dcecf8; --cwf-info-text:#164e78; --cwf-info-border:#99bbd4; --bg:var(--cwf-bg);--card:var(--cwf-surface);--text:var(--cwf-text);--muted:var(--cwf-text-2);--line:var(--cwf-border); } html,body.cwf-standalone,.cw-fuel-app{background:var(--cwf-bg)!important;color:var(--cwf-text)!important} /* Universal search */ .cwf-location-input{z-index:35} .cwf-search-suggestions{position:absolute;z-index:8000;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #aebfca;border-radius:17px;box-shadow:0 22px 55px rgba(8,31,48,.20);padding:7px;max-height:min(460px,60vh);overflow:auto;color:#0b1f2d} .cwf-search-suggestions[hidden]{display:none!important} .cwf-search-suggest-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px 8px;border-bottom:1px solid #dce5eb}.cwf-search-suggest-head strong{font-size:11px;color:#142e40}.cwf-search-suggest-head span{font-size:9px;color:#496577;font-weight:800} .cwf-search-suggestions>button{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-bottom:1px solid #e4ebf0;background:#fff;color:#102635;text-align:left;padding:10px 9px;border-radius:11px;min-height:58px} .cwf-search-suggestions>button:last-of-type{border-bottom:0}.cwf-search-suggestions>button:hover,.cwf-search-suggestions>button:focus-visible{background:#eaf3f9;outline:2px solid #4a8fc4;outline-offset:-2px} .cwf-search-suggest-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#dcecf8;border:1px solid #a8c6dc;font-size:17px} .cwf-search-suggest-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.cwf-search-suggest-copy strong{font-size:12px;color:#0c2434;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwf-search-suggest-copy small{font-size:10px!important;color:#405d70!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cwf-search-suggestions>button em{font-size:7px;font-style:normal;font-weight:950;letter-spacing:.08em;color:#185784;background:#e1eff8;border:1px solid #b6d0e2;border-radius:999px;padding:5px 7px} .cwf-search-suggest-foot{padding:8px 9px 5px;font-size:9px;color:#476275}.cwf-search-suggest-foot b{color:#163f5b} .cwf-universal-search-hint{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.cwf-universal-search-hint strong{font-size:9px;color:#284a61;margin-right:2px}.cwf-universal-search-hint span{font-size:8px;font-weight:850;color:#33586f;background:#e4eef5;border:1px solid #bfd0dc;border-radius:999px;padding:5px 8px} /* Text hierarchy — never sacrifice readability for "subtle" styling. */ .cw-fuel-app :where(.cwf-page-head p,.cwf-section-head p,.cwf-status-strip,.cwf-status-time,.cwf-station-title p,.cwf-reco-station p,.cwf-detail-address,.cwf-detail-copy,.cwf-alert-item span,.cwf-market-note,.cwf-commute-status,.cwf-assistant-result span){color:var(--cwf-text-2)!important} .cw-fuel-app :where(.cwf-section-kicker,.cwf-mini-label,.cwf-option-group>span,.cwf-metric>span,.cwf-compare-kind,.cwf-tank-amount-copy small){color:#2d5067!important} .cwf-page-head p{font-size:14px!important;line-height:1.55!important}.cwf-section-head p{font-size:11px!important}.cwf-station-title p,.cwf-reco-station p{font-size:11px!important;line-height:1.35!important} /* Surfaces */ .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-compare,.cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card,.cwf-history-block,.cwf-market-card,.cwf-community-card,.cwf-alert-card,.cwf-profile-card,.cwf-savings-card,.cwf-trust-card,.cwf-install-card,.cwf-privacy-card,.cwf-onboarding-card,.cwf-about-card,.cwf-display-card,.cwf-route-card,.cwf-favorite-card,.cwf-access-card,.cwf-quality-overview,.cwf-quality-summary,.cwf-data-cockpit,.cwf-budget-center,.cwf-vehicle-cost-center){background:var(--cwf-surface)!important;color:var(--cwf-text)!important;border-color:var(--cwf-border)!important} .cw-fuel-app :where(.cwf-station-metrics,.cwf-detail-hero>div,.cwf-savings-summary>div,.cwf-history-stats>div,.cwf-market-stats>div,.cwf-profile-stats>div,.cwf-route-summary,.cwf-community-rank,.cwf-plan-grid>div,.cwf-compare-card,.cwf-home-quick button,.cwf-data-cockpit-grid>div,.cwf-vehicle-cost-grid>div,.cwf-fleet-row){background:var(--cwf-surface-2)!important;color:var(--cwf-text)!important;border-color:var(--cwf-border)!important} .cwf-search-card{background:linear-gradient(180deg,#fff 0%,#f6f9fb 100%)!important} /* Inputs / segmented controls */ .cw-fuel-app :where(input,select,textarea){background:#fff!important;color:#102635!important;border-color:var(--cwf-border-strong)!important} .cw-fuel-app :where(input,textarea)::placeholder{color:#526d7e!important;opacity:1!important} .cw-fuel-app :where(input,select,textarea):focus{border-color:#176fae!important;box-shadow:0 0 0 4px rgba(23,111,174,.17)!important} .cw-fuel-app :where(.cwf-fuel-control,.cwf-display-toggle,.cwf-theme-choice,.cwf-lang-mini){background:#e5edf3!important;border-color:#bdccd6!important} .cw-fuel-app :where(.cwf-fuel-control button,.cwf-display-toggle button,.cwf-theme-choice button,.cwf-lang-mini button){color:#345469!important} .cw-fuel-app :where(.cwf-fuel-control button.active,.cwf-display-toggle button.active,.cwf-theme-choice button.active,.cwf-lang-mini button.active){background:#fff!important;color:#0a426d!important;box-shadow:0 5px 14px rgba(8,31,48,.09)!important} /* Semantic chips */ .cwf-freshness.fresh,.cwf-verified,.cwf-consensus.confirmed,.cwf-data-score.high{background:var(--cwf-good-bg)!important;color:var(--cwf-good-text)!important;border:1px solid var(--cwf-good-border)!important} .cwf-freshness.warm,.cwf-data-score.medium{background:var(--cwf-warn-bg)!important;color:var(--cwf-warn-text)!important;border:1px solid var(--cwf-warn-border)!important} .cwf-freshness.old,.cwf-freshness.stale,.cwf-consensus.conflict,.cwf-price-warning,.cwf-data-score.low{background:var(--cwf-bad-bg)!important;color:var(--cwf-bad-text)!important;border:1px solid var(--cwf-bad-border)!important} .cwf-freshness.unknown,.cwf-price-stand,.cwf-confidence{background:#e6edf2!important;color:#314f62!important;border:1px solid #b7c8d3!important} .cwf-freshness,.cwf-verified,.cwf-price-stand,.cwf-confidence,.cwf-consensus,.cwf-price-warning,.cwf-data-score{font-size:9px!important;line-height:1.25!important;min-height:27px!important;padding:6px 8px!important} /* Station cards / actions */ .cwf-station-card{border-color:#c1d0da!important;box-shadow:0 9px 24px rgba(8,31,48,.07)!important}.cwf-station-title h3{color:#0b2232!important}.cwf-station-rank{background:#e2edf5!important;color:#194f75!important;border-color:#b9d0e0!important} .cwf-metric{background:#e9f0f5!important;border-color:#c3d1da!important}.cwf-metric>span,.cwf-metric small{color:#3c596b!important}.cwf-metric strong{color:#102635!important}.cwf-metric.price{background:#dcecf8!important;border-color:#a7c5da!important}.cwf-metric.price strong{color:#07528f!important} .cwf-station-actions button{background:#fff!important;color:#173a52!important;border-color:#b8cad6!important}.cwf-station-actions a{color:#fff!important} /* Primary/dark recommendation surfaces need their own light text contract. */ .cw-fuel-app :where(.cwf-reco-card.primary,.cwf-home-hero) :where(h2,h3,strong,b){color:#fff!important} .cw-fuel-app :where(.cwf-reco-card.primary,.cwf-home-hero) :where(p,small,span:not(.cwf-home-verdict):not(.cwf-freshness):not(.cwf-confidence):not(.cwf-data-score):not(.cwf-consensus):not(.cwf-price-stand)){color:#d7e5ee!important} .cwf-reco-card.primary .cwf-distance{background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important} /* Modal / navigation */ .cwf-modal-card{background:#fff!important;color:#0b1f2d!important;border:1px solid #b9c9d3!important}.cwf-modal-card>p,.cwf-modal-card label:not(.cwf-photo){color:#3c586b!important}.cwf-modal-card .cwf-close{background:#e7eef3!important;color:#173f59!important} .cwf-bottom-nav{background:rgba(255,255,255,.98)!important;border-color:#aebfca!important}.cwf-bottom-nav button,.cwf-bottom-nav a{color:#355468!important}.cwf-bottom-nav .active{background:#dcecf8!important;color:#064d86!important}.cwf-bottom-nav .cwf-nav-report{color:#fff!important} /* Explicit dark mode. */ html[data-cwf-theme="dark"]{--cwf-bg:#07141d;--cwf-surface:#0f2432;--cwf-surface-2:#163243;--cwf-surface-3:#1c3a4c;--cwf-text:#f3f8fb;--cwf-text-2:#c2d0da;--cwf-text-3:#aebfca;--cwf-border:#3e596a;--cwf-border-strong:#587384;--bg:var(--cwf-bg);--card:var(--cwf-surface);--text:var(--cwf-text);--muted:var(--cwf-text-2);--line:var(--cwf-border)} html[data-cwf-theme="dark"],html[data-cwf-theme="dark"] body.cwf-standalone,html[data-cwf-theme="dark"] .cw-fuel-app{background:var(--cwf-bg)!important;color:var(--cwf-text)!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-compare,.cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card,.cwf-history-block,.cwf-market-card,.cwf-community-card,.cwf-alert-card,.cwf-profile-card,.cwf-savings-card,.cwf-trust-card,.cwf-install-card,.cwf-privacy-card,.cwf-onboarding-card,.cwf-about-card,.cwf-display-card,.cwf-route-card,.cwf-favorite-card,.cwf-access-card,.cwf-quality-overview,.cwf-quality-summary,.cwf-data-cockpit,.cwf-budget-center,.cwf-vehicle-cost-center){background:var(--cwf-surface)!important;color:var(--cwf-text)!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-station-metrics,.cwf-detail-hero>div,.cwf-savings-summary>div,.cwf-history-stats>div,.cwf-market-stats>div,.cwf-profile-stats>div,.cwf-route-summary,.cwf-community-rank,.cwf-plan-grid>div,.cwf-compare-card,.cwf-home-quick button,.cwf-data-cockpit-grid>div,.cwf-vehicle-cost-grid>div,.cwf-fleet-row){background:var(--cwf-surface-2)!important;color:var(--cwf-text)!important;border-color:var(--cwf-border)!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-page-head p,.cwf-section-head p,.cwf-status-strip,.cwf-status-time,.cwf-station-title p,.cwf-reco-station p,.cwf-detail-address,.cwf-detail-copy,.cwf-alert-item span,.cwf-market-note,.cwf-commute-status,.cwf-assistant-result span){color:var(--cwf-text-2)!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-section-kicker,.cwf-mini-label,.cwf-option-group>span,.cwf-metric>span,.cwf-compare-kind,.cwf-tank-amount-copy small){color:#c8d5de!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(input,select,textarea){background:#0b1d29!important;color:#f2f7fa!important;border-color:#587384!important}html[data-cwf-theme="dark"] .cw-fuel-app :where(input,textarea)::placeholder{color:#afc0ca!important} html[data-cwf-theme="dark"] .cwf-search-suggestions{background:#102633;color:#f2f7fa;border-color:#526d7e;box-shadow:0 24px 60px rgba(0,0,0,.45)}html[data-cwf-theme="dark"] .cwf-search-suggest-head{border-color:#385263}html[data-cwf-theme="dark"] .cwf-search-suggest-head strong,html[data-cwf-theme="dark"] .cwf-search-suggest-copy strong{color:#f4f8fb!important}html[data-cwf-theme="dark"] .cwf-search-suggest-head span,html[data-cwf-theme="dark"] .cwf-search-suggest-copy small,html[data-cwf-theme="dark"] .cwf-search-suggest-foot{color:#c3d1da!important}html[data-cwf-theme="dark"] .cwf-search-suggestions>button{background:#102633;color:#eef6fb;border-color:#334c5d}html[data-cwf-theme="dark"] .cwf-search-suggestions>button:hover,html[data-cwf-theme="dark"] .cwf-search-suggestions>button:focus-visible{background:#173447}html[data-cwf-theme="dark"] .cwf-search-suggest-icon{background:#173a50;border-color:#446b83}html[data-cwf-theme="dark"] .cwf-search-suggestions>button em{background:#173a50;color:#d7ebfa;border-color:#446b83}html[data-cwf-theme="dark"] .cwf-search-suggest-foot b{color:#e5f2fa} html[data-cwf-theme="dark"] .cwf-universal-search-hint strong{color:#d2dfe7}html[data-cwf-theme="dark"] .cwf-universal-search-hint span{background:#153144;color:#d5e5ef;border-color:#466477} html[data-cwf-theme="dark"] .cwf-station-title h3,html[data-cwf-theme="dark"] .cwf-metric strong{color:#f4f8fb!important}html[data-cwf-theme="dark"] .cwf-station-rank{background:#1b3a4d!important;color:#e3eef5!important;border-color:#587384!important}html[data-cwf-theme="dark"] .cwf-metric{background:#173344!important;border-color:#496778!important}html[data-cwf-theme="dark"] .cwf-metric>span,html[data-cwf-theme="dark"] .cwf-metric small{color:#c5d2db!important}html[data-cwf-theme="dark"] .cwf-metric.price{background:#153a55!important;border-color:#4a7290!important}html[data-cwf-theme="dark"] .cwf-metric.price strong{color:#acd8ff!important} html[data-cwf-theme="dark"] .cwf-station-actions button{background:#132b3a!important;color:#edf6fb!important;border-color:#496678!important}html[data-cwf-theme="dark"] .cwf-modal-card{background:#102633!important;color:#f3f8fb!important;border-color:#526d7e!important}html[data-cwf-theme="dark"] .cwf-modal-card>p,html[data-cwf-theme="dark"] .cwf-modal-card label:not(.cwf-photo){color:#c4d2dc!important}html[data-cwf-theme="dark"] .cwf-bottom-nav{background:rgba(13,31,43,.98)!important;border-color:#496678!important}html[data-cwf-theme="dark"] .cwf-bottom-nav button,html[data-cwf-theme="dark"] .cwf-bottom-nav a{color:#c7d4dc!important}html[data-cwf-theme="dark"] .cwf-bottom-nav .active{background:#153a55!important;color:#e4f2ff!important} /* System follows the device only inside the media query; never force dark outside it. */ @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"]{--cwf-bg:#07141d;--cwf-surface:#0f2432;--cwf-surface-2:#163243;--cwf-surface-3:#1c3a4c;--cwf-text:#f3f8fb;--cwf-text-2:#c2d0da;--cwf-text-3:#aebfca;--cwf-border:#3e596a;--cwf-border-strong:#587384;--bg:var(--cwf-bg);--card:var(--cwf-surface);--text:var(--cwf-text);--muted:var(--cwf-text-2);--line:var(--cwf-border)} html[data-cwf-theme="system"],html[data-cwf-theme="system"] body.cwf-standalone,html[data-cwf-theme="system"] .cw-fuel-app{background:var(--cwf-bg)!important;color:var(--cwf-text)!important} html[data-cwf-theme="system"] .cwf-search-card{background:linear-gradient(180deg,#0f2432,#122c3b)!important;border-color:#3e596a!important} html[data-cwf-theme="system"] .cw-fuel-app :where(input,select,textarea){background:#0b1d29!important;color:#f2f7fa!important;border-color:#587384!important} html[data-cwf-theme="system"] .cwf-search-suggestions{background:#102633;color:#f2f7fa;border-color:#526d7e;box-shadow:0 24px 60px rgba(0,0,0,.45)} html[data-cwf-theme="system"] .cwf-search-suggestions>button{background:#102633;color:#eef6fb;border-color:#334c5d}html[data-cwf-theme="system"] .cwf-search-suggestions>button:hover,html[data-cwf-theme="system"] .cwf-search-suggestions>button:focus-visible{background:#173447} html[data-cwf-theme="system"] .cwf-search-suggest-head strong,html[data-cwf-theme="system"] .cwf-search-suggest-copy strong{color:#f4f8fb!important}html[data-cwf-theme="system"] .cwf-search-suggest-head span,html[data-cwf-theme="system"] .cwf-search-suggest-copy small,html[data-cwf-theme="system"] .cwf-search-suggest-foot{color:#c3d1da!important} html[data-cwf-theme="system"] .cwf-universal-search-hint strong{color:#d2dfe7}html[data-cwf-theme="system"] .cwf-universal-search-hint span{background:#153144;color:#d5e5ef;border-color:#466477} html[data-cwf-theme="system"] .cwf-bottom-nav{background:rgba(13,31,43,.98)!important;border-color:#496678!important}html[data-cwf-theme="system"] .cwf-bottom-nav button,html[data-cwf-theme="system"] .cwf-bottom-nav a{color:#c7d4dc!important}html[data-cwf-theme="system"] .cwf-bottom-nav .active{background:#153a55!important;color:#e4f2ff!important} } @media(max-width:650px){ .cwf-universal-search-hint{gap:5px}.cwf-universal-search-hint strong{width:100%;margin-bottom:1px}.cwf-universal-search-hint span{font-size:7.5px;padding:5px 7px}.cwf-search-suggestions{left:-1px;right:-1px;max-height:55vh}.cwf-search-suggestions>button{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:9px 7px}.cwf-search-suggestions>button em{grid-column:2;width:max-content;margin-top:1px}.cwf-search-suggest-icon{width:31px;height:31px}.cwf-search-suggest-copy strong{font-size:11px}.cwf-search-suggest-copy small{font-size:9px!important} .cwf-page-head p{font-size:12px!important}.cwf-station-title p,.cwf-reco-station p{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cwf-freshness,.cwf-verified,.cwf-price-stand,.cwf-confidence,.cwf-consensus,.cwf-price-warning,.cwf-data-score{font-size:8.5px!important;min-height:28px!important} } .cwf-brand-filter{min-width:150px}.cwf-brand-pref{display:inline-flex;align-items:center;min-height:36px;border-radius:999px;background:#e6eef4;color:#244d67;border:1px solid #b5c9d6;padding:7px 11px;font-size:10px;font-weight:850}.cwf-brand-pref.active{background:var(--cwf-good-bg);color:var(--cwf-good-text);border-color:var(--cwf-good-border)} html[data-cwf-theme="dark"] .cwf-brand-pref{background:#173447;color:#dcebf4;border-color:#4a6a7e}html[data-cwf-theme="dark"] .cwf-brand-pref.active{background:#143629;color:#d8f0e3;border-color:#3e7359} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-brand-pref{background:#173447;color:#dcebf4;border-color:#4a6a7e}html[data-cwf-theme="system"] .cwf-brand-pref.active{background:#143629;color:#d8f0e3;border-color:#3e7359}} @media(max-width:650px){.cwf-brand-filter{min-width:0;width:100%}.cwf-toolbar-selects{grid-template-columns:1fr!important}} /* ========================================================= TankenCH 1.0.0-rc23 — Stability / Readability Contract One final component contract; fixes scroll/touch and residual contrast. ========================================================= */ :root{ --rc23-bg:#edf2f5; --rc23-card:#ffffff; --rc23-sub:#e7eef3; --rc23-text:#0a1f2d; --rc23-muted:#324f62; --rc23-subtle:#496577; --rc23-border:#9fb2bf; --rc23-action:#07549a; --rc23-good-bg:#d8eee2;--rc23-good:#0e5638;--rc23-good-border:#88b59d; --rc23-warn-bg:#f5e2aa;--rc23-warn:#5c3900;--rc23-warn-border:#caa44f; --rc23-bad-bg:#f1d4da;--rc23-bad:#742535;--rc23-bad-border:#ca909a; --rc23-info-bg:#d8e8f5;--rc23-info:#104a75;--rc23-info-border:#92b2cb; } html:not(.cwf-modal-open),body.cwf-standalone:not(.cwf-modal-open){overflow-y:auto!important;overflow-x:hidden!important} body.cwf-standalone,.cw-fuel-app,.cwf-main,.cwf-view,.cwf-list-panel{touch-action:pan-y!important;overscroll-behavior-y:auto} .cwf-main,.cwf-view{overflow:visible!important} .cwf-modal{touch-action:auto!important}.cwf-modal-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch} html[data-cwf-theme="light"],html[data-cwf-theme="system"]{ --cwf-bg:var(--rc23-bg);--cwf-surface:var(--rc23-card);--cwf-surface-2:var(--rc23-sub);--cwf-text:var(--rc23-text);--cwf-text-2:var(--rc23-muted);--cwf-text-3:var(--rc23-subtle);--cwf-border:var(--rc23-border); --bg:var(--rc23-bg);--card:var(--rc23-card);--text:var(--rc23-text);--muted:var(--rc23-muted);--line:var(--rc23-border) } html[data-cwf-theme="light"] body.cwf-standalone,html[data-cwf-theme="light"] .cw-fuel-app, html[data-cwf-theme="system"] body.cwf-standalone,html[data-cwf-theme="system"] .cw-fuel-app{background:var(--rc23-bg)!important;color:var(--rc23-text)!important} .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-favorite-card,.cwf-alert-card,.cwf-savings-card,.cwf-profile-card,.cwf-route-card,.cwf-community-card,.cwf-market-card,.cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card,.cwf-history-block,.cwf-data-cockpit,.cwf-vehicle-cost-center){background:var(--rc23-card)!important;color:var(--rc23-text)!important;border-color:var(--rc23-border)!important} .cw-fuel-app :where(.cwf-station-metrics,.cwf-metric,.cwf-data-cockpit-grid>div,.cwf-alert-cockpit>div,.cwf-profile-stats>div,.cwf-history-stats>div,.cwf-savings-summary>div,.cwf-plan-grid>div,.cwf-compare-card,.cwf-home-quick button,.cwf-route-summary span,.cwf-favorite-delta){background:var(--rc23-sub)!important;color:var(--rc23-text)!important;border-color:var(--rc23-border)!important} .cw-fuel-app :where(p,small,label,.cwf-muted,.cwf-status-strip,.cwf-status-time,.cwf-station-title p,.cwf-reco-station p,.cwf-detail-address,.cwf-detail-copy,.cwf-alert-item span,.cwf-market-note,.cwf-commute-status,.cwf-assistant-result span,.cwf-budget-head span){color:var(--rc23-muted)!important} .cw-fuel-app :where(.cwf-section-kicker,.cwf-mini-label,.cwf-option-group>span,.cwf-metric>span,.cwf-compare-kind,.cwf-tank-amount-copy small,.cwf-page-head small){color:var(--rc23-subtle)!important} .cw-fuel-app :where(input,select,textarea){background:#fff!important;color:var(--rc23-text)!important;border-color:#899fab!important} .cw-fuel-app :where(input,textarea)::placeholder{color:#506b7c!important;opacity:1!important} .cw-fuel-app :where(button,a,select,input,textarea):focus-visible{outline:3px solid #0b6fff!important;outline-offset:3px!important} .cw-fuel-app :where(.cwf-freshness.fresh,.cwf-verified,.cwf-verdict.good,.cwf-reason-card.good,.cwf-budget-center.good){background:var(--rc23-good-bg)!important;color:var(--rc23-good)!important;border-color:var(--rc23-good-border)!important} .cw-fuel-app :where(.cwf-freshness.warm,.cwf-reason-card.watch,.cwf-budget-center.watch){background:var(--rc23-warn-bg)!important;color:var(--rc23-warn)!important;border-color:var(--rc23-warn-border)!important} .cw-fuel-app :where(.cwf-freshness.old,.cwf-freshness.stale,.cwf-verdict.bad,.cwf-reason-card.danger,.cwf-budget-center.bad){background:var(--rc23-bad-bg)!important;color:var(--rc23-bad)!important;border-color:var(--rc23-bad-border)!important} .cw-fuel-app :where(.cwf-freshness.unknown,.cwf-price-stand,.cwf-verdict.neutral,.cwf-reason-card.neutral){background:#dde6ec!important;color:#294859!important;border-color:#a6bac6!important} .cw-fuel-app .cwf-metric.price{background:var(--rc23-info-bg)!important;border-color:var(--rc23-info-border)!important}.cw-fuel-app .cwf-metric.price strong{color:#084b85!important} .cw-fuel-app .cwf-station-actions button,.cw-fuel-app .cwf-reco-actions button{background:#fff!important;color:#173b51!important;border-color:#a9bbc7!important} .cw-fuel-app .cwf-bottom-nav{background:rgba(255,255,255,.985)!important;border-color:#9fb2bf!important}.cw-fuel-app .cwf-bottom-nav button,.cw-fuel-app .cwf-bottom-nav a{color:#2e4f63!important}.cw-fuel-app .cwf-bottom-nav .active{background:#d8e8f5!important;color:#084b85!important}.cw-fuel-app .cwf-bottom-nav .cwf-nav-report{background:#07549a!important;color:#fff!important;border-color:#fff!important} .cwf-search-hit{border-color:#176fb6!important;box-shadow:0 0 0 4px rgba(23,111,182,.14),0 14px 34px rgba(8,31,48,.12)!important} html[data-cwf-theme="dark"]{--cwf-bg:#06131f;--cwf-surface:#0e2230;--cwf-surface-2:#163142;--cwf-text:#f3f8fb;--cwf-text-2:#c5d3dc;--cwf-text-3:#b2c3ce;--cwf-border:#496576;--bg:#06131f;--card:#0e2230;--text:#f3f8fb;--muted:#c5d3dc;--line:#496576} html[data-cwf-theme="dark"] body.cwf-standalone,html[data-cwf-theme="dark"] .cw-fuel-app{background:#06131f!important;color:#f3f8fb!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-favorite-card,.cwf-alert-card,.cwf-savings-card,.cwf-profile-card,.cwf-route-card,.cwf-community-card,.cwf-market-card,.cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card,.cwf-history-block,.cwf-data-cockpit,.cwf-vehicle-cost-center,.cwf-modal-card){background:#0e2230!important;color:#f3f8fb!important;border-color:#496576!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-station-metrics,.cwf-metric,.cwf-data-cockpit-grid>div,.cwf-alert-cockpit>div,.cwf-profile-stats>div,.cwf-history-stats>div,.cwf-savings-summary>div,.cwf-plan-grid>div,.cwf-compare-card,.cwf-home-quick button,.cwf-route-summary span,.cwf-favorite-delta){background:#163142!important;color:#f0f6fa!important;border-color:#526f80!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(p,small,label,.cwf-muted,.cwf-status-strip,.cwf-status-time,.cwf-station-title p,.cwf-reco-station p,.cwf-detail-address,.cwf-detail-copy,.cwf-alert-item span,.cwf-market-note,.cwf-commute-status,.cwf-assistant-result span,.cwf-budget-head span){color:#c5d3dc!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-section-kicker,.cwf-mini-label,.cwf-option-group>span,.cwf-metric>span,.cwf-compare-kind,.cwf-tank-amount-copy small,.cwf-page-head small){color:#b9cad4!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(input,select,textarea){background:#091c28!important;color:#f3f8fb!important;border-color:#5a7687!important}html[data-cwf-theme="dark"] .cw-fuel-app :where(input,textarea)::placeholder{color:#aec0cb!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-freshness.fresh,.cwf-verified,.cwf-verdict.good,.cwf-reason-card.good,.cwf-budget-center.good){background:#12382b!important;color:#c8efdc!important;border-color:#3f745a!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-freshness.warm,.cwf-reason-card.watch,.cwf-budget-center.watch){background:#3c2d12!important;color:#f6d88b!important;border-color:#765a2a!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-freshness.old,.cwf-freshness.stale,.cwf-verdict.bad,.cwf-reason-card.danger,.cwf-budget-center.bad){background:#3d2026!important;color:#ffc8d0!important;border-color:#824751!important} html[data-cwf-theme="dark"] .cw-fuel-app :where(.cwf-freshness.unknown,.cwf-price-stand,.cwf-verdict.neutral,.cwf-reason-card.neutral){background:#1a394b!important;color:#d6e5ed!important;border-color:#557386!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-metric.price{background:#153a54!important;border-color:#4d7692!important}html[data-cwf-theme="dark"] .cw-fuel-app .cwf-metric.price strong{color:#b2dcff!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-station-actions button,html[data-cwf-theme="dark"] .cw-fuel-app .cwf-reco-actions button{background:#122b3a!important;color:#edf6fb!important;border-color:#587687!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-bottom-nav{background:rgba(12,30,42,.985)!important;border-color:#526f80!important}html[data-cwf-theme="dark"] .cw-fuel-app .cwf-bottom-nav button,html[data-cwf-theme="dark"] .cw-fuel-app .cwf-bottom-nav a{color:#c8d6df!important}html[data-cwf-theme="dark"] .cw-fuel-app .cwf-bottom-nav .active{background:#153a54!important;color:#e6f3ff!important} html[data-cwf-theme="dark"] .cwf-search-hit{border-color:#67b0e8!important;box-shadow:0 0 0 4px rgba(103,176,232,.17),0 14px 34px rgba(0,0,0,.28)!important} /* System dark only when the OS/browser actually requests dark. */ @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"]{--cwf-bg:#06131f;--cwf-surface:#0e2230;--cwf-surface-2:#163142;--cwf-text:#f3f8fb;--cwf-text-2:#c5d3dc;--cwf-text-3:#b2c3ce;--cwf-border:#496576;--bg:#06131f;--card:#0e2230;--text:#f3f8fb;--muted:#c5d3dc;--line:#496576} html[data-cwf-theme="system"] body.cwf-standalone,html[data-cwf-theme="system"] .cw-fuel-app{background:#06131f!important;color:#f3f8fb!important} html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-favorite-card,.cwf-alert-card,.cwf-savings-card,.cwf-profile-card,.cwf-route-card,.cwf-community-card,.cwf-market-card,.cwf-assistant-card,.cwf-commute-card,.cwf-receipt-card,.cwf-history-block,.cwf-data-cockpit,.cwf-vehicle-cost-center,.cwf-modal-card){background:#0e2230!important;color:#f3f8fb!important;border-color:#496576!important} html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-station-metrics,.cwf-metric,.cwf-data-cockpit-grid>div,.cwf-alert-cockpit>div,.cwf-profile-stats>div,.cwf-history-stats>div,.cwf-savings-summary>div,.cwf-plan-grid>div,.cwf-compare-card,.cwf-home-quick button,.cwf-route-summary span,.cwf-favorite-delta){background:#163142!important;color:#f0f6fa!important;border-color:#526f80!important} html[data-cwf-theme="system"] .cw-fuel-app :where(p,small,label,.cwf-muted,.cwf-status-strip,.cwf-status-time,.cwf-station-title p,.cwf-reco-station p,.cwf-detail-address,.cwf-detail-copy,.cwf-alert-item span,.cwf-market-note,.cwf-commute-status,.cwf-assistant-result span,.cwf-budget-head span){color:#c5d3dc!important} html[data-cwf-theme="system"] .cw-fuel-app :where(input,select,textarea){background:#091c28!important;color:#f3f8fb!important;border-color:#5a7687!important} html[data-cwf-theme="system"] .cw-fuel-app :where(input,textarea)::placeholder{color:#aec0cb!important} html[data-cwf-theme="system"] .cw-fuel-app .cwf-bottom-nav{background:rgba(12,30,42,.985)!important;border-color:#526f80!important}html[data-cwf-theme="system"] .cw-fuel-app .cwf-bottom-nav button,html[data-cwf-theme="system"] .cw-fuel-app .cwf-bottom-nav a{color:#c8d6df!important}html[data-cwf-theme="system"] .cw-fuel-app .cwf-bottom-nav .active{background:#153a54!important;color:#e6f3ff!important} } @media(max-width:650px){ .cw-fuel-app :where(.cwf-freshness,.cwf-verified,.cwf-price-stand,.cwf-confidence,.cwf-consensus,.cwf-price-warning,.cwf-data-score){font-size:9px!important;line-height:1.25!important} .cwf-station-actions button,.cwf-station-actions a,.cwf-reco-actions button,.cwf-reco-actions a{min-height:42px!important;font-size:10px!important} } /* ========================================================= TankenCH 1.0.0-rc24 — UX Consolidation & Readability Contract Progressive disclosure + one final light/dark component palette. ========================================================= */ :root{ --c24-bg:#edf2f6;--c24-card:#ffffff;--c24-sub:#f3f6f8;--c24-sub2:#e7eef3; --c24-text:#102735;--c24-muted:#3d5869;--c24-soft:#516a79;--c24-border:#b9c9d4; --c24-blue:#07579e;--c24-blue-soft:#e0edf7;--c24-green:#145e42;--c24-green-soft:#dcefe5; --c24-amber:#6b4700;--c24-amber-soft:#f7e8bd;--c24-red:#7f2b39;--c24-red-soft:#f4dce0; } html[data-cwf-theme="light"],html[data-cwf-theme="system"]{--bg:var(--c24-bg);--card:var(--c24-card);--text:var(--c24-text);--muted:var(--c24-muted);--line:var(--c24-border)} html[data-cwf-theme="light"] body.cwf-standalone,html[data-cwf-theme="system"] body.cwf-standalone{background:var(--c24-bg)!important;color:var(--c24-text)!important} html[data-cwf-theme="light"] .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-compare,.cwf-favorite-card,.cwf-modal-card), html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-compare,.cwf-favorite-card,.cwf-modal-card){background:var(--c24-card)!important;color:var(--c24-text)!important;border-color:var(--c24-border)!important} html[data-cwf-theme="light"] .cw-fuel-app :where(.cwf-station-metrics,.cwf-compare-card,.cwf-home-quick button,.cwf-detail-reasons>div,.cwf-profile-stats>div,.cwf-history-stats>div,.cwf-market-stats>div), html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-station-metrics,.cwf-compare-card,.cwf-home-quick button,.cwf-detail-reasons>div,.cwf-profile-stats>div,.cwf-history-stats>div,.cwf-market-stats>div){background:var(--c24-sub)!important;color:var(--c24-text)!important;border-color:var(--c24-border)!important} html[data-cwf-theme="light"] .cw-fuel-app :where(p,small,label,.cwf-status-strip,.cwf-station-sub,.cwf-detail-copy,.cwf-detail-address), html[data-cwf-theme="system"] .cw-fuel-app :where(p,small,label,.cwf-status-strip,.cwf-station-sub,.cwf-detail-copy,.cwf-detail-address){color:var(--c24-muted)!important} html[data-cwf-theme="light"] .cw-fuel-app input,html[data-cwf-theme="light"] .cw-fuel-app select,html[data-cwf-theme="light"] .cw-fuel-app textarea, html[data-cwf-theme="system"] .cw-fuel-app input,html[data-cwf-theme="system"] .cw-fuel-app select,html[data-cwf-theme="system"] .cw-fuel-app textarea{background:#fff!important;color:var(--c24-text)!important;border-color:#9fb3c1!important} html[data-cwf-theme="light"] .cw-fuel-app :where(input,textarea)::placeholder,html[data-cwf-theme="system"] .cw-fuel-app :where(input,textarea)::placeholder{color:#536d7d!important;opacity:1!important} /* Progressive disclosure: core decision first, depth on demand. */ .cwf-search-more,.cwf-home-insights{border:1px solid var(--c24-border);border-radius:16px;background:rgba(255,255,255,.72);overflow:hidden} .cwf-search-more{margin-top:14px} .cwf-search-more>summary,.cwf-home-insights>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:11px 14px;color:var(--c24-text);font-weight:850} .cwf-search-more>summary::-webkit-details-marker,.cwf-home-insights>summary::-webkit-details-marker{display:none} .cwf-search-more>summary::after,.cwf-home-insights>summary::after{content:'+';width:28px;height:28px;border-radius:9px;background:var(--c24-sub2);display:grid;place-items:center;color:var(--c24-blue);font-size:18px;font-weight:900;flex:none} .cwf-search-more[open]>summary::after,.cwf-home-insights[open]>summary::after{content:'−'} .cwf-search-more>summary span{font-size:12px}.cwf-search-more>summary small{margin-left:auto;font-size:10px;color:var(--c24-muted)!important;font-weight:750} .cwf-search-more-body{padding:0 14px 14px;border-top:1px solid #dbe4ea} .cwf-search-more .cwf-tank-amount{margin-top:13px} .cwf-home-insights{margin:14px 0 18px;background:#f7fafc} .cwf-home-insights>summary>span{display:flex;flex-direction:column;gap:2px;min-width:0}.cwf-home-insights>summary strong{font-size:13px}.cwf-home-insights>summary small{font-size:10px;color:var(--c24-muted)!important;font-weight:650} .cwf-home-insights>summary em{margin-left:auto;font-style:normal;font-size:10px;font-weight:900;color:#245b80;background:#e2edf4;border:1px solid #bfd0dc;border-radius:999px;padding:5px 8px} .cwf-home-insights-body{display:grid;gap:10px;padding:12px;border-top:1px solid #dbe4ea} .cwf-home-insights-body>section{margin:0!important} /* Results become the visual anchor after the first successful search. */ .cwf-has-results .cwf-search-card{padding:16px!important;box-shadow:0 10px 28px rgba(8,31,48,.07)!important} .cwf-has-results .cwf-search-card>h2{font-size:16px;margin-bottom:9px} .cwf-has-results .cwf-universal-search-hint{display:none!important} .cwf-section-head p[id$="result-summary"]{font-weight:800;color:#38596d!important;background:#e7eff4;border:1px solid #c5d5df;border-radius:999px;padding:6px 9px;white-space:nowrap} /* Search suggestion accessibility / focus */ .cwf-search-suggestions [data-station-suggest].active,.cwf-search-suggestions [data-station-suggest]:focus-visible{background:#e3eff8!important;outline:2px solid #07579e!important;outline-offset:-2px!important} .cwf-search-suggestions [data-station-suggest].active strong{color:#063f75!important} /* Consistent readable semantic chips. */ .cw-fuel-app :where(.cwf-freshness.fresh,.cwf-verified,.cwf-consensus.confirmed){background:var(--c24-green-soft)!important;color:var(--c24-green)!important;border-color:#94bca8!important} .cw-fuel-app :where(.cwf-freshness.warm,.cwf-reason-card.watch){background:var(--c24-amber-soft)!important;color:var(--c24-amber)!important;border-color:#d1b46d!important} .cw-fuel-app :where(.cwf-freshness.old,.cwf-freshness.stale,.cwf-price-warning,.cwf-consensus.conflict){background:var(--c24-red-soft)!important;color:var(--c24-red)!important;border-color:#d2a0a8!important} .cw-fuel-app :where(.cwf-freshness.unknown,.cwf-price-stand,.cwf-confidence.unknown){background:#e5ecf1!important;color:#365365!important;border-color:#b7c8d3!important} @media(max-width:650px){ .cwf-search-more>summary,.cwf-home-insights>summary{min-height:48px;padding:10px 11px}.cwf-search-more>summary small{display:none} .cwf-home-insights>summary small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px} .cwf-section-head p[id$="result-summary"]{font-size:9px;padding:5px 7px;max-width:48vw;overflow:hidden;text-overflow:ellipsis} .cwf-home-insights-body{padding:8px;gap:8px}.cwf-search-more-body{padding:0 10px 10px} } /* Dark palette: intentionally separate, never a light palette with inverted text. */ html[data-cwf-theme="dark"]{--bg:#071721;--card:#0f2533;--text:#f1f7fb;--muted:#c1d1db;--line:#3b5667} html[data-cwf-theme="dark"] .cwf-search-more,html[data-cwf-theme="dark"] .cwf-home-insights{background:#0d202d;border-color:#3b5667} html[data-cwf-theme="dark"] .cwf-search-more>summary,html[data-cwf-theme="dark"] .cwf-home-insights>summary{color:#f1f7fb} html[data-cwf-theme="dark"] .cwf-search-more>summary::after,html[data-cwf-theme="dark"] .cwf-home-insights>summary::after{background:#173345;color:#a9d4fa} html[data-cwf-theme="dark"] .cwf-search-more-body,html[data-cwf-theme="dark"] .cwf-home-insights-body{border-color:#344e5e} html[data-cwf-theme="dark"] .cwf-home-insights>summary small,html[data-cwf-theme="dark"] .cwf-search-more>summary small{color:#bfd0db!important} html[data-cwf-theme="dark"] .cwf-home-insights>summary em{background:#17374d;border-color:#41677f;color:#d9ecfb} html[data-cwf-theme="dark"] .cwf-section-head p[id$="result-summary"]{background:#173345;border-color:#416074;color:#d9e7ef!important} html[data-cwf-theme="dark"] .cwf-search-suggestions [data-station-suggest].active,html[data-cwf-theme="dark"] .cwf-search-suggestions [data-station-suggest]:focus-visible{background:#173b54!important;outline-color:#8fc9f6!important} @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"]{--bg:#071721;--card:#0f2533;--text:#f1f7fb;--muted:#c1d1db;--line:#3b5667} html[data-cwf-theme="system"] body.cwf-standalone{background:#071721!important;color:#f1f7fb!important} html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-search-card,.cwf-panel,.cwf-reco-card:not(.primary),.cwf-station-card,.cwf-compare,.cwf-favorite-card,.cwf-modal-card){background:#0f2533!important;color:#f1f7fb!important;border-color:#3b5667!important} html[data-cwf-theme="system"] .cw-fuel-app :where(.cwf-station-metrics,.cwf-compare-card,.cwf-home-quick button,.cwf-detail-reasons>div,.cwf-profile-stats>div,.cwf-history-stats>div,.cwf-market-stats>div){background:#132d3d!important;color:#eef6fb!important;border-color:#456273!important} html[data-cwf-theme="system"] .cw-fuel-app :where(p,small,label,.cwf-status-strip,.cwf-station-sub,.cwf-detail-copy,.cwf-detail-address){color:#c1d1db!important} html[data-cwf-theme="system"] .cw-fuel-app input,html[data-cwf-theme="system"] .cw-fuel-app select,html[data-cwf-theme="system"] .cw-fuel-app textarea{background:#0c202d!important;color:#f1f7fb!important;border-color:#496778!important} html[data-cwf-theme="system"] .cw-fuel-app :where(input,textarea)::placeholder{color:#a9bdc9!important} html[data-cwf-theme="system"] .cwf-search-more,html[data-cwf-theme="system"] .cwf-home-insights{background:#0d202d;border-color:#3b5667} html[data-cwf-theme="system"] .cwf-search-more>summary,html[data-cwf-theme="system"] .cwf-home-insights>summary{color:#f1f7fb} html[data-cwf-theme="system"] .cwf-search-more>summary::after,html[data-cwf-theme="system"] .cwf-home-insights>summary::after{background:#173345;color:#a9d4fa} html[data-cwf-theme="system"] .cwf-search-more-body,html[data-cwf-theme="system"] .cwf-home-insights-body{border-color:#344e5e} html[data-cwf-theme="system"] .cwf-home-insights>summary small,html[data-cwf-theme="system"] .cwf-search-more>summary small{color:#bfd0db!important} html[data-cwf-theme="system"] .cwf-home-insights>summary em{background:#17374d;border-color:#41677f;color:#d9ecfb} html[data-cwf-theme="system"] .cwf-section-head p[id$="result-summary"]{background:#173345;border-color:#416074;color:#d9e7ef!important} html[data-cwf-theme="system"] .cwf-search-suggestions [data-station-suggest].active,html[data-cwf-theme="system"] .cwf-search-suggestions [data-station-suggest]:focus-visible{background:#173b54!important;outline-color:#8fc9f6!important} } /* ========================================================= TankenCH 1.0.0-rc25 — Favorite Interaction Reliability ========================================================= */ .cw-fuel-app .cwf-reco-card.primary::after{pointer-events:none!important;z-index:0!important} .cw-fuel-app .cwf-reco-card.primary>*{position:relative;z-index:1} .cw-fuel-app .cwf-fav-btn{position:relative;z-index:4!important;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent} .cw-fuel-app .cwf-fav-btn:focus-visible{outline:3px solid #0b6fff!important;outline-offset:3px!important} .cw-fuel-app .cwf-detail-actions #cwf-detail-favorite{border-color:#b7c7d2!important;background:#eef4f8!important;color:#23465e!important} .cw-fuel-app .cwf-detail-actions #cwf-detail-favorite.active{background:#f8e7b6!important;border-color:#d2ad5b!important;color:#684300!important;font-weight:900!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-detail-actions #cwf-detail-favorite{background:#173142!important;border-color:#466173!important;color:#e0edf5!important} html[data-cwf-theme="dark"] .cw-fuel-app .cwf-detail-actions #cwf-detail-favorite.active{background:#3a2b12!important;border-color:#8b6a34!important;color:#ffe5a8!important} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cw-fuel-app .cwf-detail-actions #cwf-detail-favorite{background:#173142!important;border-color:#466173!important;color:#e0edf5!important}html[data-cwf-theme="system"] .cw-fuel-app .cwf-detail-actions #cwf-detail-favorite.active{background:#3a2b12!important;border-color:#8b6a34!important;color:#ffe5a8!important}} @media(max-width:650px){.cw-fuel-app .cwf-fav-btn{min-width:44px!important;min-height:44px!important}.cw-fuel-app .cwf-detail-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.cw-fuel-app .cwf-detail-actions a{grid-column:1/-1!important;min-height:46px!important}} /* ========================================================= TankenCH 1.0.0-rc26 — Decision-speed quick filters ========================================================= */ .cwf-quick-filters{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 9px;align-items:center} .cwf-quick-filters button{min-height:38px;padding:0 13px;border-radius:999px;border:1px solid #b9c9d4;background:#fff;color:#29485c;font-size:10px;font-weight:850;box-shadow:0 4px 12px rgba(8,31,48,.04);transition:.16s ease} .cwf-quick-filters button:hover:not(:disabled){transform:translateY(-1px);border-color:#8fa9ba;background:#f8fbfd} .cwf-quick-filters button.active{background:#0b5fa8;color:#fff;border-color:#0b5fa8;box-shadow:0 8px 18px rgba(11,95,168,.18)} .cwf-quick-filters button:disabled{opacity:.46;cursor:not-allowed} .cwf-empty-reset{margin-top:10px;min-height:40px;border:1px solid #aac0cf;border-radius:11px;background:#fff;color:#124f7d;padding:0 14px;font-weight:850} .cwf-detail-reasons{grid-template-columns:repeat(4,minmax(0,1fr))!important} @media(max-width:850px){.cwf-detail-reasons{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:650px){.cwf-quick-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cwf-quick-filters button{min-height:42px;padding:0 8px;font-size:10px}.cwf-quick-filters button:first-child{grid-column:1/-1}.cwf-detail-reasons{grid-template-columns:1fr!important}} html[data-cwf-theme="dark"] .cwf-quick-filters button{background:#132b3b;color:#d8e7f0;border-color:#456071} html[data-cwf-theme="dark"] .cwf-quick-filters button.active{background:#1768aa;color:#fff;border-color:#4b8fc4} html[data-cwf-theme="dark"] .cwf-empty-reset{background:#132b3b;color:#d7ebfb;border-color:#456071} @media(prefers-color-scheme:dark){html[data-cwf-theme="system"] .cwf-quick-filters button{background:#132b3b;color:#d8e7f0;border-color:#456071}html[data-cwf-theme="system"] .cwf-quick-filters button.active{background:#1768aa;color:#fff;border-color:#4b8fc4}html[data-cwf-theme="system"] .cwf-empty-reset{background:#132b3b;color:#d7ebfb;border-color:#456071}} /* ========================================================= TankenCH 1.0.0-rc27 — Pro Prestige Experience Premium hierarchy + transparent TankenCH Score. ========================================================= */ :root{ --cwf-prestige-navy:#08263f; --cwf-prestige-navy-2:#0b3a61; --cwf-prestige-gold:#b78a35; --cwf-prestige-gold-soft:#f3e7cb; --cwf-prestige-platinum:#e8eef2; } .cwf-reco-head-tools,.cwf-station-top-tools{display:flex;align-items:center;gap:7px;flex:none} .cwf-prestige-score{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:6px;min-height:36px;padding:5px 9px;border-radius:12px;border:1px solid #a9becd;background:#eef4f8;color:#1e455f;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);white-space:nowrap} .cwf-prestige-score small{grid-column:1/-1;font-size:7px!important;line-height:1;letter-spacing:.12em;font-weight:950;color:#516b7b!important} .cwf-prestige-score b{font-size:16px;line-height:1;letter-spacing:-.04em} .cwf-prestige-score em{font-size:8px;font-style:normal;font-weight:850;color:inherit} .cwf-prestige-score.elite{background:linear-gradient(145deg,#08263f,#0b3a61);color:#fff;border-color:#b78a35;box-shadow:0 7px 18px rgba(8,38,63,.18),inset 0 1px 0 rgba(255,255,255,.12)} .cwf-prestige-score.elite small{color:#f1d99f!important}.cwf-prestige-score.elite b{color:#fff} .cwf-prestige-score.good{background:#dcefe5;color:#155b3e;border-color:#8fbba5} .cwf-prestige-score.watch{background:#f7e8bd;color:#684500;border-color:#d4b56b} .cwf-prestige-score.neutral{background:#e3eaf0;color:#355163;border-color:#acbec9} /* First recommendation gets a restrained prestige edge, not decorative overload. */ .cwf-reco-card.primary{border-color:#b78a35!important;box-shadow:0 24px 54px rgba(6,27,45,.22),0 0 0 1px rgba(183,138,53,.20)!important} .cwf-reco-card.primary::before{content:"";position:absolute;z-index:1;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,transparent,#d5b56f,transparent);pointer-events:none} .cwf-reco-card.primary .cwf-prestige-score{background:rgba(4,20,34,.46);border-color:rgba(222,191,122,.75);box-shadow:none;color:#fff} .cwf-reco-card.primary .cwf-prestige-score small{color:#eed99f!important} .cwf-station-card{box-shadow:0 9px 24px rgba(8,31,48,.065)!important} .cwf-station-card:hover{border-color:#9fb5c3!important;box-shadow:0 16px 34px rgba(8,31,48,.10)!important} .cwf-station-top-tools{align-self:flex-start} .cwf-station-top-tools .cwf-prestige-score{min-width:48px;justify-content:center;text-align:center;padding:5px 7px} /* Prestige map markers show both price and the transparent score. */ .cwf-price-marker.cwf-prestige-marker>div{min-width:72px;padding:7px 8px;border-width:2px!important;border-color:#839aaa!important;box-shadow:0 8px 20px rgba(7,27,47,.22)!important} .cwf-price-marker.cwf-prestige-marker>div.best{background:linear-gradient(145deg,#08263f,#0b3a61)!important;border-color:#c29a4b!important;color:#fff!important;transform:scale(1.08)} .cwf-price-marker.cwf-prestige-marker>div.best strong,.cwf-price-marker.cwf-prestige-marker>div.best small{color:#fff!important} .cwf-price-marker.cwf-prestige-marker>div.elite{border-color:#b78a35!important} .cwf-price-marker.cwf-prestige-marker>div.good{border-color:#4d9a78!important} .cwf-price-marker.cwf-prestige-marker>div.watch{border-color:#c19a45!important} .cwf-price-marker.cwf-prestige-marker small{display:block;margin-top:3px!important;font-size:7px!important;font-weight:850!important;color:#4c6575!important} .cwf-map-popup-prestige{gap:7px!important;min-width:185px!important}.cwf-map-score{display:inline-flex;align-self:flex-start;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;background:#e3eaf0;color:#355163;border:1px solid #acbec9}.cwf-map-score.elite{background:#08263f;color:#fff;border-color:#b78a35}.cwf-map-score.good{background:#dcefe5;color:#155b3e;border-color:#8fbba5}.cwf-map-score.watch{background:#f7e8bd;color:#684500;border-color:#d4b56b} .cwf-map-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:3px}.cwf-map-popup-actions button,.cwf-map-popup-actions a{min-height:34px;border-radius:9px;border:1px solid #b6c7d2;background:#fff;color:#164e77;font-size:9px!important;font-weight:850;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0 7px}.cwf-map-popup-actions a{background:#08263f;color:#fff;border-color:#08263f} /* Modal gets clearer prestige hierarchy while preserving the accessibility palette. */ .cwf-station-detail{border-top:3px solid #b78a35!important} .cwf-station-detail>.cwf-section-kicker{color:#76520c!important} .cwf-detail-hero{background:linear-gradient(135deg,#f8fbfd,#edf4f8)!important;border:1px solid #c4d4df!important} .cwf-detail-hero>div:first-child{position:relative}.cwf-detail-hero>div:first-child::after{content:"PRESTIGE CHECK";position:absolute;right:10px;top:9px;font-size:7px;font-weight:950;letter-spacing:.13em;color:#76520c;background:#f3e7cb;border:1px solid #d8bd82;border-radius:999px;padding:5px 7px} /* Stronger, calmer action hierarchy. */ .cwf-reco-actions a,.cwf-station-actions a{background:linear-gradient(135deg,#08263f,#0b4776)!important;border-color:#08263f!important;color:#fff!important} .cwf-reco-actions .cwf-detail-btn,.cwf-station-actions [data-station-detail]{border-color:#8ba6b7!important;background:#edf4f8!important;color:#153f5a!important} .cwf-bottom-nav .active{box-shadow:inset 0 0 0 1px rgba(8,38,63,.12),0 7px 18px rgba(8,31,48,.08)!important} html[data-cwf-theme="dark"] .cwf-prestige-score{background:#173142;color:#e9f2f7;border-color:#4b687a}html[data-cwf-theme="dark"] .cwf-prestige-score small{color:#bfd0da!important} html[data-cwf-theme="dark"] .cwf-prestige-score.elite{background:linear-gradient(145deg,#071a2b,#0b3151);border-color:#b78a35;color:#fff} html[data-cwf-theme="dark"] .cwf-prestige-score.good{background:#12382b;color:#c8efdc;border-color:#3f745a}html[data-cwf-theme="dark"] .cwf-prestige-score.watch{background:#3c2d12;color:#f6d88b;border-color:#765a2a} html[data-cwf-theme="dark"] .cwf-detail-hero{background:linear-gradient(135deg,#102b3d,#0d2230)!important;border-color:#456273!important}html[data-cwf-theme="dark"] .cwf-detail-hero>div:first-child::after{background:#3c2d12;color:#f6d88b;border-color:#765a2a} html[data-cwf-theme="dark"] .cwf-map-popup-actions button{background:#173142;color:#d7e9f4;border-color:#526f80}html[data-cwf-theme="dark"] .cwf-map-popup-actions a{background:#0b3151;color:#fff;border-color:#537694} @media(prefers-color-scheme:dark){ html[data-cwf-theme="system"] .cwf-prestige-score{background:#173142;color:#e9f2f7;border-color:#4b687a}html[data-cwf-theme="system"] .cwf-prestige-score small{color:#bfd0da!important} html[data-cwf-theme="system"] .cwf-prestige-score.elite{background:linear-gradient(145deg,#071a2b,#0b3151);border-color:#b78a35;color:#fff} html[data-cwf-theme="system"] .cwf-prestige-score.good{background:#12382b;color:#c8efdc;border-color:#3f745a}html[data-cwf-theme="system"] .cwf-prestige-score.watch{background:#3c2d12;color:#f6d88b;border-color:#765a2a} html[data-cwf-theme="system"] .cwf-detail-hero{background:linear-gradient(135deg,#102b3d,#0d2230)!important;border-color:#456273!important}html[data-cwf-theme="system"] .cwf-detail-hero>div:first-child::after{background:#3c2d12;color:#f6d88b;border-color:#765a2a} html[data-cwf-theme="system"] .cwf-map-popup-actions button{background:#173142;color:#d7e9f4;border-color:#526f80}html[data-cwf-theme="system"] .cwf-map-popup-actions a{background:#0b3151;color:#fff;border-color:#537694} } @media(max-width:650px){ .cwf-reco-head-tools,.cwf-station-top-tools{gap:5px}.cwf-prestige-score{min-height:39px;padding:5px 7px}.cwf-prestige-score b{font-size:15px}.cwf-prestige-score small{font-size:6px!important} .cwf-station-top-tools{flex-direction:column-reverse;align-items:flex-end}.cwf-station-top-tools .cwf-fav-btn{min-width:42px!important;min-height:42px!important} .cwf-map-popup-actions{grid-template-columns:1fr}.cwf-detail-hero>div:first-child::after{position:static;display:inline-flex;margin-top:8px} } /* RC28 – clearer station location presentation */ .cwf-station-meta{display:flex;flex-direction:column;gap:2px;margin:0 0 4px} .cwf-station-meta.compact{gap:1px} .cwf-station-meta-line{display:block;line-height:1.35} .cwf-station-meta-brand{font-size:10px;font-weight:800;color:#577082} .cwf-station-meta-street,.cwf-station-meta-locality{font-size:11px;color:#334c5c} .cwf-station-meta-locality{font-weight:700} .cwf-reco-card.primary .cwf-station-meta-brand{color:#c7d7e1} .cwf-reco-card.primary .cwf-station-meta-street,.cwf-reco-card.primary .cwf-station-meta-locality{color:#eef5fa} .cwf-station-title .cwf-station-meta{margin-bottom:6px} .cwf-detail-address .cwf-station-meta{gap:3px;margin-top:2px} .cwf-detail-address .cwf-station-meta-brand{font-size:12px} .cwf-detail-address .cwf-station-meta-street,.cwf-detail-address .cwf-station-meta-locality{font-size:14px} @media(max-width:700px){ .cwf-station-meta-brand{font-size:9px} .cwf-station-meta-street,.cwf-station-meta-locality{font-size:10.5px} .cwf-detail-address .cwf-station-meta-street,.cwf-detail-address .cwf-station-meta-locality{font-size:13px} } html[data-cwf-theme="dark"] .cwf-station-meta-brand,html[data-cwf-theme="system"] .cwf-station-meta-brand{color:#a9bfce} html[data-cwf-theme="dark"] .cwf-station-meta-street,html[data-cwf-theme="dark"] .cwf-station-meta-locality, html[data-cwf-theme="system"] .cwf-station-meta-street,html[data-cwf-theme="system"] .cwf-station-meta-locality{color:#e7f0f6}