.fuel-overlay.fuel-workspace {
    position: static;
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    background: transparent;
    backdrop-filter: none;
}

.fuel-workspace .fuel-panel {
    width: 100%;
    min-width: 0;
    max-height: none;
    display: flex;
    flex-direction: column;
    overflow: visible;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: #07130e;
    box-shadow: none;
}

.fuel-header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.fuel-access-badge {
    padding: 8px 12px;
    border: 1px solid rgba(55, 229, 145, .35);
    border-radius: 999px;
    color: var(--accent);
    background: rgba(55, 229, 145, .08);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.fuel-toolbar {
    display: grid;
    grid-template-columns: 180px 180px minmax(240px, 1fr) 180px;
    gap: 14px;
    align-items: end;
    padding: 20px 30px;
    border-bottom: 1px solid var(--border);
}

.fuel-toolbar input,
.fuel-toolbar select {
    width: 100%;
    min-height: 54px;
    padding: 12px 16px;
    border: 1px solid var(--border);
    border-radius: 16px;
    outline: none;
    background: #06110d;
    color: var(--text);
    font: inherit;
}

.fuel-summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 20px 30px;
}

.fuel-metric {
    display: grid;
    gap: 7px;
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: rgba(255, 255, 255, .018);
}

.fuel-metric span {
    color: var(--muted);
}

.fuel-metric strong {
    color: var(--text);
    font-size: 26px;
}

.fuel-metric-accent strong {
    color: var(--accent);
}

.fuel-storage-section {
    padding: 0 30px 18px;
}

.fuel-section-heading,
.fuel-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fuel-section-heading h3,
.fuel-list-header h3 {
    margin: 0;
    font-size: 21px;
}

.fuel-storages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.fuel-storage {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 15px;
    align-items: center;
    padding: 15px 17px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: #081710;
}

.fuel-storage > div {
    display: grid;
    gap: 4px;
}

.fuel-storage > div span {
    color: var(--muted);
    font-size: 12px;
}

.fuel-storage-balance {
    color: var(--accent);
    font-size: 21px;
}

.fuel-type {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}

.fuel-list-header {
    padding: 0 30px 10px;
}

.fuel-list-header span {
    color: var(--muted);
}

.fuel-message {
    min-height: 20px;
    margin: 0;
    padding: 0 30px;
}

.fuel-rows {
    display: grid;
    gap: 9px;
    padding: 8px 30px 30px;
    overflow-y: visible;
}

.fuel-row {
    display: grid;
    grid-template-columns: 120px 110px 1.2fr 1.4fr 1fr 1fr;
    gap: 16px;
    align-items: center;
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: rgba(255, 255, 255, .018);
}

.fuel-state {
    font-size: 12px;
    letter-spacing: .05em;
}

.fuel-state-delivery {
    color: var(--accent);
}

.fuel-state-dispense {
    color: #ffcf66;
}

.fuel-state-external_refuel {
    color: #77baff;
}

.fuel-quantity {
    color: var(--text);
    font-size: 17px;
}

.fuel-target {
    display: grid;
    gap: 3px;
}

.fuel-target span,
.fuel-row > span {
    color: var(--muted);
}

.fuel-row time {
    color: var(--text);
    font-weight: 700;
}

@media (max-width: 1150px) {
    .fuel-toolbar,
    .fuel-summary {
        grid-template-columns: 1fr 1fr;
    }

    .fuel-row {
        grid-template-columns: 110px 100px 1fr;
    }
}

@media (max-width: 700px) {
    .fuel-overlay.fuel-workspace {
        padding: 0;
    }

    .fuel-workspace .fuel-panel {
        max-height: none;
        border-radius: 12px;
    }

    .fuel-toolbar,
    .fuel-summary {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .fuel-storage-section,
    .fuel-list-header,
    .fuel-message {
        padding-left: 16px;
        padding-right: 16px;
    }

    .fuel-rows {
        padding: 8px 16px 20px;
    }

    .fuel-row {
        grid-template-columns: 1fr 1fr;
    }

    .fuel-access-badge {
        display: none;
    }
}

/* ==========================================================
   RODINA CONTROL — FUEL V2
   Scoped styles for the full-width Fuel workspace.
   ========================================================== */

.fuel-workspace .fuel-v2-page {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 100%;
    min-width: 0;
    color: #dceaf5;
}

.fuel-workspace .fuel-v2-page[hidden],
.fuel-workspace .fuel-v2-page [hidden] {
    display: none !important;
}

.fuel-v2-page .rc-module-heading {
    padding: 3px 5px 6px;
}

.fuel-v2-page .rc-module-heading h1 {
    color: #edf6ff;
    font-size: 18px;
}

.fuel-v2-page .fuel-access-badge {
    border: 1px solid #24435a;
    border-radius: 5px;
    padding: 6px 10px;
    background: #102436;
    color: #93b7d2;
    font-size: 10px;
}

/* Navigation */

.fuel-v2-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    padding: 5px;
    border: 1px solid #193248;
    border-radius: 7px;
    background: #071827;
}

