#js-tool-container-oil-consumption-diagnostic-calculator .ocd-app-container{display:flex;flex-direction:column;gap:20px;font-family:var(--font-sans);color:var(--text-primary)}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-form-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:14px}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-row-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@media (max-width:680px){#js-tool-container-oil-consumption-diagnostic-calculator .ocd-row-2col,#js-tool-container-oil-consumption-diagnostic-calculator .ocd-row-3col{grid-template-columns:1fr}}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-results-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-status-banner{padding:16px;border-radius:var(--radius-md);border-left:5px solid var(--success);background:var(--success-light);display:flex;flex-direction:column;gap:4px}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-status-banner.warning{border-left-color:var(--warning);background:var(--warning-light)}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-status-banner.danger{border-left-color:var(--danger);background:var(--danger-light)}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-status-title{font-size:1.1rem;font-weight:800}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-status-text{margin:0;font-size:0.875rem;color:var(--text-secondary);line-height:1.45}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-gauge-wrap{display:flex;flex-direction:column;gap:6px}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-gauge-header{display:flex;justify-content:space-between;font-size:0.85rem;font-weight:700;color:var(--text-secondary)}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-gauge-track{width:100%;height:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-gauge-fill{width:20%;height:100%;background:var(--success);transition:width 0.3s ease,background-color 0.3s ease}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-metric-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:4px}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-metric-value{font-size:1.35rem;font-weight:800;color:var(--accent-primary);font-variant-numeric:tabular-nums}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-metric-sub{font-size:0.75rem;color:var(--text-muted);font-weight:600}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-log-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-log-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-history-table-wrap{overflow-x:auto;width:100%}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-table{width:100%;border-collapse:collapse;font-size:0.85rem;text-align:left}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-table th,#js-tool-container-oil-consumption-diagnostic-calculator .ocd-table td{padding:10px 12px;border-bottom:1px solid var(--border-color)}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-table th{background:var(--bg-tertiary);font-weight:700;color:var(--text-secondary)}#js-tool-container-oil-consumption-diagnostic-calculator .ocd-empty-msg{text-align:center;color:var(--text-muted);padding:20px !important}