.fuel-advanced{border:1px solid var(--line);border-radius:12px;padding:0 14px;background:var(--surface)}
.fuel-advanced>summary,.fuel-payment details>summary,.fuel-rate>summary,.fuel-metadata>summary{cursor:pointer;font-weight:500;min-height:44px;align-content:center;font-size:.85rem}
.fuel-advanced>summary span{color:var(--muted);font-size:.75rem;margin-inline-start:8px}.fuel-advanced[open]{padding-bottom:14px}
.fuel-payment{min-width:0;border:0;padding:0;margin:0}.fuel-payment+.fuel-payment{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
.fuel-payment legend{padding-inline:8px;font-weight:600;color:var(--text)}
.fuel-payment .form-grid{margin-top:12px}.fuel-line{padding-block:8px}.fuel-line+.fuel-line{border-top:1px solid var(--line)}
.fuel-type-list .flex{padding:8px;border-bottom:1px solid var(--line)}
.fuel-payment [data-payment-existing] label{display:grid;gap:8px;margin-block:12px}
[data-type="vehicle-fuel"] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-type="vehicle-fuel"] .form-grid>*{min-width:0;max-width:100%}
.fuel-payment .field-label-row{flex-wrap:wrap}.fuel-advanced .btn{white-space:normal}
dialog:has(>form[data-type="vehicle-fuel"]){overflow:hidden}dialog>form[data-type="vehicle-fuel"]{display:flex;flex-direction:column;max-height:90vh}
[data-type="vehicle-fuel"] .modal-head,[data-type="vehicle-fuel"] .modal-footer{flex-shrink:0}[data-type="vehicle-fuel"] .modal-content{overflow-y:auto;overscroll-behavior:contain;min-height:0}
.fuel-context{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--green)}.fuel-context strong{display:block;color:var(--text);font-size:.9rem}.fuel-context span{display:block;color:var(--muted);font-size:.78rem;margin-top:4px}
.fuel-amount{background:var(--surface-subtle);border-radius:12px;padding:14px;margin-bottom:10px}.fuel-amount input{font-size:1.65rem;font-weight:600;min-height:58px;text-align:right;direction:ltr}.fuel-amount .field label{color:var(--text)}
.fuel-form-grid{gap:10px!important}.fuel-payment-options>summary{color:var(--muted)}.fuel-rate summary{color:var(--muted)}.fuel-rate .field{margin-bottom:8px}
.fuel-linked{display:grid;gap:6px;background:var(--surface-subtle);border-radius:12px;padding:16px}.fuel-linked strong{font-size:1.5rem}.fuel-linked small{color:var(--muted);line-height:1.9}
.fuel-extra-actions{display:grid;gap:14px;padding-top:8px}.fuel-metadata{margin-top:14px;color:var(--muted)}
[data-type="vehicle-fuel"] .modal-head{padding:16px 20px}[data-type="vehicle-fuel"] .modal-content{padding:16px 20px}[data-type="vehicle-fuel"] .modal-footer{padding:12px 20px}.fuel-context{margin-bottom:10px}.fuel-amount{padding:10px}.fuel-amount input{min-height:52px;font-size:1.5rem}
.fuel-filter-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:end}.fuel-filter-grid>label{display:grid;gap:8px;font-size:.85rem}.fuel-filter-more>summary,.fuel-report>summary{min-height:44px;align-content:center;cursor:pointer;font-size:.85rem;color:var(--muted)}.fuel-report>summary{padding:12px 20px;font-weight:600;color:var(--text)}.fuel-report .vehicle-help{margin-inline:20px}.fuel-filter-more .vehicle-filter-grid{padding-block:10px}
[data-type="vehicle-fuel"] [hidden]{display:none!important}
@media(max-width:650px){[data-type="vehicle-fuel"] .form-grid{grid-template-columns:minmax(0,1fr)}.fuel-advanced{padding-inline:12px}.heading-actions{flex-wrap:wrap}[data-type="vehicle-fuel"] .modal-content{padding:16px}[data-type="vehicle-fuel"] .modal-footer{padding:12px 16px}[data-type="vehicle-fuel"] .modal-footer .primary{flex:1;min-height:44px}.fuel-context{margin-bottom:12px}.fuel-amount{padding:12px}.fuel-line{gap:4px!important}.fuel-filter-grid{grid-template-columns:minmax(0,1fr)}}