.fuel-v2-tabs button {
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #91a9bd;
    font: inherit;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
}

.fuel-v2-tabs button:hover {
    color: #e4f3ff;
    background: #142d43;
}

.fuel-v2-tabs button.active {
    color: #dff3ff;
    border-color: #286a9e;
    background: #174a72;
}

/* Filters */

.fuel-v2-page .fuel-v2-toolbar {
    display: grid;
    grid-template-columns:
        minmax(100px, .7fr)
        minmax(100px, .7fr)
        minmax(145px, 1fr)
        minmax(180px, 1.3fr)
        minmax(145px, 1fr)
        auto;
    gap: 6px;
    align-items: end;
    padding: 8px;
    border: 1px solid #193248;
    border-radius: 7px;
    background: #0a1c2c;
}

.fuel-v2-toolbar .field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.fuel-v2-toolbar .field span {
    color: #92acc0;
    font-size: 9px;
    font-weight: 600;
}

.fuel-v2-toolbar input,
.fuel-v2-toolbar select {
    width: 100%;
    min-width: 0;
    height: 30px;
    padding: 4px 8px;
    border: 1px solid #25445c;
    border-radius: 5px;
    background: #061523;
    color: #dceaf5;
    font-size: 10px;
}

.fuel-v2-toolbar #fuel-refresh {
    min-height: 30px;
    white-space: nowrap;
}

/* KPI cards */

.fuel-v2-page .fuel-v2-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: 0;
}

.fuel-v2-kpis .fuel-metric {
    min-width: 0;
    min-height: 73px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
    padding: 10px 12px;
    border: 1px solid #1c394f;
    border-radius: 7px;
    background: #0b2031;
    box-shadow: none;
}

.fuel-v2-kpis .fuel-metric span {
    color: #9cb4c7;
    font-size: 10px;
    font-weight: 600;
}

.fuel-v2-kpis .fuel-metric strong {
    color: #edf7ff;
    font-size: 21px;
    line-height: 1.1;
    font-weight: 750;
}

.fuel-v2-kpis .fuel-metric-accent {
    border-color: #246c80;
    background: #0d2938;
}

.fuel-v2-kpis .fuel-metric-accent strong {
    color: #56e0bc;
}

/* Main dashboard panels */

.fuel-v2-main {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(280px, 1fr);
    gap: 7px;
    align-items: start;
}

.fuel-v2-page .rc-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #19364c;
    border-radius: 7px;
    background: #091c2b;
}

.fuel-v2-page .rc-panel-header {
    min-height: 36px;
    padding: 0 12px;
    border-bottom: 1px solid #1b3549;
}

.fuel-v2-page .rc-panel-title {
    color: #e5f2fc;
    font-size: 11px;
}

.fuel-v2-page .rc-panel-action {
    color: #88a9c1;
    font-size: 9px;
}

.fuel-v2-page .fuel-rows,
.fuel-v2-page .fuel-storages {
    padding: 7px;
    background: transparent;
}

.fuel-v2-page .fuel-row {
    border: 1px solid #1b3549;
    border-radius: 5px;
    background: #0c2334;
}

.fuel-v2-page .fuel-storage {
    border: 1px solid #1b3549;
    border-radius: 5px;
    background: #0c2334;
}

.fuel-v2-page .fuel-v2-analytics-panel {
    padding-bottom: 8px;
}

.fuel-v2-placeholder {
    margin: 0;
    padding: 18px 12px;
    color: #8ea9bd;
    font-size: 11px;
}

.fuel-v2-page .fuel-message {
    margin: 0;
}

