.tool[data-tool=car-maintenance-log] .mlog{gap:var(--space-3);display:grid}.tool[data-tool=car-maintenance-log] .mlog h3{margin:var(--space-3) 0 0}.tool[data-tool=car-maintenance-log] .add{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));align-items:end;display:grid}.tool[data-tool=car-maintenance-log] .add .note{grid-column:1/-1}.tool[data-tool=car-maintenance-log] .add .btn{min-block-size:44px}.tool[data-tool=car-maintenance-log] .scroller{overflow-x:auto}.tool[data-tool=car-maintenance-log] .log{border-collapse:collapse;inline-size:100%;font-size:var(--fs-sm)}.tool[data-tool=car-maintenance-log] .log th,.tool[data-tool=car-maintenance-log] .log td{padding:var(--space-2);text-align:start;border-block-end:1px solid var(--c-border);white-space:nowrap}.tool[data-tool=car-maintenance-log] .log td:nth-child(5){white-space:normal;overflow-wrap:anywhere;min-inline-size:8rem}.tool[data-tool=car-maintenance-log] .sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.tool[data-tool=car-maintenance-log] .remove{min-block-size:40px;min-inline-size:40px;padding:0}.tool[data-tool=car-maintenance-log] .total{margin:0;font-weight:600}.tool[data-tool=car-maintenance-log] .dues{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=car-maintenance-log] .dues li{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius);flex-wrap:wrap;display:flex}.tool[data-tool=car-maintenance-log] .dues li .remove{margin-inline-start:auto}.tool[data-tool=car-maintenance-log] .dues li.overdue{border-color:var(--c-danger,currentColor)}.tool[data-tool=car-maintenance-log] .dues li.soon{border-style:dashed}