.sort-link,.sort-button{display:inline-flex;gap:8px;align-items:center;font:inherit;font-weight:700;color:inherit;text-align:left;background:none;border:0;padding:0;cursor:pointer;white-space:normal}
.sort-link span,.sort-button span{color:var(--datability-dark-green)}
.sort-link:focus-visible,.sort-button:focus-visible{outline:2px solid var(--datability-dark-green);outline-offset:4px}
.list-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0 12px}
.list-metric{background:white;border:1px solid var(--datability-soft-blue-a);border-top:4px solid var(--datability-green);border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:8px}
.list-metric strong{font-size:28px;color:var(--datability-dark-green)}
.list-metric small{line-height:1.5}.record-search{margin-top:20px}.holiday-check{min-width:24px;min-height:24px}

/* One header plus about ten single-line data rows; all rows remain reachable. */
.table-wrap,.table-scroll{--list-row-height:44px;max-height:500px;overflow:auto;scrollbar-gutter:stable;scrollbar-color:var(--datability-grey-active) var(--datability-bg-1)}
.table-wrap table,.table-scroll table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}
.table-wrap th,.table-scroll th,.table-wrap td,.table-scroll td{height:var(--list-row-height);padding:8px 14px;line-height:20px;white-space:nowrap;min-width:0;max-width:none;width:auto;vertical-align:middle}
.table-wrap th,.table-scroll th{position:sticky;top:0;z-index:2;background:var(--datability-soft-blue-a)}
.table-wrap .sort-link,.table-scroll .sort-link,.table-wrap .sort-button,.table-scroll .sort-button{white-space:nowrap}
.table-wrap td.description,.table-scroll td.description{display:table-cell;white-space:nowrap!important;max-width:none;overflow:visible;-webkit-line-clamp:unset}
.table-wrap .activity,.table-scroll .activity,.table-wrap .order-name,.table-scroll .order-name{display:inline;margin:0}
.table-wrap .activity::before,.table-scroll .activity::before{content:' · '}
.table-wrap td p,.table-scroll td p{display:inline;margin:0}
.table-wrap td p+p::before,.table-scroll td p+p::before{content:' · '}
.table-wrap .correction,.table-scroll .correction{display:inline-block;margin:0 0 0 12px;vertical-align:middle}
.table-wrap .correction[open],.table-scroll .correction[open]{display:block;white-space:normal;margin:12px 0}
@media print{.table-wrap,.table-scroll{max-height:none!important;overflow:visible;scrollbar-gutter:auto}.table-wrap table,.table-scroll table{width:100%;min-width:0}.table-wrap th,.table-scroll th{position:static}.table-wrap td,.table-scroll td{white-space:normal!important;height:auto}}

.text-filters{flex-basis:100%;width:100%;border:1px solid var(--datability-soft-blue-a);padding:12px;background:white;border-radius:4px}.text-filters summary{cursor:pointer;font-weight:700}.text-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.text-filter-grid label{max-width:none}.inline-action{display:inline;margin:0}.inline-action .text-button{padding:0}
.wage-sheet th:nth-child(n+4),.wage-sheet td:nth-child(n+4){text-align:right;font-variant-numeric:tabular-nums}.wage-sheet th:nth-child(n+4) .sort-button{justify-content:flex-end;width:100%}

.delete-controls{display:flex;align-items:center;gap:16px;margin:16px 0}.button.danger{color:#000;background:var(--datability-soft-pink);border:1px solid var(--datability-pink)}.delete-dialog{max-width:min(600px,calc(100vw - 48px));max-height:80vh;overflow:auto;border:2px solid var(--datability-grey);border-radius:6px;padding:28px;background:white;color:#000}.delete-dialog::backdrop{background:rgba(0,0,0,.35)}.delete-dialog h2{margin-top:0}.delete-dialog p{overflow-wrap:anywhere}.delete-actions{display:flex;gap:12px;margin-top:24px}

/* All quantities use right-aligned Swiss decimals; calendar numbers and IDs stay literal. */
.number,.table-wrap td.number,.table-scroll td.number,.detail-grid dd.number{ text-align:right; font-variant-numeric:tabular-nums; }
.list-metric strong,.summary-item strong{display:block;text-align:right;font-variant-numeric:tabular-nums;align-self:stretch}
th.number .sort-link,th.number .sort-button{justify-content:flex-end;width:100%}

.invoice-draft-form{display:flex;align-items:end;gap:8px}.invoice-draft-form label{display:block;font-size:12px}.invoice-draft-form input,.invoice-draft-form select{padding:5px;min-height:32px;font-size:12px}.invoice-draft-form .button{padding:7px 12px}.button:disabled{opacity:.55;cursor:not-allowed}

.invoice-draft-form label{display:flex;flex-direction:column;gap:4px;white-space:normal;flex:0 0 150px}.invoice-draft-form label input,.invoice-draft-form label select{display:block;width:100%;min-width:150px;max-width:180px}.invoice-draft-form .button{flex-shrink:0}

.table-wrap .delete-dialog{white-space:normal;text-align:left}.table-wrap .delete-dialog p{display:block}

@media print{.sidebar,.topbar,.report-actions,.record-search,.page-footer,.breadcrumb,.eyebrow,.skip{display:none!important}.layout,main{display:block!important;width:100%!important;margin:0!important;padding:0!important}.table-wrap table{font-size:9pt}.table-wrap td,.table-wrap th{padding:4px 6px!important;white-space:normal!important;overflow-wrap:anywhere}.table-wrap thead{display:table-header-group}.table-wrap tr{break-inside:avoid}.list-metric{padding:10px}.list-metric strong{font-size:18pt}@page{size:A4 landscape;margin:12mm}}

.time-policy input:not([type=hidden]){text-align:right;font-variant-numeric:tabular-nums}