@media (max-width: 1100px) {
    .fuel-v2-page .fuel-v2-toolbar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .fuel-v2-main {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 650px) {
    .fuel-v2-page .fuel-v2-toolbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fuel-v2-page .fuel-v2-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fuel-v2-tabs button {
        font-size: 9px;
        padding: 5px 7px;
    }
}

/* FUEL V2 — compatibility fixes */

.fuel-v2-page .fuel-v2-kpis {
    padding: 0;
}

.fuel-v2-page .fuel-v2-toolbar input,
.fuel-v2-page .fuel-v2-toolbar select {
    min-height: 30px;
    height: 30px;
    padding: 4px 8px;
    border-radius: 5px;
    background: #061523;
}

.fuel-v2-page .fuel-rows {
    gap: 5px;
    padding: 7px;
    min-width: 0;
}

.fuel-v2-page .fuel-row {
    grid-template-columns:
        minmax(75px, .8fr)
        minmax(70px, .7fr)
        minmax(100px, 1.3fr)
        minmax(100px, 1.2fr)
        minmax(85px, 1fr)
        minmax(100px, 1fr);
    gap: 8px;
    padding: 9px 10px;
    min-width: 0;
    font-size: 10px;
}

.fuel-v2-page .fuel-state {
    font-size: 9px;
}

.fuel-v2-page .fuel-quantity {
    font-size: 12px;
}

.fuel-v2-page .fuel-target {
    min-width: 0;
}

.fuel-v2-page .fuel-target strong,
.fuel-v2-page .fuel-target span,
.fuel-v2-page .fuel-row > span,
.fuel-v2-page .fuel-row time {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 10px;
}

.fuel-v2-page .fuel-storages {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
    margin: 0;
    padding: 7px;
}

.fuel-v2-page .fuel-storage {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
    padding: 10px;
}

.fuel-v2-page .fuel-storage-balance {
    font-size: 16px;
    color: #56e0bc;
}

.fuel-v2-page .fuel-type {
    grid-column: 1 / -1;
    font-size: 9px;
}

/* Management actions — only Fuel V2 */

.fuel-v2-page .fuel-manage-actions {
    gap: 5px;
    padding: 0;
}

.fuel-v2-page .fuel-manage-actions button {
    min-height: 30px;
    padding: 6px 11px;
    border: 1px solid #28618a;
    border-radius: 5px;
    background: #10324b;
    color: #dcefff;
    font-size: 10px;
    font-weight: 650;
}

.fuel-v2-page .fuel-manage-actions button:hover {
    border-color: #3a91c8;
    background: #174d72;
}

@media (max-width: 900px) {
    .fuel-v2-page .fuel-v2-journal-panel {
        overflow-x: auto;
    }

    .fuel-v2-page .fuel-rows {
        min-width: 760px;
    }
}

@media (max-width: 650px) {
    .fuel-v2-page .fuel-v2-toolbar {
        padding: 7px;
    }

    .fuel-v2-page .fuel-v2-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* Fuel V2 dashboard navigation */
.fuel-dashboard-navigation {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    color: #c5dced;
    font-size: 12px;
}

.fuel-dashboard-navigation button {
    padding: 9px 13px;
    border: 1px solid #286a9e;
    border-radius: 6px;
    background: #123750;
    color: #e3f4ff;
    font: inherit;
    cursor: pointer;
}

.fuel-v2-page .fuel-metric-clickable {
    width: 100%;
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}

.fuel-v2-page .fuel-metric-clickable:hover {
    border-color: #3c95c9;
    background: #16354a;
}

.fuel-v2-page .fuel-metric-clickable:focus-visible {
    outline: 2px solid #58baff;
    outline-offset: 2px;
}


/* Fuel V2 Dashboard 2.0 */
.fuel-v2-dashboard-grid {
    display: contents;
}

.fuel-v2-page .fuel-v2-main {
    display: contents;
}

.fuel-v2-page .fuel-v2-journal-panel {
    grid-column: span 2;
}

.fuel-v2-page .fuel-v2-map-panel {
    grid-column: span 2;
}

.fuel-v2-page .fuel-v2-sites-panel {
    grid-column: span 2;
}

.fuel-v2-map-empty {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #7fa4c0;
    background: #081b2a;
    font-size: 13px;
}

.fuel-v2-map-empty small {
    color: #54758f;
    font-size: 11px;
}

.fuel-v2-chart-placeholder {
    padding: 35px 12px;
    text-align: center;
    color: #7898b0;
    font-size: 12px;
}

.fuel-v2-page .fuel-v2-storage-panel,
.fuel-v2-page .fuel-v2-equipment-panel,
.fuel-v2-page .fuel-v2-fleet-panel,
.fuel-v2-page .fuel-v2-alerts-panel {
    min-width: 0;
}



/* Fuel V2 Dashboard 2.0 — reference layout */
.fuel-v2-page .fuel-v2-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
}

.fuel-v2-page .fuel-v2-main {
    display: contents;
}

.fuel-v2-page .fuel-v2-journal-panel,
.fuel-v2-page .fuel-v2-map-panel,
.fuel-v2-page .fuel-v2-sites-panel,
.fuel-v2-page .fuel-v2-storage-panel,
.fuel-v2-page .fuel-v2-equipment-panel,
.fuel-v2-page .fuel-v2-fleet-panel,
.fuel-v2-page .fuel-v2-alerts-panel {
    grid-column: auto;
    min-width: 0;
}

.fuel-v2-page .fuel-v2-journal-panel {
    grid-column: 1;
    grid-row: 1;
}

.fuel-v2-page .fuel-v2-map-panel {
    grid-column: 2;
    grid-row: 1;
}

.fuel-v2-page .fuel-v2-sites-panel {
    grid-column: 3;
    grid-row: 1;
}

.fuel-v2-page .fuel-v2-equipment-panel {
    grid-column: 1;
    grid-row: 2;
}

.fuel-v2-page .fuel-v2-fleet-panel {
    grid-column: 2;
    grid-row: 2;
}

.fuel-v2-page .fuel-v2-storage-panel {
    grid-column: 3;
    grid-row: 2;
}

.fuel-v2-page .fuel-v2-alerts-panel {
    grid-column: 1 / -1;
    grid-row: 3;
}

.fuel-v2-page .fuel-v2-analytics-panel {
    display: none;
}

@media (max-width: 1100px) {
    .fuel-v2-page .fuel-v2-dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fuel-v2-page .fuel-v2-dashboard-grid > *,
    .fuel-v2-page .fuel-v2-journal-panel,
    .fuel-v2-page .fuel-v2-map-panel,
    .fuel-v2-page .fuel-v2-sites-panel,
    .fuel-v2-page .fuel-v2-equipment-panel,
    .fuel-v2-page .fuel-v2-fleet-panel,
    .fuel-v2-page .fuel-v2-storage-panel,
    .fuel-v2-page .fuel-v2-alerts-panel {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 650px) {
    .fuel-v2-page .fuel-v2-dashboard-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}


/* Fuel V2 — overview/detail visibility */
#fuel-overlay [hidden] {
    display: none !important;
}

#fuel-overlay.fuel-detail-mode .fuel-v2-map-panel,
#fuel-overlay.fuel-detail-mode .fuel-v2-sites-panel,
#fuel-overlay.fuel-detail-mode .fuel-v2-equipment-panel,
#fuel-overlay.fuel-detail-mode .fuel-v2-fleet-panel,
#fuel-overlay.fuel-detail-mode .fuel-v2-alerts-panel {
    display: none !important;
}

