.vendor-work-log,.vendor-work-form {color:var(--ink)}
.vendor-work-log header {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.vendor-work-log header p,.vendor-work-card small,.vendor-work-form small {color:var(--muted);line-height:1.5}
.vendor-work-filters,.vendor-work-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vendor-work-filters {grid-template-columns:minmax(180px,2fr) minmax(130px,1fr) minmax(180px,1fr);margin:20px 0}
.vendor-work-form .full {grid-column:1/-1}
:is(.vendor-work-filters,.vendor-work-form) label {display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}
:is(.vendor-work-filters,.vendor-work-form) :is(input:not([type=checkbox]),select,textarea) {width:100%;min-width:0;box-sizing:border-box;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit;min-height:44px}
.vendor-work-form label.time-invoice-confirm {display:flex;flex-direction:row;align-items:center;gap:10px;margin:14px 0}
.vendor-work-form input[type=checkbox] {width:20px;height:20px;min-height:0;flex-shrink:0;accent-color:var(--blue)}
.vendor-work-form textarea {resize:vertical}
.vendor-work-form [role=alert] {color:var(--red);margin:0}
.vendor-work-card {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:10px 0}
.vendor-work-card strong,.vendor-work-card small {display:block}
.vendor-work-card small {margin-top:5px}
.vendor-work-card .work-notes {white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;line-height:1.5}
.vendor-work-card-actions {display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-variant-numeric:tabular-nums}
.vendor-work-pager {display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:20px 0}
.vendor-work-form :is(input,select,textarea,button):focus-visible {outline:2px solid var(--blue);outline-offset:2px}
.vendor-invoice-actions {display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
@media(max-width:700px) {
 .vendor-work-filters,.vendor-work-form {grid-template-columns:1fr}
 .vendor-work-card {grid-template-columns:1fr}
 .vendor-work-card-actions {flex-direction:row;align-items:center;justify-content:space-between}
 .vendor-work-pager {justify-content:space-between}
}