.fuel-tools,.fuel-grid{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}.fuel-grid>label,.fuel-tools>label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:190px;font-size:.85rem;color:var(--text-secondary,#52627d)}.fuel-tools input,.fuel-tools select,.fuel-grid input,.fuel-grid select,.fuel-grid textarea,.fuel-table select{padding:10px;border:1px solid var(--border,#dbe3f0);border-radius:8px;background:var(--bg-card,#fff);color:var(--text,#152139);max-width:100%}.fuel-note{padding:14px;border-radius:8px;background:#eef4ff;color:#1e3a5f;font-size:.86rem;line-height:1.6;margin:12px 0}.fuel-table-wrap{overflow:auto;max-width:100%}.fuel-table{border-collapse:collapse;width:100%;font-size:.83rem}.fuel-table th,.fuel-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border,#e3e9f1);vertical-align:top}.fuel-table th{color:var(--text-muted,#718096);font-weight:600}.fuel-table small{display:block;color:var(--text-muted,#718096)}.fuel-total{font-size:1.2rem;font-weight:700;margin:16px 0}.fuel-error{color:#b91c1c;white-space:pre-wrap}.fuel-overlay{position:fixed;inset:0;background:#11182788;z-index:1800;display:flex;align-items:center;justify-content:center;padding:16px}.fuel-dialog{background:var(--bg-card,#fff);border-radius:16px;width:min(1080px,100%);max-height:94vh;display:flex;flex-direction:column;box-shadow:0 15px 50px #0003}.fuel-dialog>header,.fuel-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border,#e3e9f1)}.fuel-dialog>footer{border-top:1px solid var(--border,#e3e9f1);border-bottom:0;justify-content:flex-end;flex-wrap:wrap}.fuel-body{overflow:auto;padding:0 22px 20px}.fuel-dialog h3{margin:0}.fuel-dialog textarea{width:100%;min-height:75px}.fuel-qr{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.fuel-qr svg{width:200px;max-width:100%;height:auto}.fuel-qr>div{max-width:100%;flex:1;min-width:180px}.fuel-badge{font-size:.75rem;padding:4px 8px;background:#eef2ff;color:#1d4ed8;border-radius:12px;white-space:nowrap}.fuel-paid{color:#15803d}.fuel-pending{color:#b45309}.fuel-full{flex-basis:100%!important}.fuel-list-actions{display:flex;gap:6px;flex-wrap:wrap}.fuel-dialog details{margin:12px 0}.fuel-dialog summary{cursor:pointer;font-weight:600}@media(max-width:600px){.fuel-overlay{padding:8px}.fuel-body{padding:0 12px 14px}.fuel-dialog>header,.fuel-dialog>footer{padding:14px}.fuel-grid>label{min-width:140px}}