#app{font-family:"Avenir Next","Segoe UI",system-ui,sans-serif}
.cml-garage{border-top:4px solid var(--accent)}
.cml-head,.cml-odo{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.cml-odo label,.cml-grid label{display:flex;flex-direction:column;gap:4px;font-size:.9em}
.cml-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0}
.cml-wide{grid-column:1/-1}
.cml-agenda{list-style:none;padding:0;margin:0}
.cml-agenda li{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;padding:10px 0;border-bottom:1px dashed color-mix(in srgb,currentColor 18%,transparent)}
.cml-pill{font-size:.78em;font-weight:600;padding:2px 8px;border-radius:999px;background:#e5e7eb;color:#111}
.cml-pill.overdue{background:#dc2626;color:#fff}.cml-pill.soon{background:#f59e0b;color:#111}.cml-pill.ok{background:#16a34a;color:#fff}
.cml-hist{width:100%;border-collapse:collapse;font-size:.9em;font-variant-numeric:tabular-nums}
.cml-hist td,.cml-hist th{text-align:left;padding:5px 4px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.cml-io{gap:8px;margin-top:10px}
.badge{font-size:.7em;padding:1px 6px;border-radius:4px;background:var(--accent);color:#fff}
.small{font-size:.85em}