/* Uses each instance's light/dark theme instead of hard-coded brand colours. */
.wf-tabs,.wf-toolbar,.wf-template-bar,.wf-modal-head,.wf-pager,.wf-person{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.wf-tabs{justify-content:flex-start;border-bottom:1px solid var(--line,#738576);padding-bottom:10px;margin:20px 0}.wf-tabs button{border:1px solid var(--line,#718674);background:var(--panel,#1d3026);color:var(--ink,#e9eee5);border-radius:10px;padding:10px 16px}.wf-tabs button[aria-selected=true]{background:var(--business-accent,#ceb38a);color:var(--business-button-ink,#142018);border-color:var(--business-accent,#ceb38a)}.wf-panel{min-width:0}.wf-toolbar{margin-bottom:16px}.wf-toolbar .actions{align-items:center;justify-content:flex-start}.wf-search{display:block;max-width:600px;margin:16px 0}.wf-search input{width:100%}.wf-week-scroll{overflow:auto;max-height:62vh}.wf-week{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:6px;min-width:760px}.wf-week th:first-child{width:160px;text-align:left}.wf-week thead th{position:sticky;top:0;z-index:1;background:var(--panel,#1d3026);padding:12px 6px}.wf-week td{vertical-align:top;padding:0!important;border:0!important}.wf-week tbody th{vertical-align:top;padding:14px 4px}.wf-week small,.wf-person small,.wf-problem span{display:block;font-size:.85rem;line-height:1.5;margin-top:6px;opacity:.85}.wf-name{background:transparent!important;border:0!important;color:inherit!important;padding:0!important;text-align:left;white-space:normal;font-size:1rem}.wf-shift{min-height:106px!important;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:12px!important;white-space:normal!important;border-radius:10px!important;background:var(--bg-soft,rgba(128,128,128,.08))!important;color:inherit!important;border:1px solid var(--line,#718674)!important;font-weight:500!important}.wf-shift span{display:block;white-space:nowrap}.wf-shift:disabled{opacity:1;cursor:default}.wf-free{opacity:.7!important}.wf-pager{justify-content:flex-end;margin-top:16px}.wf-pager span{margin-right:auto}.wf-person,.wf-problem{padding:18px 0;border-bottom:1px solid var(--line,#728475)}.wf-person>div{min-width:0;flex:1}.wf-person strong,.wf-problem strong{overflow-wrap:anywhere}.wf-warning{padding:12px;border-inline-start:4px solid var(--accent,#c6a471);background:rgba(196,147,55,.12)}.wf-dialog{color:var(--text,inherit);background:var(--panel,#1d3026);width:min(1000px,94vw);max-height:90dvh;border:1px solid var(--line,#7b8a7d);border-radius:16px;padding:24px;overflow:auto;box-sizing:border-box}.wf-dialog::backdrop{background:rgba(0,0,0,.48)}.wf-dialog form{margin:0}.wf-dialog .actions{margin-top:18px}.wf-dialog [role=alert]{color:var(--danger,#cb5348);font-weight:600}.wf-modal-head{position:sticky;top:-24px;background:var(--panel,#1d3026);z-index:3;margin:-4px 0 18px;padding:8px 0}.wf-modal-head h2{margin:0}.wf-week-labels,.wf-week-row{display:grid;grid-template-columns:100px minmax(220px,1fr) minmax(220px,1fr);gap:14px;align-items:start}.wf-week-row{padding:14px 0;border-bottom:1px solid var(--line,#718674)}.wf-blocks{display:flex;flex-direction:column;gap:6px}.wf-time-pair{display:flex;gap:6px;align-items:center}.wf-time-pair input{min-width:0;width:105px;padding:8px!important;min-height:42px}.wf-time-pair button{min-width:36px;padding:5px!important}.wf-add-block{align-self:flex-start;padding:6px 10px!important;min-height:34px!important}.wf-template-bar{align-items:flex-end;margin:16px 0}.wf-template-bar label{flex:1;min-width:220px}.wf-job-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.wf-day-select{display:none}
@media(max-width:760px){.wf-dialog{padding:16px;width:96vw}.wf-modal-head{top:-16px}.wf-week-labels{display:none}.wf-week-row{grid-template-columns:1fr;gap:8px}.wf-week-row .wf-blocks:before{content:'Arbeitszeiten';font-size:.8rem;opacity:.8}.wf-week-row [data-blocks=breaks]:before{content:'Pausen'}.wf-tabs{gap:6px}.wf-tabs button{flex:1 1 42%;white-space:normal}.wf-day-select{display:flex;gap:4px;margin:12px 0}.wf-day-select button{flex:1;min-width:0;padding:8px 2px!important}.wf-week{min-width:0;border-spacing:0 8px}.wf-week [data-day-col]{display:none}.wf-week .wf-selected-day{display:table-cell}.wf-week th:first-child{width:42%}.wf-week thead th{background:transparent}.wf-shift{min-height:110px!important}.wf-week-scroll{max-height:65vh}.wf-toolbar #wf-period{width:100%;padding:4px 0}.wf-template-bar>*{width:100%}.wf-person{gap:10px}.wf-person>div{flex-basis:100%}.wf-job-types{grid-template-columns:1fr}
 #page-workforce>.section-head{display:grid;gap:12px;margin-bottom:12px;padding-bottom:12px;text-align:left}#page-workforce>.section-head h1{margin:0;font-size:28px}#page-workforce>.section-head .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}#page-workforce>.section-head .actions button{padding:8px!important;min-width:0}#page-workforce .wf-tabs{margin:12px 0}.wf-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;margin-bottom:8px}.wf-toolbar>.actions{width:auto!important;display:flex;gap:5px}.wf-toolbar button{padding:8px 11px!important}.wf-toolbar #wf-period{font-size:14px;padding:0}.wf-search{margin:10px 0}.wf-search input{min-height:44px}.wf-panel>#wf-message{font-size:14px;line-height:1.4;margin:8px 0}.wf-day-select{margin:8px 0}}

.ot-dialog{max-width:min(780px,95vw)}.ot-person{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line,#dedbd4)}.ot-person>div{flex:1;min-width:0}.ot-person strong,.ot-person small{display:block;overflow-wrap:anywhere}.ot-person img,.ot-initials{width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0}.ot-initials{display:grid;place-items:center;background:var(--panel,#eee);font-weight:bold}.ot-selection{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0}.ot-selection label{flex:1}.ot-photo-editor{display:flex;gap:18px;align-items:center;margin:16px 0}.ot-photo-preview{width:112px;height:112px;border-radius:18px;background:var(--panel,#eee);display:grid;place-items:center;overflow:hidden;flex:0 0 112px}.ot-photo-preview img{width:100%;height:100%;object-fit:cover}.ot-photo-editor small{display:block;margin-top:8px}@media(max-width:500px){.ot-person{flex-wrap:wrap}.ot-person button{margin-left:auto}.ot-photo-editor{align-items:flex-start;flex-direction:column}.ot-selection button{width:100%}}
/* Compact shared employee administration, matching the existing roster controls. */
.employee-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,240px) auto;gap:12px;align-items:end;margin:16px 0}.employee-toolbar label{margin:0}.employee-table-scroll{overflow:auto;max-height:calc(100dvh - 360px);min-height:160px}.employee-table-scroll table{width:100%;border-collapse:collapse}.employee-table-scroll thead{position:sticky;top:0;background:var(--panel,#fff);z-index:1}.employee-table-scroll th,.employee-table-scroll td{padding:12px;text-align:left;vertical-align:middle}.employee-table-scroll small{display:block;margin-top:5px;color:var(--muted)}.employee-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.employee-actions button{min-height:40px}.employee-dialog{max-width:680px}.employee-links{padding:14px;background:var(--panel-alt,rgba(128,128,128,.06));border-radius:12px}.employee-links p{margin:8px 0}.employee-footer{justify-content:flex-end}.employee-dialog .check{display:flex;align-items:center;gap:10px}.employee-dialog .check input{width:auto}@media(max-width:700px){.employee-toolbar{grid-template-columns:1fr}.employee-table-scroll{max-height:60dvh}.employee-table-scroll th:nth-child(3),.employee-table-scroll td:nth-child(3){display:none}.employee-table-scroll th,.employee-table-scroll td{padding:8px}.employee-actions{gap:6px}.employee-actions button{min-height:44px}.employee-dialog{max-height:90dvh;overflow:auto}}
@media(max-width:700px){
 .employee-table-scroll{overflow-x:hidden;min-height:140px}
 .employee-table-scroll table,.employee-table-scroll tbody{display:block;width:100%}
 .employee-table-scroll thead{display:none}
 .employee-table-scroll tr{display:grid;grid-template-columns:minmax(0,1fr);padding:10px 0;border-bottom:1px solid rgba(128,128,128,.22)}
 .employee-table-scroll td{display:block;width:auto!important;min-width:0!important;padding:7px 0;white-space:normal!important;border:0;overflow-wrap:anywhere}
 .employee-table-scroll td:nth-child(3){display:none}
 .employee-table-scroll td:nth-child(2)::before{content:'Benutzerkonto';display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
 .employee-table-scroll .employee-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .employee-actions button{min-width:0;width:100%;padding:9px;white-space:normal}
 .employee-actions button:first-child{grid-column:1/-1}
 .employee-panel>.wf-pager{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .employee-panel>.wf-pager>span{grid-column:1/-1}
}
@media(max-width:700px){#page-employees .employee-table-scroll table{min-width:0!important;max-width:100%;width:100%!important}}