/* /mileage-calculator only: the repeating fill-up row. Scoped under #mlcApp. */
#mlcApp [hidden] { display: none !important; }
#mlcApp .mlc-row { border: 1px solid var(--bm-line); border-radius: 12px; padding: 8px 12px 2px; margin-bottom: 8px; background: var(--bm-bg); }
#mlcApp .mlc-row-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; font-weight: 700; }
#mlcApp .mlc-row-head .mlc-tag { font-size: .72rem; font-weight: 600; border-radius: 999px; padding: 2px 8px; background: var(--bm-accent-soft); color: var(--bm-accent-strong); }
#mlcApp .mlc-row-head .bm-btn { margin-left: auto; }
#mlcApp .mlc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 0 10px; }
#mlcApp .mlc-grid .ic-field { margin-bottom: 6px; }
#mlcApp .mlc-grid input:not([type=checkbox]) { width: 100%; min-width: 0; }
#mlcApp .mlc-grid .ic-check { grid-column: 1 / -1; margin: 0 0 8px; min-width: 0; }
@media (forced-colors: active) { #mlcApp .mlc-tag { border: 1px solid CanvasText; } }