#fuel-overlay.fuel-detail-mode .fuel-v2-dashboard-grid {
    display: block;
}

#fuel-overlay.fuel-detail-mode .fuel-v2-main {
    display: block;
}

#fuel-overlay.fuel-detail-mode .fuel-v2-journal-panel,
#fuel-overlay.fuel-detail-mode .fuel-v2-storage-panel {
    width: 100%;
}


/* Fuel V2 — seven compact dashboard KPIs */
.fuel-v2-page .fuel-v2-kpis {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 9px;
}

.fuel-dashboard-kpi {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-width: 0;
    min-height: 85px;
    padding: 13px 10px;
    border: 1px solid #24415a;
    border-radius: 10px;
    background: #102638;
    color: #e9f2f9;
    text-align: left;
    font: inherit;
}

button.fuel-dashboard-kpi {
    cursor: pointer;
}

button.fuel-dashboard-kpi:hover {
    border-color: #39a8ed;
    background: #153249;
}

.fuel-dashboard-kpi-icon {
    display: grid;
    place-items: center;
    flex: 0 0 29px;
    height: 29px;
    border-radius: 8px;
    background: #1c3d57;
    color: #4db9f5;
    font-size: 16px;
    font-weight: 700;
}

.fuel-dashboard-kpi:nth-child(2) .fuel-dashboard-kpi-icon,
.fuel-dashboard-kpi:nth-child(7) .fuel-dashboard-kpi-icon {
    background: #1a443d;
    color: #4bd6a0;
}

.fuel-dashboard-kpi:nth-child(6) .fuel-dashboard-kpi-icon {
    background: #493226;
    color: #ffb35d;
}

.fuel-dashboard-kpi > div {
    min-width: 0;
}

.fuel-dashboard-kpi-label {
    display: block;
    margin-bottom: 9px;
    color: #92abc0;
    font-size: 11px;
    line-height: 1.25;
}

