/* Keep the dense working layout; use colour to identify each task. */
body{--section-accent:#39744d;--section-soft:#eaf3eb;--section-line:#c4d9c9}
body[data-section=zuschlaege],body[data-section=projekte]{--section-accent:#31677d;--section-soft:#e8f2f7;--section-line:#c5dce6}
body[data-section=feiertage],body[data-section=abwesenheiten],body[data-section=kalender]{--section-accent:#995778;--section-soft:#f8edf3;--section-line:#e5cbd8}
body[data-section=antraege]{--section-accent:#92601a;--section-soft:#fcf2df;--section-line:#ead6b3}
body[data-section=umbuchungen],body[data-section=konto]{--section-accent:#5a648e;--section-soft:#eef0fa;--section-line:#d3d8eb}
body[data-section=mitarbeiter]{--section-accent:#427476;--section-soft:#e8f4f3;--section-line:#c5dedd}
.sidebar{padding-top:22px;background:#2e4738;box-shadow:3px 0 20px #273c2d0a;overflow-y:auto}.brand{margin-bottom:26px}.sidebar nav{gap:3px}.nav-button{padding:9px 10px;min-height:38px;border-left:3px solid transparent}.nav-button.active{background:#e4eddf;border-left-color:#aac292;box-shadow:0 1px 5px #17291c26}
.nav-button[data-section=zuschlaege]{color:#c4e4f2}.nav-button[data-section=umbuchungen],.nav-button[data-section=konto]{color:#dce0ff}.nav-button[data-section=mitarbeiter]{color:#bde9e3}.nav-button[data-section=kalender],.nav-button[data-section=abwesenheiten]{color:#f2d0e1}.nav-button[data-section=antraege]{color:#f6ddb2}.nav-button.active{color:#294134}
.topbar{min-height:60px}.intro{margin-top:23px}.intro h1{font-size:28px}#section-caption{color:var(--section-accent);font-weight:600}.snapshot-banner{border-radius:7px;background:#eaf0e8;margin-bottom:17px}.panel{box-shadow:0 2px 9px #20332a06;border-color:#d6e0db}.panel-head{padding:12px 16px;background:var(--section-soft);border-bottom-color:var(--section-line);border-top:3px solid var(--section-accent)}.panel-head h2{color:var(--section-accent)}
thead th{background:var(--section-soft);color:#425d50}tbody tr:nth-child(even):not(.absence-row){background:#f7faf8}tbody tr:hover:not(.absence-row){background:#edf4f0}tbody td{padding-top:9px;padding-bottom:9px}.avatar{box-shadow:0 0 0 2px #fff,0 0 0 3px #d5e3d9}.avatar.large{box-shadow:0 0 0 4px #fff,0 0 0 5px #d5e3d9}.name-cell .avatar{width:31px;height:31px}.person-name{font-weight:600}
.stats{box-shadow:0 2px 9px #20332a06}.stat{padding:14px 18px;background:#eff6ee}.stat:nth-child(2){background:#eaf2f8}.stat:nth-child(3){background:#fcf1de}.stat:nth-child(4){background:#f1edf7}.stat strong{font-size:25px}.profile-stats>div:nth-child(1){background:#edf5ed}.profile-stats>div:nth-child(2){background:#eaf2f8}.profile-stats>div:nth-child(3){background:#f1edf8}.profile-stats>div{padding:13px 16px;border-radius:9px;border:1px solid #dce4df}.profile-stats{gap:10px;padding:16px}.staff-tabs{gap:5px}.staff-tabs button{background:#f2f6f3}.staff-tabs button.active{background:#dceae0;color:#28563b;border-color:#b3cdbb}
button{transition:background .14s,box-shadow .14s,transform .08s}.primary{background:#396548;border-color:#396548;box-shadow:0 2px 3px #24452e12}.blue{background:#e1edf5;border-color:#bfd5e4;color:#2e6078}.blue:hover:not(:disabled){background:#cce0ee}.quiet:hover:not(:disabled){border-color:#b7cbbd}.danger:hover:not(:disabled){background:#f2d5d2}.holiday-button{background:#f4e2ed;border-color:#dfbdce;color:#884867}.holiday-button:hover:not(:disabled){background:#ead0df}.request-approve{background:#dcefe0;border-color:#b6d6be}.request-reject{background:#f8e6e3;border-color:#e6c6c1}.link-button{color:#35677c}.link-button:hover:not(:disabled){background:#e2edf3}.link-button.red{color:#a03936}.rate-chip{display:inline-block;min-width:58px;padding:4px 8px;border-radius:5px;background:#dcecf6;color:#285e7a;font-weight:650}.success-pill{background:#dceee1;color:#286140}.pending-pill{background:#fbedce;color:#885316}
.settlement-caption{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 16px 16px;font-size:12px;color:#5a6e65}.settlement-caption button{margin-left:auto}.supplement-stats>div:nth-child(2){background:#e4f1f9}.supplement-row td:nth-child(4),.supplement-row td:nth-child(5){background:#eaf3f94d}.supplement-row td:last-child{background:#f0edf94d}.balance-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.balance-preview>div{background:#edf4f0;padding:14px;border:1px solid #cadcd2;border-radius:8px}.balance-preview>div:last-child{background:#f0edf9;border-color:#d9d1ec}.balance-preview small{display:block;color:#59695d;margin-bottom:6px}.balance-preview strong{font-size:17px}.agreement{display:flex;align-items:center;gap:9px;font-size:13px;margin:15px 0}.agreement input{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:#39704a}.section-copy .toolbar .field{margin:0}.section-copy .toolbar input[type=date]{width:155px}.section-copy .toolbar{align-items:flex-end}.credit-rules summary{color:var(--section-accent);font-weight:600}.budget-track{background:#dfe9e2}.table-foot{background:#f8faf9}.modal-top{background:#eaf1ec;border-bottom:1px solid #cfddd3}.modal-top h2{color:#365843}.form-actions{border-top:1px solid #dde5df;padding-top:15px}.form-grid .field small{font-size:11px;line-height:1.5;color:#64726a}
@media(max-width:800px){.sidebar{padding:14px}.sidebar nav{gap:4px}.nav-button{padding:7px 9px}.intro #page-actions{flex-wrap:wrap}.balance-preview{grid-template-columns:1fr}.settlement-caption{gap:8px}.settlement-caption button{margin-left:0}.profile-stats{padding:10px}.section-copy .toolbar input[type=date]{width:140px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}

[hidden]{display:none!important}
.inbox-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 16px 16px;color:#55665e;font-size:14px}.inbox-row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}.inbox-row-actions button{min-height:32px;padding:5px 8px}.supplement-approved td:last-child{background:#eaf4ed}.inbox-back{margin-bottom:12px}.supplement-count{background:#bc4b41;color:white}.supplement-panel .section-copy{padding-bottom:12px}.supplement-panel .hint{margin-bottom:0}
.grant-list{max-height:360px;overflow:auto;margin:14px 0;border:1px solid #cbd6cf;border-radius:14px;background:#fff}
.grant-person{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #e2e8e4;cursor:pointer}
.grant-person:last-child{border-bottom:0}.grant-person>span:first-of-type{flex:1}.grant-person small{display:block;color:#67766d;font-size:13px;margin-top:3px}
.grant-person input[type=checkbox]{width:19px;height:19px;flex:none;accent-color:#3b8064}.grant-person:has(input:checked){background:#edf6f0}
#page-refresh{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}#page-refresh svg{width:18px;height:18px}.view-picker{flex-wrap:wrap}

.phone-toggle{width:18px!important;height:18px;accent-color:#35775b;vertical-align:middle;margin-right:8px}.server-saving button:not([data-close]):not(#modal-close),.server-saving input,.server-saving select{pointer-events:none;opacity:.65}.server-saving button:after{content:' · …'}.terminal-panel{max-width:680px;margin:auto}.terminal-panel .clock-actions button{min-height:64px;flex:1}.terminal-panel .field{margin-bottom:20px}.clock-actions button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.phone-toggle:focus-visible{outline:3px solid #428fc9;outline-offset:3px}

.device-filter{max-width:340px;margin:0 24px 18px}.device-staff-list{max-height:420px;overflow:auto}.device-staff-list thead{position:sticky;top:0;z-index:1}.device-staff-list td button{padding:6px 10px;margin:2px;min-height:34px}.device-staff-list td{padding:8px 12px}.device-staff-list label{white-space:nowrap}

/* A shared tablet uses portraits as its only employee selector. */
.tablet-kiosk footer,.tablet-kiosk .sidebar-bottom{display:none}.tablet-kiosk .sidebar{display:flex;padding-inline:12px}.tablet-kiosk .app-shell{display:grid;grid-template-columns:200px minmax(0,1fr)}.tablet-kiosk .nav-button{font-size:14px;min-height:46px}.terminal-lock-icon{font-size:12px;margin-left:auto}.tablet-kiosk main{max-width:none;width:100%;margin:0;padding:0 28px 28px}.tablet-kiosk .topbar{min-height:64px}.tablet-kiosk .intro{margin:20px 0 18px}.tablet-kiosk #snapshot-banner{padding:9px 14px;font-size:12px}.terminal-directory-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px}.terminal-directory-head h2{margin:0;font-size:19px;color:#304b3b}.terminal-directory-head>span{font-size:13px;color:#69796f}.terminal-directory{width:100%;max-width:none;margin-inline:0}.terminal-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.terminal-person{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:78px;padding:12px 18px;background:#fff;border:1px solid #cbdacf;border-radius:12px;box-shadow:0 2px 7px #29473308;text-align:left;cursor:pointer}.terminal-person:hover:not(:disabled){background:#edf5ee;border-color:#7ca789;box-shadow:0 4px 14px #29473316}.terminal-person:active:not(:disabled){background:#dcebdd;transform:translateY(1px)}.terminal-person:focus-visible{outline:3px solid #4383a2;outline-offset:3px}.terminal-person .avatar{width:52px;height:52px;flex:none;font-size:20px;object-fit:cover}.terminal-person strong{font-size:17px;line-height:1.25;color:#2d4839;overflow-wrap:anywhere}.terminal-role{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.02em;color:#53705e;background:#eaf2e8;border-radius:6px;padding:4px 8px;margin-top:auto}.terminal-leader{background:#f3f8fc;border-color:#c5d9e4}.terminal-leader .terminal-role{background:#dfecf5;color:#365f76}.terminal-selected{display:flex;gap:20px;align-items:center;margin:8px 0 28px}.terminal-selected .avatar{width:88px;height:88px;object-fit:cover;flex:none}.terminal-selected h3{font-size:23px;margin:0 0 9px}.terminal-actions{display:flex;gap:12px;margin-top:22px}.terminal-actions button{flex:1;min-height:64px;font-size:18px}.terminal-actions .danger{background:#f7e4e0;border-color:#d7aaa0;color:#9a3b31}.tablet-kiosk dialog{max-width:580px}.terminal-actions button:disabled{opacity:.65}.terminal-actions button:disabled:after{content:' · …'}
.terminal-person .terminal-role{margin-top:0}.terminal-person:disabled{opacity:1;cursor:default}
@media(max-width:750px){.tablet-kiosk main{padding:0 16px 20px}.terminal-person{gap:14px;padding:12px 14px}.terminal-person strong{font-size:16px}}
@media(max-width:450px){.terminal-person{grid-template-columns:48px minmax(0,1fr);gap:4px 14px}.terminal-person .avatar{grid-row:span 2;width:48px;height:48px}.terminal-person .terminal-role{justify-self:start;grid-column:2;font-size:12px}.terminal-actions{flex-direction:column}.terminal-selected h3{font-size:20px}.tablet-kiosk .intro{gap:14px}}

@media(max-width:700px){.tablet-kiosk .app-shell{display:block}.tablet-kiosk .sidebar{display:block;height:auto}.tablet-kiosk .brand{margin-bottom:12px}.tablet-kiosk .sidebar nav{display:flex}.tablet-kiosk .topbar{gap:10px}.tablet-kiosk .view-picker label{display:block}}

.order-inbox-row{padding:18px;border:1px solid #d7e2dc;border-radius:14px;margin-top:12px;display:flex;gap:16px;align-items:center;justify-content:space-between}.order-inbox-row span,.order-inbox-row small{display:block;margin-top:4px}.order-unseen{background:#fff7e9;border-left:4px solid #b7791f}.order-inbox-row small{color:#617267}@media(max-width:600px){.order-inbox-row{align-items:flex-start;flex-direction:column}}

.project-team-preview{display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:360px}.project-team-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;min-height:30px;border:1px solid #d4e0dc;border-radius:8px;background:#f2f5f3;font-size:14px;box-shadow:none}.project-team-pill.assigned{background:#e2f0e7;border-color:#a7c8b4}.project-team-pill span{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-team-pill b{font-variant-numeric:tabular-nums;white-space:nowrap}

/* One compact control style for the header, including links and notifications. */
.topbar{flex-wrap:wrap;padding-block:10px}.topbar .view-picker{gap:8px;margin-left:auto;max-width:100%}
.topbar .view-picker>button,.topbar .view-picker>a,.topbar .view-picker>select{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid #adcde3;border-radius:10px;background:#dfedf8;color:#245570;font:600 14px/20px Bahnschrift,'Segoe UI',sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap;box-shadow:0 2px 3px #2455700c;transition:background .14s,border-color .14s,box-shadow .14s,transform .08s}
.topbar .view-picker>select{display:block;width:142px;padding-right:28px;cursor:pointer}
.topbar .view-picker>label{font-size:14px;color:#536a60}
.topbar .view-picker>button:hover:not(:disabled),.topbar .view-picker>a:hover,.topbar .view-picker>select:hover{background:#cce2f2;border-color:#7baac9}
.topbar .view-picker>button:active:not(:disabled),.topbar .view-picker>a:active{background:#b6d4e9;transform:translateY(1px);box-shadow:inset 0 1px 3px #24557020}
.topbar .view-picker>button:focus-visible,.topbar .view-picker>a:focus-visible,.topbar .view-picker>select:focus-visible{outline:3px solid #357da5;outline-offset:3px}
.topbar .view-picker>button:disabled{opacity:.6;cursor:wait}
.topbar .view-picker>[hidden]{display:none!important}
.topbar .request-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:1px 5px;border-radius:6px;background:#b73e36;color:#fff;font-size:12px;line-height:20px}
@media(max-width:700px){.topbar .view-picker{margin-left:0;width:100%;justify-content:flex-start}.topbar .view-picker>button,.topbar .view-picker>a,.topbar .view-picker>select{min-height:44px;padding:11px 12px}.topbar .view-picker>select{width:142px}}
@media(prefers-reduced-motion:reduce){.topbar .view-picker>button,.topbar .view-picker>a,.topbar .view-picker>select{transition:none}.topbar .view-picker>button:active:not(:disabled),.topbar .view-picker>a:active{transform:none}}