.time-invoice{max-width:1200px;margin:0 auto;font-size:15px;line-height:1.6}
.time-invoice>header{margin-bottom:24px}.time-invoice h2{font-size:28px;letter-spacing:-.025em;margin:0 0 12px}.time-invoice h3{font-size:20px;margin:0 0 8px}
.time-invoice-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:24px 0 12px}.time-invoice .field{font-size:14px;gap:8px}.time-invoice .field input,.time-invoice .field select{font:inherit;min-height:44px;padding:10px 12px;width:100%;min-width:0}
.time-invoice-rates,.time-invoice-review{padding:24px;margin-top:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.time-invoice summary{cursor:pointer;font-weight:600}.time-invoice table{width:100%}.time-invoice th,.time-invoice td{padding:14px 16px;vertical-align:top;font-size:14px}.time-invoice td small{display:block;color:var(--muted)}
.time-invoice-total{font-size:28px;display:block;margin:12px 0 24px;font-variant-numeric:tabular-nums}.time-invoice-notice{padding:16px;background:var(--canvas);border:1px solid var(--line);border-radius:10px;line-height:1.6}
.time-invoice-confirm{display:flex;gap:12px;align-items:flex-start;margin:24px 0}.time-invoice-confirm input{width:20px;height:20px;flex-shrink:0;margin-top:3px}
.time-invoice [hidden]{display:none!important}.time-invoice [role="alert"]:empty{display:none}.time-invoice [role="alert"]{overflow-wrap:anywhere}.time-invoice .work-views{flex-wrap:wrap}.time-invoice .table-wrap{overflow-x:auto}
@media(max-width:600px){.time-invoice-rates,.time-invoice-review{padding:16px}.time-invoice-fields{gap:16px;grid-template-columns:1fr}.time-invoice h2{font-size:24px}.time-invoice .button{min-height:44px;white-space:normal}.time-invoice .vendor-report-actions{flex-wrap:wrap}}
.time-invoice-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;flex-wrap:wrap}
@media(max-width:600px){.time-invoice table,.time-invoice tbody{display:block;min-width:0;width:100%}.time-invoice thead{display:none}.time-invoice tbody tr{display:block;padding:12px;border-bottom:1px solid var(--line)}.time-invoice tbody td{display:block;padding:8px 0;border:0;white-space:normal;overflow-wrap:anywhere}.time-invoice tbody td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;font-weight:600;margin-bottom:4px}.time-invoice .portal-data-card{border-radius:10px}}