/* Review tables become cards inside narrow workspaces, including pinned navigation. */
.work-review{container-name:work-review;container-type:inline-size;min-width:0;max-width:100%;padding-bottom:12px}
#timeTable.work-review,#mileageTable.work-review,#expenseTable.work-review{overflow:visible}
.work-review-filters{margin:12px 0;border:1px solid #d8e3df;border-radius:10px;padding:10px 12px;background:#f7faf8}
.work-review-filters>summary{cursor:pointer;min-height:32px;line-height:32px;font-weight:600;color:#245c5a}
.work-review-filter-fields{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,2fr);gap:12px;padding-top:10px}
.work-review-filter-fields label{display:flex;flex-direction:column;gap:5px;margin:0}
.work-review-filter-fields select,.work-review-filter-fields input{width:100%;min-height:44px;min-width:0;box-sizing:border-box;font-size:16px}
.work-review-selection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;margin:12px 0;border:1px solid #bfd6c8;border-radius:10px;background:#f0f7f2}
.work-review-selection>label{display:flex;align-items:center;flex-direction:row;gap:10px;margin:0;min-height:44px;font-size:14px}
.work-review-selection input[type=checkbox],.work-review-table input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:none;margin:0;accent-color:#245c5a}
.work-review-totals{margin:0;font-size:14px;flex:1 1 160px}
.work-review button{min-height:44px;min-width:0;white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:10px 14px;font-size:14px;line-height:1.3}
.work-review .work-review-table{display:table;table-layout:auto;width:100%;min-width:0;max-width:100%;border-collapse:collapse;overflow:visible}
.work-review-table th,.work-review-table td{padding:10px 8px;vertical-align:top;overflow-wrap:break-word;text-align:left}
.work-review-row-select{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;margin:0}
.work-review-table th:last-child{min-width:230px}
.work-review-table td[data-field=selection]{width:28px;padding-top:14px}
.work-review-table small{display:block;max-width:340px;color:#5a6d65;margin-top:5px;white-space:normal}
.work-review-table td[data-field=amount]{font-weight:700;white-space:nowrap}
.work-review-table .status-pill{display:inline-block;align-self:flex-start;font-size:12px;white-space:nowrap;padding:4px 8px}
.work-review-table .work-status-submitted{background:#fff1cd;color:#714f0a}
.work-review-table .work-status-approved{background:#e2f2e8;color:#245d40}
.work-review-table .work-status-rejected{background:#fbe8e6;color:#8d2824}
.work-review-table .rejection-note{color:#8d2824}
.work-review-actions{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.work-review-actions>button{flex:1 0 auto}
.work-review-more{margin-top:8px;font-size:13px}
.work-review-more>summary{min-height:36px;line-height:36px;cursor:pointer;color:#52675d;white-space:nowrap}
.work-review-more:not(:has(button:not([data-access-hidden]))){display:none}
.work-review-empty{padding:16px 0;color:#5a6d65}
.work-review-notice{color:#8d2824;padding:12px;background:#fff0ed;border-radius:8px}
.work-review-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.work-review [hidden]{display:none!important}

@container work-review (max-width:760px){
 .work-review-filter-fields{grid-template-columns:minmax(0,1fr)}
 .work-review-selection{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}
 .work-review-selection>button{width:100%}
 .work-review .work-review-table,.work-review-table tbody{display:block;min-width:0;width:100%;max-width:100%}
 .work-review-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .work-review-table tbody{display:grid;gap:14px}
 .work-review-table tr{display:grid;position:relative;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#fff;border:1px solid #d5e1da;border-radius:12px;padding:14px;box-shadow:0 2px 7px #193c3608}
 .work-review-table td{display:flex;flex-direction:column;gap:4px;padding:0;border:0;min-width:0;max-width:100%;font-size:14px}
 .work-review-table td::before{content:attr(data-label);font-size:12px;line-height:1.3;color:#5a6d65;font-weight:400}
 .work-review-table td[data-field=date]{grid-column:1/-1;font-weight:700;font-size:16px;min-height:40px}
 .work-review-table tr:has(td[data-field=selection] input) td[data-field=date]{padding-left:44px}
 .work-review-table td[data-field=selection]{position:absolute;top:14px;left:14px;width:44px;height:44px;padding:0;justify-content:center}
 .work-review-table td[data-field=selection]:empty{display:none}
 .work-review-table td[data-field=main],.work-review-table td[data-field=status],.work-review-table td[data-field=receipt],.work-review-table td[data-field=actions]{grid-column:1/-1}
 .work-review-table td[data-field=actions]{padding-top:12px;border-top:1px solid #e1e9e4}
 .work-review-table td[data-field=actions]::before,.work-review-table td[data-field=selection]::before{display:none}
 .work-review-table td[data-field=actions]:empty{display:none}
 .work-review-table small{max-width:100%}
 .work-review-actions{display:flex;gap:8px;flex-wrap:wrap}
 .work-review-actions>button{flex:1 1 120px;padding:11px 8px}
 .work-review-more{margin:0}
 .work-review-more summary{min-height:44px;line-height:44px}
}
@media(max-width:900px){
 .work-review-filter-fields{grid-template-columns:minmax(0,1fr)}
 .work-review-selection{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}
 .work-review-selection>button{width:100%}
 .work-review .work-review-table,.work-review-table tbody{display:block;min-width:0;width:100%;max-width:100%}
 .work-review-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .work-review-table tbody{display:grid;gap:14px}
 .work-review-table tr{display:grid;position:relative;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#fff;border:1px solid #d5e1da;border-radius:12px;padding:14px;box-shadow:0 2px 7px #193c3608}
 .work-review-table td{display:flex;flex-direction:column;gap:4px;padding:0;border:0;min-width:0;max-width:100%;font-size:14px}
 .work-review-table td::before{content:attr(data-label);font-size:12px;line-height:1.3;color:#5a6d65;font-weight:400}
 .work-review-table td[data-field=date]{grid-column:1/-1;font-weight:700;font-size:16px;min-height:40px}
 .work-review-table tr:has(td[data-field=selection] input) td[data-field=date]{padding-left:44px}
 .work-review-table td[data-field=selection]{position:absolute;top:14px;left:14px;width:44px;height:44px;padding:0;justify-content:center}
 .work-review-table td[data-field=selection]:empty{display:none}
 .work-review-table td[data-field=main],.work-review-table td[data-field=status],.work-review-table td[data-field=receipt],.work-review-table td[data-field=actions]{grid-column:1/-1}
 .work-review-table td[data-field=actions]{padding-top:12px;border-top:1px solid #e1e9e4}
 .work-review-table td[data-field=actions]::before,.work-review-table td[data-field=selection]::before{display:none}
 .work-review-table td[data-field=actions]:empty{display:none}
 .work-review-table small{max-width:100%}
 .work-review-actions{display:flex;gap:8px;flex-wrap:wrap}
 .work-review-actions>button{flex:1 1 120px;padding:11px 8px}
 .work-review-more{margin:0}
 .work-review-more summary{min-height:44px;line-height:44px}
}

/* Compact review spacing without reducing touch targets. */
.work-review{padding-bottom:6px}
.work-review-filters{margin:8px 0;padding:6px 10px;border-radius:8px}
.work-review-selection{margin:8px 0;padding:8px;gap:6px 10px;border-radius:8px}
.work-review-table th,.work-review-table td{padding:7px 6px}
.work-review-table small{margin-top:2px}
.work-review-table .status-pill{padding:3px 7px}
.work-review-actions{gap:6px}

@container work-review (max-width:760px){
 .work-review-selection{grid-template-columns:minmax(0,1fr) auto;padding:6px 8px;gap:2px 8px}
 .work-review-selection>label{grid-column:1/-1;gap:8px}
 .work-review-selection>button{width:auto;padding:9px 12px}
 .work-review-totals{font-size:13px;line-height:1.35}
 .work-review-table tbody{gap:8px}
 .work-review-table tr{grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;gap:8px;border-radius:9px;box-shadow:none}
 .work-review-table td{padding:0;gap:2px}
 .work-review-table td[data-field=date]{grid-column:1;grid-row:1;min-height:44px;font-size:15px;justify-content:center}
 .work-review-table td[data-field=date]::before,.work-review-table td[data-field=main]::before,.work-review-table td[data-field=status]::before{display:none}
 .work-review-table td[data-field=selection]{top:8px;left:8px;padding:0}
 .work-review-table td[data-field=status]{grid-column:2;grid-row:1;justify-content:center;align-items:flex-end}
 .work-review-table td[data-field=status] .status-pill{align-self:flex-end}
 .work-review-table tr:has(td[data-field=status] small) td[data-field=date]{grid-column:1/-1}
 .work-review-table td[data-field=status]:has(small){grid-column:1/-1;grid-row:auto;align-items:flex-start}
 .work-review-table td[data-field=status]:has(small) .status-pill{align-self:flex-start}
 .work-review-table td[data-field=actions]{padding-top:8px}
 .work-review-actions{gap:6px}
 .work-review-actions>button{padding:9px 8px}
}
@media(max-width:900px){
 .work-review-selection{grid-template-columns:minmax(0,1fr) auto;padding:6px 8px;gap:2px 8px}
 .work-review-selection>label{grid-column:1/-1;gap:8px}
 .work-review-selection>button{width:auto;padding:9px 12px}
 .work-review-totals{font-size:13px;line-height:1.35}
 .work-review-table tbody{gap:8px}
 .work-review-table tr{grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;gap:8px;border-radius:9px;box-shadow:none}
 .work-review-table td{padding:0;gap:2px}
 .work-review-table td[data-field=date]{grid-column:1;grid-row:1;min-height:44px;font-size:15px;justify-content:center}
 .work-review-table td[data-field=date]::before,.work-review-table td[data-field=main]::before,.work-review-table td[data-field=status]::before{display:none}
 .work-review-table td[data-field=selection]{top:8px;left:8px;padding:0}
 .work-review-table td[data-field=status]{grid-column:2;grid-row:1;justify-content:center;align-items:flex-end}
 .work-review-table td[data-field=status] .status-pill{align-self:flex-end}
 .work-review-table tr:has(td[data-field=status] small) td[data-field=date]{grid-column:1/-1}
 .work-review-table td[data-field=status]:has(small){grid-column:1/-1;grid-row:auto;align-items:flex-start}
 .work-review-table td[data-field=status]:has(small) .status-pill{align-self:flex-start}
 .work-review-table td[data-field=actions]{padding-top:8px}
 .work-review-actions{gap:6px}
 .work-review-actions>button{padding:9px 8px}
}