.monitor-hero{padding:2rem 1.25rem 1rem;text-align:center}.monitor-hero-title{font-size:1.75rem;font-weight:900;color:var(--color-text);margin:0 0 .5rem}.monitor-hero-desc{font-size:.9rem;color:var(--color-text-secondary);max-width:640px;margin:0 auto .75rem;line-height:1.6}.monitor-hero-updated{font-size:.75rem;color:var(--color-text-muted)}.monitor-hero-updated.stale{color:#f97316;font-weight:600}@media(min-width:768px){.monitor-hero{padding:3rem 2rem 1.5rem}.monitor-hero-title{font-size:2.25rem}}.monitor-kpi-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:1140px;margin:0 auto;padding:0 1.25rem 1.5rem}@media(min-width:640px){.monitor-kpi-bar{grid-template-columns:repeat(6,1fr);gap:.5rem}}@media(min-width:768px){.monitor-kpi-bar{gap:.75rem;padding:0 2rem 2rem}}.monitor-kpi-item{background:var(--color-surface, #fff);border:1px solid var(--color-section-border, rgba(0, 0, 0, .08));border-radius:10px;padding:.5rem .4rem;text-align:center;min-width:0;overflow:hidden;display:flex;flex-direction:column}@media(min-width:480px){.monitor-kpi-item{border-radius:12px;padding:.75rem 1rem}}.monitor-kpi-label{display:block;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.15rem}@media(min-width:480px){.monitor-kpi-label{font-size:.65rem;letter-spacing:.06em;margin-bottom:.25rem}}.monitor-kpi-value{font-size:1.1rem;font-weight:800;line-height:1}@media(min-width:480px){.monitor-kpi-value{font-size:1.35rem}}.monitor-kpi-suffix{font-size:.6rem;font-weight:600;opacity:.7}@media(min-width:480px){.monitor-kpi-suffix{font-size:.7rem}}@media(min-width:768px){.monitor-kpi-value{font-size:1.6rem}}.monitor-section-label{grid-column:1 / -1;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:1.5rem 0 .25rem;border-bottom:1px solid var(--color-border, rgba(255,255,255,.08))}.monitor-section-label:first-child{padding-top:0}.monitor-cards{max-width:1140px;margin:0 auto;padding:0 1.25rem 2rem;display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.monitor-cards{grid-template-columns:repeat(2,1fr);padding:0 2rem 3rem;gap:2rem}.monitor-card-full{grid-column:1 / -1}}.monitor-card{background:var(--color-surface, #fff);border:1px solid var(--color-section-border, rgba(0, 0, 0, .08));border-radius:12px;padding:.75rem;overflow:hidden;display:flex;flex-direction:column}@media(min-width:480px){.monitor-card{border-radius:14px;padding:1rem 1.25rem}}@media(min-width:768px){.monitor-card{border-radius:16px;padding:1.5rem 2rem}}.monitor-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;gap:.5rem}.monitor-card-title{font-size:.85rem;font-weight:700;color:var(--color-text);margin:0}@media(min-width:480px){.monitor-card-title{font-size:1rem}}.monitor-card-kpi-area{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;min-width:0}.monitor-card-hint{font-size:.6rem;color:var(--color-text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(min-width:480px){.monitor-card-hint{font-size:.65rem}}.monitor-card-kpi{font-size:1.25rem;font-weight:800;color:var(--color-text);white-space:nowrap}@media(min-width:480px){.monitor-card-kpi{font-size:1.5rem}}.monitor-card-kpi-suffix{font-size:.65rem;font-weight:600;opacity:.6}@media(min-width:480px){.monitor-card-kpi-suffix{font-size:.75rem}}.monitor-card-body{height:220px;display:flex;flex-direction:column;min-width:0}.monitor-card .recharts-responsive-container{min-width:0;min-height:0}@media(min-width:480px){.monitor-card-body{height:250px}}@media(min-width:768px){.monitor-card-body{height:300px}}.monitor-card-body-auto{display:flex;flex-direction:column}.monitor-card-unavailable{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:.875rem}.monitor-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;gap:.35rem;flex-wrap:wrap}.monitor-card-source{font-size:.6rem;color:var(--color-text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis}@media(min-width:480px){.monitor-card-source{font-size:.65rem}}.monitor-card-cta{font-size:.7rem;font-weight:600;color:var(--color-product-ausweise, #4a7c3f);text-decoration:none;white-space:nowrap}@media(min-width:480px){.monitor-card-cta{font-size:.75rem}}.monitor-card-cta:hover{text-decoration:underline}.monitor-tooltip{background:var(--color-surface, #fff);border:1px solid var(--color-section-border, rgba(0, 0, 0, .1));border-radius:10px;padding:.6rem .8rem;box-shadow:0 4px 16px #0000001a;font-size:.8rem;border-top:3px solid var(--color-product-ausweise, #4a7c3f)}.monitor-tooltip-label{font-weight:700;color:var(--color-text);margin:0 0 .25rem;font-size:.75rem}.monitor-tooltip-row{display:flex;align-items:center;gap:.4rem;margin:.15rem 0;color:var(--color-text-secondary)}.monitor-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.monitor-expansion{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0;height:100%;justify-content:center}.monitor-expansion-row{display:flex;flex-direction:column;gap:.35rem}.monitor-expansion-header{display:flex;justify-content:space-between;align-items:baseline}.monitor-expansion-label{font-weight:700;font-size:.9rem;color:var(--color-text)}.monitor-expansion-stats{font-size:.75rem;color:var(--color-text-muted)}.monitor-expansion-bar-bg{height:16px;background:var(--color-section-alternate, #f5f5f5);border-radius:8px;overflow:hidden}.monitor-expansion-bar-fill{height:100%;border-radius:8px;transition:width 1s cubic-bezier(.16,1,.3,1)}.monitor-expansion-footer{display:flex;justify-content:space-between;font-size:.6rem;color:var(--color-text-muted);flex-wrap:wrap;gap:.15rem .5rem}@media(min-width:480px){.monitor-expansion-footer{font-size:.7rem}}.monitor-expansion-history{margin-top:.5rem}.monitor-expansion-history-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.monitor-skeleton-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:1140px;margin:0 auto;padding:0 1.25rem 1.5rem}@media(min-width:768px){.monitor-skeleton-kpi{grid-template-columns:repeat(5,1fr);padding:0 2rem 2rem}}.monitor-skeleton-kpi-item{background:var(--color-surface, #fff);border:1px solid var(--color-section-border);border-radius:12px;padding:1rem}.monitor-skeleton-cards{max-width:1140px;margin:0 auto;padding:0 1.25rem 2rem;display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.monitor-skeleton-cards{grid-template-columns:repeat(2,1fr);gap:2rem}}.monitor-skeleton-card{padding:.75rem}@media(min-width:480px){.monitor-skeleton-card{padding:1rem 1.25rem}}@media(min-width:768px){.monitor-skeleton-card{padding:1.5rem}}.monitor-skeleton-line{height:14px;border-radius:7px;background:linear-gradient(90deg,var(--color-section-alternate, #f0f0f0) 25%,var(--color-surface, #e5e5e5) 50%,var(--color-section-alternate, #f0f0f0) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.monitor-skeleton-line.short{width:30%;margin-bottom:.75rem}.monitor-skeleton-line.wide{width:60%}.monitor-skeleton-chart{height:180px;border-radius:8px;margin:.75rem 0;background:linear-gradient(90deg,var(--color-section-alternate, #f0f0f0) 25%,var(--color-surface, #e5e5e5) 50%,var(--color-section-alternate, #f0f0f0) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.monitor-sources{max-width:1140px;margin:0 auto;padding:1rem 1.25rem 2rem;text-align:center;font-size:.7rem;color:var(--color-text-muted);line-height:1.7}@media(min-width:768px){.monitor-sources{padding:1rem 2rem 3rem}}.monitor-error{max-width:480px;margin:3rem auto;text-align:center;padding:2rem 1.25rem}.monitor-error-title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.monitor-error-desc{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem}.monitor-error-retry{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:8px;border:1px solid var(--color-section-border);background:var(--color-surface);color:var(--color-text);font-weight:600;font-size:.875rem;cursor:pointer;font-family:inherit}.monitor-error-retry:hover{background:var(--color-section-alternate)}.price-breakdown{display:flex;flex-direction:column;gap:1rem;padding:.25rem 0}.price-breakdown-hint{font-size:.75rem;text-align:center;display:flex;align-items:baseline;justify-content:center;gap:.4rem;flex-wrap:wrap}.price-breakdown-brutto{font-weight:700;color:var(--color-text)}.price-breakdown-netto{color:var(--color-text-muted);font-size:.7rem}.price-breakdown-bar{display:flex;height:28px;border-radius:8px;overflow:hidden;gap:2px}.price-breakdown-bar-segment{transition:width .8s cubic-bezier(.16,1,.3,1);min-width:3px;cursor:default}.price-breakdown-bar-segment:first-child{border-radius:8px 0 0 8px}.price-breakdown-bar-segment:last-child{border-radius:0 8px 8px 0}.price-breakdown-categories{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:480px){.price-breakdown-categories{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.price-breakdown-categories{grid-template-columns:repeat(3,1fr)}}.price-breakdown-cat{background:var(--color-section-alternate, #f8f8f8);border-radius:10px;padding:.6rem .7rem;overflow:hidden;min-width:0}.price-breakdown-cat-header{display:flex;align-items:center;gap:.3rem;margin-bottom:.15rem}.price-breakdown-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.price-breakdown-cat-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.price-breakdown-cat-value-row{display:flex;align-items:baseline;justify-content:space-between;gap:.25rem}.price-breakdown-cat-val{font-size:1rem;font-weight:800;color:var(--color-text);white-space:nowrap}.price-breakdown-cat-pct{font-size:.75rem;font-weight:700;color:var(--color-text-muted);flex-shrink:0}.price-breakdown-cat-desc{font-size:.65rem;color:var(--color-text-muted);margin-top:.1rem}.price-breakdown-insight{background:var(--color-section-alternate, #f8f8f8);border-radius:10px;padding:.65rem .8rem;border-left:3px solid #eab308}.price-breakdown-insight-main{font-size:.78rem;color:var(--color-text-secondary);line-height:1.5}.price-breakdown-insight-main strong{color:var(--color-text);font-weight:700}.price-breakdown-insight-detail{font-size:.72rem;color:var(--color-text-muted);margin-top:.3rem}.price-breakdown-insight-detail strong{color:var(--color-text-secondary);font-weight:600}.price-breakdown-details{margin-top:.25rem}.price-breakdown-summary{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:.3rem}.price-breakdown-summary:before{content:"▸";font-size:.7rem;transition:transform .2s}.price-breakdown-details[open] .price-breakdown-summary:before{transform:rotate(90deg)}.price-breakdown-summary::-webkit-details-marker{display:none}.price-breakdown-items{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.price-breakdown-item{display:grid;grid-template-columns:10px 1fr auto auto;gap:.5rem;align-items:center;font-size:.78rem;color:var(--color-text-secondary)}.price-breakdown-item-dot{width:8px;height:8px;border-radius:50%}.price-breakdown-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-breakdown-item-val{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.price-breakdown-item-pct{color:var(--color-text-muted);width:3.5em;text-align:right;font-variant-numeric:tabular-nums}.price-breakdown-subtotal{border-top:1px dashed var(--color-section-border);padding-top:.35rem;margin-top:.15rem;font-weight:600;color:var(--color-text-secondary)}.price-breakdown-mwst{color:var(--color-text-secondary);font-style:italic}.price-breakdown-total{border-top:2px solid var(--color-section-border);padding-top:.35rem;margin-top:.15rem;font-weight:700;color:var(--color-text)}.monitor-kpi-main-val{font-size:1.1rem;font-weight:800;line-height:1;display:block}@media(min-width:480px){.monitor-kpi-main-val{font-size:1.35rem}}.monitor-kpi-subs{display:flex;flex-direction:column;gap:.1rem;margin-top:auto;padding-top:.25rem}.monitor-kpi-sub-row{display:flex;justify-content:space-between;align-items:baseline;gap:.25rem;flex-wrap:wrap}.monitor-kpi-sub-label{font-size:.5rem;color:var(--color-text-muted);white-space:nowrap}@media(min-width:480px){.monitor-kpi-sub-label{font-size:.55rem}}.monitor-kpi-sub-val{font-size:.55rem;font-weight:700;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}@media(min-width:480px){.monitor-kpi-sub-val{font-size:.6rem}}.monitor-kpi-sub-unit{font-size:.45rem;font-weight:500;opacity:.7;width:100%;text-align:right}.monitor-kpi-fuel{display:flex;flex-direction:column}.monitor-kpi-fuel-rows{display:flex;flex-direction:column;gap:.15rem;margin-top:auto}.monitor-kpi-fuel-row{display:flex;align-items:center;gap:.25rem}.monitor-kpi-fuel-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.monitor-kpi-fuel-label{font-size:.55rem;color:var(--color-text-muted);min-width:2em}@media(min-width:480px){.monitor-kpi-fuel-label{font-size:.6rem}}.monitor-kpi-fuel-val{font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums;margin-left:auto}@media(min-width:480px){.monitor-kpi-fuel-val{font-size:.9rem}}.fuel-prices-current{display:flex;gap:.5rem;margin-bottom:.5rem}@media(max-width:479px){.fuel-prices-current{gap:.35rem}}.fuel-price-badge{flex:1;display:flex;align-items:center;gap:.3rem;padding:.4rem .5rem;background:var(--color-section-alternate, #f8f8f8);border-radius:8px;min-width:0}@media(max-width:479px){.fuel-price-badge{flex-direction:column;align-items:flex-start;gap:.1rem;padding:.35rem .4rem}}.fuel-price-badge-cheapest{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.fuel-price-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media(max-width:479px){.fuel-price-dot{width:6px;height:6px}}.fuel-price-label{font-size:.6rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media(min-width:480px){.fuel-price-label{font-size:.65rem}}.fuel-price-value{font-size:.95rem;font-weight:800;color:var(--color-text);font-variant-numeric:tabular-nums;margin-left:auto}@media(max-width:479px){.fuel-price-value{font-size:.85rem;margin-left:0}}.fuel-price-unit{font-size:.55rem;font-weight:600;color:var(--color-text-muted)}.fuel-chart-wrap{flex:1;min-height:0}.gas-info{display:flex;flex-direction:column;gap:.75rem;padding:.25rem 0}.gas-info-fill{display:flex;flex-direction:column;gap:.25rem}.gas-info-fill-bar{height:20px;background:var(--color-section-alternate, #f0f0f0);border-radius:10px;overflow:hidden;position:relative}.gas-info-fill-level{height:100%;border-radius:10px;transition:width 1s cubic-bezier(.16,1,.3,1)}.gas-info-fill-marker{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;opacity:.6}.gas-info-fill-labels{display:flex;justify-content:space-between;font-size:.55rem;color:var(--color-text-muted);position:relative}.gas-info-status{display:flex;align-items:center;gap:.4rem}.gas-info-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.gas-info-status-label{font-size:.9rem;font-weight:800}.gas-info-facts{display:flex;flex-direction:column;gap:.35rem}.gas-info-fact{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.gas-info-fact-label{font-size:.7rem;color:var(--color-text-muted)}.gas-info-fact-val{font-size:.75rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.gas-info-season{background:var(--color-section-alternate, #f8f8f8);border-radius:8px;padding:.5rem .6rem}.gas-info-season-label{display:block;font-size:.7rem;font-weight:700;color:var(--color-text);margin-bottom:.15rem}.gas-info-season-desc{display:block;font-size:.6rem;color:var(--color-text-muted);line-height:1.4}.gas-info-trend{margin-left:auto;font-size:.65rem;font-weight:700;font-variant-numeric:tabular-nums}.gas-info-volume{display:flex;align-items:baseline;gap:.3rem;padding:.4rem .5rem;background:var(--color-section-alternate, #f8f8f8);border-radius:8px}.gas-info-volume-current{font-size:.9rem;font-weight:800;font-variant-numeric:tabular-nums}.gas-info-volume-sep{font-size:.6rem;color:var(--color-text-muted)}.gas-info-volume-total{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.gas-info-volume-label{font-size:.55rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.gas-info-flow{display:flex;flex-direction:column;gap:.3rem}.gas-info-flow-indicator{display:flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:700}.gas-info-flow-arrow{font-size:.55rem}.gas-info-flow-values{display:flex;flex-direction:column;gap:.15rem}.gas-info-flow-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.6rem;color:var(--color-text-muted)}.gas-info-flow-val{font-variant-numeric:tabular-nums;font-weight:600;font-size:.6rem}.gas-info-flow-net{border-top:1px dashed var(--color-section-border, rgba(0, 0, 0, .1));padding-top:.15rem;margin-top:.1rem}.fuel-placeholder{display:flex;flex-direction:column;gap:1rem;height:100%}.fuel-placeholder-badges{display:flex;gap:.5rem}@media(max-width:479px){.fuel-placeholder-badges{gap:.35rem}}.fuel-placeholder-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.fuel-placeholder-sub{font-size:.65rem;opacity:.7}[data-theme=dark] .monitor-tooltip{background:var(--color-surface);border-color:var(--color-section-border)}[data-theme=dark] .monitor-expansion-bar-bg{background:#ffffff14}.renewable-mega{display:flex;flex-direction:column;height:100%}.renewable-mega-main{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0}.renewable-mega-chart{height:200px}@media(min-width:768px){.renewable-mega-main{flex-direction:row;gap:1.25rem}.renewable-mega-chart{flex:1;height:300px}.renewable-mega-stats{width:240px;flex-shrink:0}}.renewable-mega-stats{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}@media(min-width:768px){.renewable-mega-stats{display:flex;flex-direction:column;gap:.6rem}}@media(max-width:767px){.renewable-mega-stat-block{padding:.35rem .5rem}.renewable-mega-stat-big{font-size:.95rem}}.renewable-mega-stat-block{padding:.5rem .6rem;background:var(--color-section-alternate, #f8f8f8);border-radius:8px}.renewable-mega-stat-title{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.2rem}.renewable-mega-stat-big{font-size:1.1rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}@media(min-width:480px){.renewable-mega-stat-big{font-size:1.25rem}}.renewable-mega-stat-sub{font-size:.55rem;color:var(--color-text-muted);line-height:1.3}.renewable-mega-progress-bar{height:6px;background:var(--color-section-border, rgba(0, 0, 0, .08));border-radius:3px;overflow:hidden;margin:.25rem 0}.renewable-mega-progress-fill{height:100%;border-radius:3px;transition:width 1s ease}.renewable-mega-progress-label{font-size:.55rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.renewable-mega-ausbau{display:flex;flex-direction:column;gap:.2rem}.renewable-mega-ausbau-row{display:flex;align-items:center;gap:.3rem;font-size:.6rem}.renewable-mega-ausbau-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.renewable-mega-ausbau-label{color:var(--color-text-muted);min-width:2.5em}.renewable-mega-ausbau-val{font-variant-numeric:tabular-nums;font-weight:600}.renewable-mega-ausbau-pct{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.renewable-mega-stat-record{border-left:3px solid #22c55e}.renewable-mega-legend{display:flex;gap:.6rem;font-size:.6rem;color:var(--color-text-muted);flex-wrap:wrap;margin-bottom:.25rem}.renewable-mega-legend-item{display:flex;align-items:center;gap:.2rem}.mix-legend{display:flex;align-items:center;gap:.75rem;font-size:.65rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-section-border, #e5e7eb);color:var(--color-text-muted);flex-wrap:wrap;justify-content:center}.mix-legend-group{display:flex;align-items:center;gap:.5rem}.mix-legend-group-label{font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.mix-legend-sep{width:1px;height:14px;background:var(--color-section-border, #e5e7eb);flex-shrink:0}.mix-legend-item{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.mix-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.oil-legend{display:flex;gap:.75rem;font-size:.6rem;margin-bottom:.3rem;color:var(--color-text-muted)}.oil-legend-item{display:flex;align-items:center;gap:.25rem}.oil-legend-line{width:12px;height:2px;display:inline-block;border-radius:1px}.oil-legend-dash{width:12px;height:0;border-top:2px dashed;display:inline-block}.oil-detail{display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.oil-detail-signal{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--color-section-alternate, #f8f8f8);border-radius:8px;border-left:3px solid}.oil-detail-signal-icon{font-size:1rem;font-weight:700;flex-shrink:0}.oil-detail-signal-label{font-size:.65rem;font-weight:700}.oil-detail-signal-desc{font-size:.55rem;color:var(--color-text-muted);margin-top:.1rem;word-break:break-word}.oil-detail-prices{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .6rem;background:var(--color-section-alternate, #f8f8f8);border-radius:8px}.oil-detail-price-row{display:flex;justify-content:space-between;align-items:center;font-size:.6rem;color:var(--color-text-muted);gap:.5rem}.oil-detail-price-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oil-detail-price-val{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap;flex-shrink:0}.oil-detail-section{padding:.4rem .6rem;background:var(--color-section-alternate, #f8f8f8);border-radius:8px}.oil-detail-section-title{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.2rem}.oil-info-range{display:flex;align-items:center;gap:.3rem;margin:.15rem 0}.oil-info-range-low,.oil-info-range-high{font-size:.55rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.oil-info-range-low{color:#22c55e}.oil-info-range-high{color:#ef4444}.oil-info-range-bar{flex:1;height:4px;background:linear-gradient(to right,#22c55e,#eab308,#ef4444);border-radius:2px;position:relative}.oil-info-range-marker{position:absolute;top:-3px;width:6px;height:10px;background:var(--color-text);border-radius:2px;transform:translate(-50%)}.oil-detail-brent{font-size:.65rem;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:.15rem}.oil-detail-brent-sep{color:var(--color-text-muted)}.oil-detail-breakdown{display:flex;flex-direction:column;gap:.15rem}.oil-detail-breakdown-row{display:flex;align-items:center;gap:.3rem;font-size:.6rem}.oil-detail-breakdown-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.oil-detail-breakdown-label{color:var(--color-text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oil-detail-breakdown-val{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);white-space:nowrap}.oil-detail-breakdown-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;margin-top:.3rem;gap:1px}.oil-detail-breakdown-bar-seg{min-width:2px;border-radius:1px}.fuel-mega{display:flex;flex-direction:column;height:100%}.fuel-mega-main{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0}.fuel-mega-chart{height:220px}@media(min-width:768px){.fuel-mega-main{flex-direction:row;gap:1.25rem}.fuel-mega-chart{flex:1;height:300px}.fuel-mega-stats{width:260px;flex-shrink:0}}.fuel-mega-stats{display:grid;grid-template-columns:1fr;gap:.4rem}@media(min-width:480px)and (max-width:767px){.fuel-mega-stats{grid-template-columns:1fr 1fr 1fr}}@media(min-width:768px){.fuel-mega-stats{display:flex;flex-direction:column;gap:.5rem}}.fuel-mega-stat-block{padding:.5rem .6rem;background:var(--color-section-alternate, #f8f8f8);border-radius:8px}@media(max-width:767px){.fuel-mega-stat-block{padding:.4rem .5rem}}.fuel-mega-stat-title{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.25rem}.fuel-mega-stat-big{font-size:1.1rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}.fuel-mega-stat-sub{font-size:.55rem;color:var(--color-text-muted);line-height:1.3}.fuel-mega-price-list{display:flex;flex-direction:column;gap:.2rem}.fuel-mega-price-row{display:flex;align-items:center;gap:.3rem;font-size:.7rem}.fuel-mega-price-cheapest{background:#22c55e14;border-radius:4px;padding:.1rem .2rem;margin:-.1rem -.2rem}.fuel-mega-price-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.fuel-mega-price-label{font-size:.65rem;color:var(--color-text-muted);min-width:2.5em}.fuel-mega-price-val{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text);margin-left:auto;white-space:nowrap}.fuel-mega-price-tag{font-size:.5rem;font-weight:700;color:#22c55e;background:#22c55e1a;padding:.05rem .3rem;border-radius:3px;white-space:nowrap}.fuel-mega-spread-list{display:flex;flex-direction:column;gap:.2rem}.fuel-mega-spread-row{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;color:var(--color-text-muted);gap:.3rem}.fuel-mega-spread-row>span:last-child{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.fuel-mega-trend-list{display:flex;flex-direction:column;gap:.2rem}.fuel-mega-trend-row{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;gap:.3rem}.fuel-mega-trend-label{display:flex;align-items:center;gap:.25rem;color:var(--color-text-muted)}.fuel-mega-trend-val{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.gas-mega{display:flex;flex-direction:column;height:100%}.gas-mega-main{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0}.gas-mega-chart-area{display:flex;flex-direction:column}.gas-mega-chart{height:220px}@media(min-width:768px){.gas-mega-main{flex-direction:row;gap:1.25rem}.gas-mega-chart-area{flex:1;min-width:0}.gas-mega-chart{flex:1;height:300px}.gas-mega-stats{width:260px;flex-shrink:0}}.gas-mega-legend{display:flex;gap:.75rem;font-size:.6rem;color:var(--color-text-muted);margin-bottom:.5rem;flex-wrap:wrap}.gas-mega-legend-item{display:flex;align-items:center;gap:.25rem}.gas-mega-legend-swatch{width:10px;height:6px;display:inline-block;border-radius:2px}.gas-mega-legend-line{width:10px;height:2px;display:inline-block;border-radius:1px}.gas-mega-stats{display:grid;grid-template-columns:1fr;gap:.4rem}@media(min-width:480px)and (max-width:767px){.gas-mega-stats{grid-template-columns:1fr 1fr}}@media(min-width:768px){.gas-mega-stats{display:flex;flex-direction:column;gap:.5rem}}.gas-mega-stat-block{padding:.5rem .6rem;background:var(--color-section-alternate, #f8f8f8);border-radius:8px}@media(max-width:767px){.gas-mega-stat-block{padding:.4rem .5rem}}.gas-mega-stat-title{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.25rem}.gas-mega-stat-big{font-size:1.1rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}@media(min-width:480px){.gas-mega-stat-big{font-size:1.25rem}}.gas-mega-stat-sub{font-size:.55rem;color:var(--color-text-muted);line-height:1.3}.gas-mega-stat-compact .gas-mega-stat-big{font-size:.95rem}.gas-mega-cat-list{display:flex;flex-direction:column;gap:.2rem}.gas-mega-cat-row{display:flex;align-items:center;gap:.3rem;font-size:.7rem;line-height:1.4}.gas-mega-cat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.gas-mega-cat-label{flex:1;color:var(--color-text-muted)}.gas-mega-cat-val{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.gas-mega-cat-pct{font-size:.6rem;color:var(--color-text-muted);min-width:2.2em;text-align:right}.gas-mega-footnote{font-size:.55rem;color:var(--color-text-muted);line-height:1.4;margin-top:.6rem;padding-top:.4rem;border-top:1px solid var(--color-border, rgba(0,0,0,.06));opacity:.7}@keyframes monitorPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.monitor-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:8px;vertical-align:middle;animation:monitorPulse 2s ease-in-out infinite}.monitor-live-dot--stale{background:#f59e0b;animation:none}.monitor-card .monitor-card-body,.monitor-card .monitor-card-body-auto,.monitor-card-full .monitor-card-body,.monitor-card-full .monitor-card-body-auto{clip-path:none}.monitor-card .recharts-line-curve[stroke-dasharray],.monitor-card .recharts-area-area [stroke-dasharray]{opacity:1}@media(prefers-reduced-motion:reduce){.monitor-card .monitor-card-body{clip-path:none;transition:none}.monitor-card .recharts-line-curve[stroke-dasharray],.monitor-card .recharts-area-area [stroke-dasharray]{opacity:1;transition:none}.monitor-live-dot{animation:none}}