.fuel-dashboard-kpi-value {
    display: block;
    font-size: clamp(15px, 1.5vw, 23px);
    font-weight: 750;
    line-height: 1.15;
    white-space: nowrap;
}

@media (max-width: 1250px) {
    .fuel-v2-page .fuel-v2-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .fuel-v2-page .fuel-v2-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* Fuel V2 Dashboard — compact four-card analytics row */
@media (min-width: 1351px) {
    .fuel-v2-page .fuel-v2-dashboard-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 9px;
    }

    .fuel-v2-page .fuel-v2-journal-panel {
        grid-column: 1 / 5;
        grid-row: 1;
    }

    .fuel-v2-page .fuel-v2-map-panel {
        grid-column: 5 / 9;
        grid-row: 1;
    }

    .fuel-v2-page .fuel-v2-sites-panel {
        grid-column: 9 / 13;
        grid-row: 1;
    }

    .fuel-v2-page .fuel-v2-equipment-panel {
        grid-column: 1 / 4;
        grid-row: 2;
    }

    .fuel-v2-page .fuel-v2-fleet-panel {
        grid-column: 4 / 7;
        grid-row: 2;
    }

    .fuel-v2-page .fuel-v2-storage-panel {
        grid-column: 7 / 10;
        grid-row: 2;
    }

    .fuel-v2-page .fuel-v2-alerts-panel {
        grid-column: 10 / 13;
        grid-row: 2;
    }

    .fuel-v2-page .fuel-v2-quick-actions {
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .fuel-v2-page .fuel-v2-map-empty {
        min-height: 180px;
    }

    .fuel-v2-page .fuel-v2-chart-placeholder {
        padding: 24px 10px;
    }
}


/* Fuel V2 — RODINA CONTROL unified palette */
.fuel-v2-page {
    --fuel-panel: var(--rc-panel, #08131a);
    --fuel-panel-alt: var(--rc-panel-2, #0a1720);
    --fuel-border: var(--rc-border, rgba(91, 130, 151, 0.28));
}

.fuel-v2-page .rc-panel,
.fuel-v2-page .fuel-dashboard-kpi,
.fuel-v2-page .fuel-v2-toolbar,
.fuel-v2-page .fuel-storage,
.fuel-v2-page .fuel-row {
    background: var(--fuel-panel);
    border-color: var(--fuel-border);
}

.fuel-v2-page .rc-panel-header {
    background: var(--fuel-panel-alt);
    border-bottom-color: var(--fuel-border);
}

.fuel-v2-page .fuel-dashboard-kpi {
    min-height: 68px;
    padding: 10px;
    border-radius: 3px;
}

.fuel-v2-page button.fuel-dashboard-kpi:hover {
    background: var(--fuel-panel-alt);
    border-color: #32779d;
}

.fuel-v2-page .fuel-v2-map-empty {
    background: var(--fuel-panel);
}

.fuel-v2-page .fuel-v2-toolbar input,
.fuel-v2-page .fuel-v2-toolbar select {
    background: var(--fuel-panel-alt);
    border-color: var(--fuel-border);
}

.fuel-v2-page .fuel-v2-quick-actions .fuel-manage-actions button {
    background: var(--fuel-panel-alt);
    border-color: var(--fuel-border);
    border-radius: 3px;
}

.fuel-v2-page .fuel-v2-quick-actions .fuel-manage-actions button:hover {
    background: #102431;
    border-color: #32779d;
}

@media (min-width: 1351px) {
    .fuel-v2-page .fuel-v2-map-empty {
        min-height: 155px;
    }

    .fuel-v2-page .fuel-v2-chart-placeholder {
        padding: 20px 10px;
    }
}

/* Fuel V2 — analytics bars */
.fuel-v2-page .fuel-v2-chart-placeholder:has(.fuel-analytics-row) {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
}

.fuel-v2-page .fuel-analytics-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.fuel-v2-page .fuel-analytics-heading {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    font-size: 12px;
    color: #a8b8c2;
}

.fuel-v2-page .fuel-analytics-heading span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fuel-v2-page .fuel-analytics-heading strong {
    color: #e0edf3;
    font-weight: 600;
    white-space: nowrap;
}

.fuel-v2-page .fuel-analytics-track {
    height: 7px;
    background: #142632;
    border-radius: 3px;
    overflow: hidden;
}

.fuel-v2-page .fuel-analytics-fill {
    height: 100%;
    background: #3285a9;
    border-radius: 3px;
    transition: width 200ms ease;
}