.is-unused-charging-price .currency-input-wrapper { background: var(--surface-muted, #f1f5f9); }
.is-unused-charging-price input:disabled { color: #64748b; -webkit-text-fill-color: #64748b; cursor: not-allowed; }
.charging-unused-hint { margin: 6px 0 0; font-size: 0.8rem; color: var(--text-muted, #475569); line-height: 1.4; }

/* Shared label tracks keep the tax inputs level even with wrapped labels. */
@media (min-width: 721px) {
    .grid-2.tax-input-row { grid-template-rows: auto auto auto; row-gap: 0; }
    .grid-2.tax-input-row > .input-group {
        grid-row: span 3;
        grid-template-rows: subgrid;
    }
}
.tax-input-row > .input-group > .field-label-row { flex-wrap: nowrap; }
.tax-input-row > .input-group > .field-label-row > label { min-width: 0; }
.tax-input-row > .input-group > .field-label-row > .info-tooltip { flex-shrink: 0; }
/* At tablet widths the right input column reaches the viewport edge. */
@media (min-width: 721px) and (max-width: 1099px) {
    .grid-2 > .input-group:nth-child(2) .info-tooltip,
    .vehicle-field--bev .info-tooltip {
        --tooltip-anchor: 100%;
        --tooltip-shift: -100%;
    }
}

/* E14: every two-column expert row shares its label track, so inputs stay level when one label wraps further. */
@media (min-width: 721px) {
    .grid-2.align-input-baseline { grid-template-rows: minmax(2.85em, auto) auto auto; row-gap: 0; }
    .grid-2.align-input-baseline > .input-group {
        grid-row: span 3;
        grid-template-rows: subgrid;
    }
}