:root{--ink:#14313b;--accent:#007d80;--mint:#3ed5ce;--paper:#f3f7f8;--line:#dce6e9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}aside{position:fixed;inset:0 auto 0 0;width:245px;padding:35px 25px;background:#142e36;color:#fff;display:flex;flex-direction:column;gap:14px}aside .brand{font-size:64px;font-weight:850;color:white;line-height:1.1;letter-spacing:-5px}aside .brand span{color:var(--mint)}aside strong{font-size:22px}aside small{color:#adc5cf;font-size:13px}nav{margin:40px 0 20px;display:grid;gap:6px}nav a{display:block;padding:10px 12px;border-radius:8px;color:#dbf3f4}nav a:hover{background:#24454f;text-decoration:none}.version{margin-top:auto;color:#89b3bf;font-size:11px;letter-spacing:1px}main{margin-left:245px;padding:50px 5vw;max-width:1550px}header{margin-bottom:30px}h1{font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-1.4px;margin:10px 0}h2{font-size:23px;margin:0 0 14px}h3{font-size:18px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--accent)}.intro{font-size:18px;color:#5e7480;margin-bottom:30px}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:27px;margin-bottom:24px}.narrow{max-width:590px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.tiles h2{font-size:34px}.muted{font-size:14px;color:#617883}.badge{display:inline-block;padding:3px 10px;border-radius:50px;background:#e0f5ef;color:#006968;font-size:12px;font-weight:700}form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:14px;font-weight:650}input,select{font:inherit;padding:11px 13px;border:1px solid #bdcfd5;border-radius:7px;width:100%;background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid #b3eeeb;border-color:var(--accent)}button{font:inherit;font-size:14px;font-weight:650;background:var(--accent);color:white;border:0;border-radius:7px;padding:12px 18px;cursor:pointer;justify-self:start}button:hover{filter:brightness(.92)}button.secondary{background:#e7f1f2;color:#17414b}fieldset{border:1px solid var(--line);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px 20px;padding:15px;grid-column:1/-1}legend{font-weight:650;font-size:14px}.check{display:flex;align-items:center;font-weight:400}.check input{width:17px;height:17px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.form-grid .muted{grid-column:1/-1}summary{cursor:pointer;font-weight:650;padding:5px 0}summary small{font-size:13px;font-weight:400;color:#607e89;margin-left:10px}.user-row{border-top:1px solid var(--line);padding:18px 0}.user-row>summary{display:flex;justify-content:space-between;gap:10px}.user-row>summary:before{content:'+';color:var(--accent)}.user-row[open]>summary:before{content:'−'}.user-row>summary span:first-of-type{flex:1}.spaced{margin-top:20px}.error,.success,.notice{padding:14px 18px;border-radius:8px}.error{background:#fff0ed;color:#932f21}.success{background:#e0f5ed;color:#096346}.notice{background:#fff5d8;color:#695210}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:#617883}.table-wrap{overflow:auto}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}footer{font-size:12px;color:#728991;margin:32px 0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}@media(max-width:800px){aside{position:static;width:auto;padding:20px;gap:8px}aside .brand{font-size:38px}aside small,.version{display:none}nav{display:flex;flex-wrap:wrap;margin:5px 0}nav a{padding:6px 10px;font-size:14px}aside form{display:block}main{margin:0;padding:25px 18px}.form-grid{grid-template-columns:1fr}.card{padding:20px}.user-row>summary{flex-wrap:wrap}summary small{display:block;margin:0}}

.toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:0 0 24px}.button-link{background:var(--accent);color:white;padding:10px 16px;border-radius:7px}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:20px}.search-form{display:flex;gap:16px;align-items:end}.search-form label{flex:1}aside{overflow:auto}nav{margin-top:15px}@media(max-width:600px){.search-form{flex-direction:column;align-items:stretch}}

.full{grid-column:1/-1}textarea{font:inherit;color:var(--ink);border:1px solid #bdcfd5;border-radius:7px;padding:12px;width:100%;resize:vertical}textarea:focus{outline:3px solid #b3eeeb}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.details{display:grid;grid-template-columns:150px 1fr;gap:12px}.details dt{font-weight:650}.details dd{margin:0}@media(max-width:600px){.details{grid-template-columns:1fr}.details dd{margin-bottom:12px}}

@media print {
 @page { size: A4 landscape; margin: 12mm; }
 body { display:block!important; background:white!important; color:black!important; }
 aside,.no-print,body>main>header,footer { display:none!important; }
 main { margin:0!important; padding:0!important; width:100%!important; max-width:none!important; }
 .card { border:0!important; margin:0!important; padding:0!important; box-shadow:none!important; }
 .table-wrap { overflow:visible!important; }
 table { width:100%!important; min-width:0!important; font-size:10pt; }
 th,td { padding:6px!important; white-space:normal!important; overflow-wrap:anywhere; }
 tr { break-inside:avoid; } thead { display:table-header-group; }
}

.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.calendar-day{margin:0;min-width:0}.calendar-day h2{font-size:20px}.calendar-job{border-top:1px solid #d8e5e8;padding:12px 0;overflow-wrap:anywhere}.calendar-job p{font-size:14px;margin:6px 0}
.mobile-home{max-width:760px;margin:auto}.mobile-home button{min-height:52px;font-size:17px}.mobile-home .toolbar{flex-wrap:wrap}.inline{display:inline-flex;align-items:center;gap:8px;margin:8px 18px 8px 0}.inline input{width:auto}
@media(max-width:700px){aside{position:static!important;width:auto!important;min-height:0!important;height:auto!important;padding:16px!important}aside .brand,aside>small,aside>.version{display:none!important}aside nav{display:flex!important;flex-wrap:wrap;gap:6px;margin:10px 0!important}aside nav a{padding:10px!important;margin:0!important}main{margin-left:0!important;width:100%!important;padding:16px!important}body{display:block!important}.form-grid{grid-template-columns:1fr!important}.card{padding:18px!important}.toolbar{flex-wrap:wrap}h1{font-size:30px!important}input,select,textarea{font-size:16px!important;max-width:100%}.mobile-home .toolbar form{flex:1}.mobile-home button{width:100%}}

.calendar-absence{border-left:4px solid #946200;background:#fff6df;padding:12px;margin:10px 0;border-radius:6px;overflow-wrap:anywhere}
.calendar-absence p{margin:6px 0}

.job-note{border-bottom:1px solid #d9d9d9;padding:12px 0;overflow-wrap:anywhere}
.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}.media-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfdfd;min-width:0}.media-preview{width:100%;height:180px;object-fit:cover;border-radius:8px;background:#e8eff1;display:block}.media-item video.media-preview{object-fit:contain}.media-meta{font-size:13px;color:#617883;overflow-wrap:anywhere;margin:10px 0}.media-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.media-actions form{display:block}.media-upload{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.media-upload input[type=file]{padding:10px;background:#fbfdfd}@media(max-width:600px){.media-grid{grid-template-columns:1fr}.media-preview{height:auto;max-height:320px}}

/* v0.14/v0.15 offline queue + sync status */
.sync-status{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;gap:8px;align-items:center;background:#e0f5ed;color:#096346;border:1px solid #b9dfd2;border-radius:999px;padding:8px 12px;font-size:12px;box-shadow:0 5px 20px rgba(20,49,59,.12)}.sync-status a{color:inherit;font-weight:700}.sync-status.offline{background:#fff5d8;color:#695210;border-color:#eadba7}.sync-status.has-errors{background:#fff0ed;color:#932f21;border-color:#efc7bf}.sync-item{padding:16px 0;border-bottom:1px solid var(--line)}.sync-item:last-child{border-bottom:0}.sync-item .toolbar{margin:10px 0 0}#offline-flash{margin:0 0 20px}@media(max-width:700px){.sync-status{left:12px;right:12px;bottom:12px;justify-content:center}.sync-item .toolbar{align-items:stretch}.sync-item .toolbar button{width:100%}}

/* v0.16 field completion / print */
.signature-pad{width:100%;max-width:700px;height:220px;border:1px solid var(--line);border-radius:8px;background:#fff;touch-action:none}.signature-preview{display:block;max-width:420px;width:100%;max-height:160px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:white;padding:8px}.report-print{max-width:1000px}.report-print h3{margin-top:26px}@media print{.report-print{max-width:none}.report-print .media-grid{grid-template-columns:repeat(2,1fr)}.report-print .media-preview{height:140px}.signature-preview{max-width:320px;max-height:120px}}

/* v0.17 Abschlussarchiv PRO */
.archive-filter{display:grid;grid-template-columns:2fr repeat(4,minmax(150px,1fr));gap:14px;align-items:end}.archive-check{align-self:center;margin-top:24px}.archive-filter-actions{margin:0}.archive-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;flex-wrap:wrap}.archive-actions{display:flex;gap:12px;flex-wrap:wrap}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.archive-grid .card{margin:0 0 24px}.archive-hero{display:flex;justify-content:space-between;gap:24px;align-items:start}.archive-status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.archive-total{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}@media(max-width:1100px){.archive-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-filter label:first-child{grid-column:1/-1}}@media(max-width:700px){.archive-filter,.archive-grid{grid-template-columns:1fr}.archive-filter label:first-child{grid-column:auto}.archive-hero{display:block}.archive-status{justify-content:flex-start;margin-top:14px}}

/* v0.18 Abrechnungsvorbereitung */
.billing-hero{display:flex;justify-content:space-between;gap:24px;align-items:start}.billing-totals{margin:20px 0 0 auto;max-width:360px;border-top:1px solid var(--line);padding-top:10px}.billing-totals p{display:flex;justify-content:space-between;gap:30px;margin:6px 0}.billing-totals p:last-child{font-size:18px;border-top:1px solid var(--line);padding-top:8px}.inline-form{display:inline-flex;margin:2px 6px 2px 0;gap:6px}.billing-print-table{margin-top:24px}.billing-print-table td,.billing-print-table th{vertical-align:top}.billing-item-form input{min-width:90px}@media(max-width:700px){.billing-hero{display:block}.billing-totals{max-width:none}.inline-form{display:flex}.inline-form button{width:100%}}

/* v0.19 Einsatzplanung PRO */
.planning-summary{display:flex;justify-content:space-between;gap:24px;align-items:center}.planning-summary h2{margin:0}.planning-summary>div:last-child{font-size:18px}.planning-summary>div:last-child strong{font-size:28px}.capacity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.capacity-item{display:flex;gap:8px;align-items:end;border:1px solid var(--line);padding:10px;border-radius:9px}.capacity-item label{flex:1}.capacity-item label span{display:flex;align-items:center;gap:6px;font-weight:400}.capacity-item input{width:100px}.planning-board-card{padding:14px}.planning-board-wrap{overflow:auto}.planning-board{display:grid;grid-template-columns:minmax(150px,190px) repeat(7,minmax(180px,1fr));min-width:1450px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.planning-corner,.planning-day-head,.planning-employee,.planning-cell,.planning-unassigned{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}.planning-day-head{background:#eef5f6;text-align:center;display:flex;flex-direction:column}.planning-employee{background:#f8fbfb;display:flex;flex-direction:column}.planning-employee span,.planning-day-head span{font-size:12px;color:#617883}.planning-cell{min-height:135px;background:#fff;transition:background .15s,border-color .15s}.planning-cell.over-capacity{background:#fff4ef}.planning-cell.has-conflict{box-shadow:inset 0 0 0 2px #c94d3c}.planning-cell.has-absence{background:#fff9e9}.planning-cell.drag-over{background:#dff7f3;box-shadow:inset 0 0 0 3px var(--accent)}.planning-cell-meta{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#617883;margin-bottom:7px}.planning-absence{background:#fff0bd;color:#6e5310;border-radius:999px;padding:1px 6px}.planning-job{background:#eef9f8;border:1px solid #cbe9e5;border-radius:8px;padding:8px;margin:0 0 7px;display:flex;flex-direction:column;line-height:1.3;cursor:default}.planning-job[draggable=true]{cursor:grab}.planning-job.dragging{opacity:.45}.planning-job a{font-weight:700}.planning-job span,.planning-job small{font-size:11px;color:#516c75}.planning-unassigned-label{grid-column:1}.planning-unassigned{display:flex;gap:10px;flex-wrap:wrap;min-height:80px;background:#f8fbfb}.planning-unassigned .planning-job{width:220px}.planning-warning{margin:8px 0}@media(max-width:700px){.planning-summary{display:block}.capacity-item{align-items:stretch;flex-direction:column}.capacity-item button{width:100%}}

/* v0.21 Zeiterfassung & Personal PRO */
.workforce-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.workforce-stat{margin:0}.workforce-stat h2{font-size:30px}.workforce-hero{display:flex;justify-content:space-between;gap:24px;align-items:center}.workforce-kpis{display:flex;gap:28px;flex-wrap:wrap}.positive{color:#096346;font-weight:700}.negative{color:#a33b2b;font-weight:700}.status-live{background:#dff7f3;color:#006968;box-shadow:0 0 0 2px #b7ebe6 inset}.simple-time-calendar{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}.time-day{border:1px solid var(--line);border-radius:10px;padding:12px;min-height:160px;background:#fff}.time-day header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:7px;margin-bottom:8px}.time-day p{margin:5px 0;font-size:13px}.time-day.absence{background:#fff9e9}.time-day.running{box-shadow:inset 0 0 0 2px var(--mint)}.workforce-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workforce-admin-grid>.card{margin:0 0 20px}.advance-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.advance-row .inline-form{margin:0}.time-action-panel{max-width:900px}.time-action-panel .toolbar form{display:inline-block}.time-action-panel .toolbar button{min-width:150px;min-height:48px}@media(max-width:1000px){.simple-time-calendar{grid-template-columns:repeat(4,minmax(120px,1fr))}.workforce-stats{grid-template-columns:1fr}.workforce-admin-grid{grid-template-columns:1fr}}@media(max-width:650px){.simple-time-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.workforce-hero{display:block}.advance-row{display:block}.advance-row form{margin-top:10px}.time-action-panel .toolbar form,.time-action-panel .toolbar button{width:100%}}

/* v0.22 Zeiterfassung UX */
.time-model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.time-model-day{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;margin:0}.time-model-day legend{grid-column:1/-1}.time-model-day .muted{grid-column:1/-1}.pause-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.time-day.future{background:#f8fafb}.time-day.future .negative{color:#617883}.status-live{background:#d8f7ee;color:#075f4d}.workforce-admin-grid .card{min-width:0}
@media(max-width:700px){.time-model-grid{grid-template-columns:1fr}.pause-fields{grid-template-columns:1fr}.workforce-stats{grid-template-columns:1fr}}


/* v0.23 Zeiterfassung Live & Personal UX */
.punch-clock{max-width:1050px}.punch-clock-head{display:flex;justify-content:space-between;gap:24px;align-items:center}.punch-time{text-align:right;display:grid}.punch-time strong{font-size:34px;line-height:1.1}.punch-time span,.punch-time small{color:#617883}.punch-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.punch-actions form{display:block}.punch-actions button{min-width:180px;min-height:56px;font-size:16px}.start-job-grid{display:grid;gap:12px;margin-top:18px}.start-job{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:10px;padding:16px;background:#fbfdfd}.start-job p{margin:4px 0 0;color:#617883;font-size:13px}.live-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.live-person{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fbfdfd}.live-person-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.live-person p{margin:8px 0;color:#617883}.live-person-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin:12px 0;font-size:13px}.live-person-stats span{display:flex;justify-content:space-between;gap:8px}.advance-row details{width:100%}@media(max-width:700px){.punch-clock-head,.start-job{display:block}.punch-time{text-align:left;margin-top:16px}.punch-actions form,.punch-actions button,.start-job form,.start-job button{width:100%}.start-job form{margin-top:12px}.live-person-stats{grid-template-columns:1fr}}


/* v0.24 Personalkonto & Wochenansicht */
.week-time-table{min-width:1200px}.week-time-table th,.week-time-table td{vertical-align:top}.week-time-table td{min-width:135px}.week-time-table td .badge{margin-top:4px}.personnel-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:800px){.personnel-summary{grid-template-columns:1fr}}

/* v0.26 Zeiterfassung & Personal Abschluss PRO */
.holiday-badge{background:#e8eefc;color:#294b8f}.badge-warning{background:#fff0d7;color:#8a4b08}.time-day.holiday{background:#f5f7ff}.payroll-note{border-left:4px solid var(--accent);padding-left:12px}.overtime-account{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.warning-count{font-size:32px;font-weight:800}@media(max-width:800px){.overtime-account{grid-template-columns:1fr 1fr}}@media(max-width:520px){.overtime-account{grid-template-columns:1fr}}

/* v0.27 Lohnvorbereitung & Personal Monatsfreigabe PRO */
.payroll-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.payroll-kpi-grid>div{border:1px solid var(--line);border-radius:10px;padding:16px;background:#f9fcfc}.payroll-kpi-grid span{display:block;color:#617883;font-size:12px;margin-bottom:5px}.payroll-kpi-grid strong{font-size:20px}.badge-warning{background:#fff1cf;color:#7a5200}@media(max-width:900px){.payroll-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.payroll-kpi-grid{grid-template-columns:1fr}}


/* v0.28 Lohnprüfung & Monatsworkflow PRO */
.payroll-workflow-note{display:grid;gap:8px}.payroll-action-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.payroll-action-row form{flex:1;min-width:260px}.table-wrap input[type=checkbox]{width:18px;height:18px}.negative{color:#a52f20;font-weight:650}.positive{color:#086b4b;font-weight:650}

/* v0.29 Personalakte */
.personnel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.status-grid,.personnel-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.status-grid>div,.personnel-kpi-grid>.card{min-width:0}.status-grid>div{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;justify-content:space-between;gap:12px}.positive{color:#08745e}.negative{color:#a53a2c}.weekday-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.weekday-grid fieldset{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.weekday-grid fieldset label{min-width:0}.weekday-grid>button{grid-column:1/-1}@media(max-width:700px){.personnel-head{flex-direction:column}.weekday-grid{grid-template-columns:1fr 1fr}}

/* v0.30 Personalakte Dokumente & Fristen PRO */
.personnel-head-actions{display:grid;gap:8px;justify-items:end}.progress-track{height:10px;background:#edf3f4;border-radius:999px;overflow:hidden;margin:0 0 18px}.progress-track span{display:block;height:100%;background:var(--accent);border-radius:999px}.personnel-alerts{display:grid;gap:10px}.personnel-alert{display:grid;gap:3px;padding:12px 14px;border-radius:9px;border:1px solid var(--line)}.alert-warning{background:#fff8e8;border-color:#eedaa8}.alert-error{background:#fff0ed;border-color:#efc7bf}.document-list{display:grid;gap:10px;margin-bottom:20px}.document-row,.reminder-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.document-row:first-child,.reminder-row:first-child{border-top:0}.document-row .toolbar{margin:0;gap:10px}.document-row form,.reminder-row form{display:block;margin:0}@media(max-width:700px){.personnel-head-actions{justify-items:start}.document-row,.reminder-row{align-items:stretch;flex-direction:column}.document-row .toolbar{align-items:stretch}.document-row .toolbar a,.document-row .toolbar button,.reminder-row button{width:100%}}


/* v0.31 Personalakte Fristen & Onboarding PRO */
.status-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.status-grid>div{align-items:center;flex-wrap:wrap}.status-grid>div span{min-width:0;overflow-wrap:anywhere}.document-checklist{display:flex;gap:12px 20px;flex-wrap:wrap;padding:12px 0 18px;border-bottom:1px solid var(--line);margin-bottom:8px}.document-checklist strong{width:100%}.badge-danger{background:#ffe2dc;color:#9b2f20}.deadline-list{display:grid;gap:10px}.deadline-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fbfdfd}.deadline-overdue{background:#fff0ed;border-color:#efc7bf}.deadline-actions{display:flex;gap:10px;align-items:center}.deadline-actions form{display:block;margin:0}@media(max-width:700px){.deadline-row,.deadline-actions{align-items:stretch;flex-direction:column}.deadline-actions a,.deadline-actions button{width:100%}}

/* v0.32 Abwesenheiten & Genehmigungsworkflow PRO */
.absence-filter-grid{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:14px;align-items:end}.absence-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.absence-kpi-grid>.card{margin-bottom:24px}.absence-approval-table td{vertical-align:middle}.absence-approval-table input[type=checkbox]{width:18px;height:18px}.absence-row{padding:18px 0;border-top:1px solid var(--line)}.absence-row:first-of-type{border-top:0}.absence-row-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.absence-note{background:#f7fafb;border-radius:8px;padding:10px 12px}.absence-decision-form{margin-top:14px}.absence-decision-form .toolbar{margin:0}.absence-row .notice{margin:12px 0}.absence-row button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:950px){.absence-filter-grid{grid-template-columns:1fr 1fr}.absence-filter-grid button{grid-column:1/-1}.absence-kpi-grid{grid-template-columns:1fr}}@media(max-width:600px){.absence-filter-grid{grid-template-columns:1fr}.absence-row-head{flex-direction:column}.absence-row-head .badge{align-self:flex-start}}

/* v0.33 Einsatzplanung & Verfügbarkeitsprüfung PRO */
.availability-fieldset{align-items:flex-start}.availability-person{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:2px;min-width:240px}.availability-person input{grid-row:1/3}.availability-state{display:block;font-size:11px;font-weight:500;line-height:1.3}.availability-warning{color:#8a5a00}.series-preview-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}.planning-cell.has-absence{background:#fff8e5}.planning-cell.has-conflict{outline:2px solid #c43d2b;outline-offset:-2px}.planning-cell.over-capacity{box-shadow:inset 0 -3px 0 #d28b00}

/* v0.34 Monatsabschluss & Lohnworkflow PRO */
.month-workflow-ready{border-left:4px solid var(--accent)}

/* v1.0 Stable Release */

/* v1.1 UI/UX & Navigation Refresh */
aside{padding:26px 18px 20px;gap:8px;scrollbar-width:thin}aside .brand{font-size:54px}aside strong{font-size:20px}aside nav{margin:18px 0 14px;display:block}.nav-group{border-top:1px solid rgba(255,255,255,.09);padding:5px 0}.nav-group summary{list-style:none;padding:10px 9px;color:#b9d4db;font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'+';font-size:16px;color:#77d9d5}.nav-group[open] summary:after{content:'−'}.nav-items{display:grid;gap:2px;padding:0 0 7px}.nav-items a,aside nav>a{padding:8px 10px;border-radius:7px;font-size:14px}.nav-items a.active,aside nav>a.active{background:#24515a;color:#fff;font-weight:750;box-shadow:inset 3px 0 0 var(--mint)}.sidebar-bottom{margin-top:4px;display:grid;gap:7px}.sidebar-bottom form{display:block}.sidebar-bottom button{width:100%;justify-self:stretch}.version{margin-top:10px}.page-header{margin-bottom:22px}.page-header h1{margin-bottom:0}.card{box-shadow:0 1px 0 rgba(20,49,59,.02)}.toolbar{gap:10px;border-bottom:1px solid var(--line);padding-bottom:14px}.toolbar>a:not(.button-link){padding:7px 9px;border-radius:7px}.toolbar>a:not(.button-link):hover{background:#e8f2f3;text-decoration:none}.button-link{font-weight:700}.tiles>.card{height:100%}footer{padding-top:10px}
@media(max-width:700px){aside nav{display:grid!important}.nav-group summary{padding:9px 10px}.nav-items{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-items a{padding:10px}.sidebar-bottom{display:none}}
@media(max-width:440px){.nav-items{grid-template-columns:1fr}}


/* v1.1 UI/UX Refresh — Runde 2 */
:root{--sidebar:#12333b;--sidebar-2:#0f2b32;--soft:#f8fbfc;--soft-accent:#eaf6f6;--shadow:0 8px 28px rgba(20,49,59,.055)}
body{background:#f2f6f7}
aside{background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-2) 100%);padding:24px 14px 18px;width:220px;overflow:hidden}
aside .brand{font-size:50px;margin-left:2px}aside>strong{font-size:18px;margin-left:2px}aside>small{font-size:11px;line-height:1.45;margin:0 2px 5px}
aside nav{flex:1;min-height:0;overflow:auto;margin:14px -4px 10px 0;padding-right:5px;scrollbar-width:thin;scrollbar-color:#55767d transparent}
aside nav>a{font-weight:700;margin-bottom:5px}.nav-group{padding:2px 0;border-top-color:rgba(255,255,255,.075)}.nav-group summary{padding:9px 8px;font-size:10px;letter-spacing:1.25px;border-radius:7px}.nav-group summary:hover{background:rgba(255,255,255,.045)}.nav-group:has(a.active)>summary{color:#fff;background:rgba(62,213,206,.08)}.nav-group:has(a.active)>summary:before{content:'';width:3px;height:14px;background:var(--mint);border-radius:999px;margin-right:6px}.nav-group:has(a.active)>summary{justify-content:flex-start}.nav-group:has(a.active)>summary:after{margin-left:auto}.nav-items{padding:2px 0 7px 8px}.nav-items a,aside nav>a{font-size:13px;padding:7px 9px}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:10px}.sidebar-bottom button{padding:9px 12px}.version{margin:6px 2px 0;font-size:9px;line-height:1.45;letter-spacing:1.2px}
main{margin-left:220px;padding:34px clamp(22px,3.5vw,58px) 48px;max-width:none}.page-header{max-width:1320px;margin:0 auto 18px}.page-header .eyebrow{margin:0 0 5px}.page-header h1{font-size:clamp(30px,3.2vw,42px);margin:0}main> :not(.page-header):not(footer){max-width:1320px;margin-left:auto;margin-right:auto}
.card{border-color:#d8e4e7;border-radius:14px;box-shadow:var(--shadow);padding:24px}.card h2{letter-spacing:-.2px}.section-card{border-top:3px solid #dff4f2}.hero-card{background:linear-gradient(135deg,#fff 0%,#fbfefe 100%)}
.page-tabs{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:18px;box-shadow:0 2px 10px rgba(20,49,59,.03);gap:4px}.page-tabs>a:not(.button-link){padding:8px 11px}.page-tabs .button-link{padding:8px 13px}.filter-card{padding:18px 20px}.filter-card .search-form{margin:0}.filter-card label{margin:0}
.dashboard-hero{max-width:1320px!important;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 auto 18px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#fff,#f7fbfb);box-shadow:var(--shadow)}.dashboard-hero h2{font-size:27px;margin:2px 0 4px}.dashboard-hero p{margin:0;color:#617883}.release-chip{display:grid;gap:2px;min-width:245px;padding:12px 15px;border-radius:11px;background:#fff;border:1px solid var(--line)}.release-chip span{font-size:12px;color:#617883}.dashboard-kpis{max-width:1320px!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card{margin:0;min-height:170px;display:flex;flex-direction:column}.metric-card h2{font-size:32px;margin:4px 0 2px}.metric-card p:not(.eyebrow){margin:0 0 12px;color:#526b74}.metric-card a{margin-top:auto;font-weight:650}.dashboard-grid{max-width:1320px!important;display:grid;grid-template-columns:1.4fr .9fr;gap:16px}.dashboard-panel{margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.section-heading h2{margin:2px 0 0}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-actions a{display:grid;gap:3px;border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:var(--soft);color:var(--ink)}.quick-actions a:hover{background:var(--soft-accent);border-color:#c1e7e3;text-decoration:none}.quick-actions span{font-size:12px;color:#617883}.status-list{display:grid;gap:0;margin:0}.status-list>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--line)}.status-list>div:first-child{border-top:0}.status-list dt{color:#617883}.status-list dd{margin:0;text-align:right;font-weight:650}
.page-employee .workforce-admin-grid,.page-workforce .workforce-admin-grid{gap:16px}.page-employee .workforce-admin-grid>.card,.page-workforce .workforce-admin-grid>.card{margin-bottom:16px}.page-employee .weekday-grid fieldset{background:var(--soft)}.page-employee .personnel-kpi-grid>.card{box-shadow:none;background:var(--soft)}.page-employee .document-row,.page-employee .reminder-row{background:#fff}
.page-workforce .live-person{background:linear-gradient(135deg,#fbfefe,#f7fbfb)}.page-workforce .time-model-day{background:var(--soft);border-color:#dbe8ea}.page-workforce .workforce-kpis{background:var(--soft);padding:12px 14px;border-radius:9px}
.page-planning-board .planning-summary{padding:20px 22px}.page-planning-board .planning-capacity{padding:20px}.page-planning-board .planning-board-card{box-shadow:var(--shadow);border-radius:14px}.page-planning-board .planning-day-head{position:sticky;top:0;z-index:2;background:#edf6f7}.page-planning-board .planning-corner{position:sticky;left:0;top:0;z-index:4;background:#e6f1f2}.page-planning-board .planning-employee{position:sticky;left:0;z-index:3;background:#f5f9fa}.page-planning-board .planning-job{box-shadow:0 2px 7px rgba(20,49,59,.04)}
.page-payroll table,.page-month-close table{font-size:12px}.page-payroll th,.page-month-close th{background:#f5f9fa;position:sticky;top:0;z-index:1}.page-payroll td,.page-month-close td{vertical-align:top}.page-month-close .personnel-kpi-grid>.card{box-shadow:var(--shadow);background:linear-gradient(135deg,#fff,#f9fcfc)}
@media(max-width:1120px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.release-chip{min-width:0}}
@media(max-width:800px){aside{width:auto;overflow:visible;padding:16px 18px}aside nav{overflow:visible;margin-right:0}.sidebar-bottom{display:none}.version{display:none}main{margin-left:0;padding:24px 18px}.page-header{margin-bottom:14px}.dashboard-hero{display:block}.release-chip{margin-top:14px}.dashboard-kpis{grid-template-columns:1fr 1fr}.page-tabs{overflow-x:auto;flex-wrap:nowrap}.page-tabs a{white-space:nowrap}}
@media(max-width:560px){.dashboard-kpis,.quick-actions{grid-template-columns:1fr}.dashboard-hero{padding:16px}.card{padding:18px}.metric-card{min-height:140px}.page-header h1{font-size:30px}}

/* v1.1 UI/UX Refresh — Visual System Runde 3 */
:root{
 --ink:#0d3040;--ink-soft:#527080;--accent:#07989a;--accent-2:#12b8b4;--mint:#36d0c8;
 --paper:#f6fafc;--panel:#ffffff;--line:#d7e4e9;--line-strong:#c7d8de;
 --sidebar:#0d3440;--sidebar-2:#092c35;--shadow:0 8px 26px rgba(15,54,67,.07);
 --shadow-soft:0 2px 10px rgba(15,54,67,.05);--success:#169b67;--danger:#d84b3d;--warning:#e79a2b;
}
html{background:var(--paper)}body{background:linear-gradient(180deg,#f9fcfd 0,#f4f9fb 100%);color:var(--ink);font-size:15px;line-height:1.5}
body:before{content:'';position:fixed;inset:0 0 auto 220px;height:64px;background:rgba(255,255,255,.96);border-bottom:1px solid #dfe9ed;z-index:4;pointer-events:none}
aside{width:220px;background:linear-gradient(180deg,#103b46 0%,#0b313b 62%,#092a33 100%);padding:18px 12px 16px;gap:4px;box-shadow:8px 0 28px rgba(10,43,52,.08)}
aside .brand{font-size:46px;letter-spacing:-4px;margin:0 0 2px 4px}aside>strong{font-size:18px;margin-left:4px}aside>small{font-size:11px;line-height:1.45;margin:1px 4px 9px;color:#b8ccd3}
aside nav{margin:5px 0 12px}.nav-group{border-top:1px solid rgba(255,255,255,.08);padding:3px 0}.nav-group summary{min-height:34px;padding:8px 8px;color:#d9edf1;font-size:10.5px;letter-spacing:.7px}.nav-group summary:hover{background:rgba(255,255,255,.055)}.nav-group[open] summary{color:#fff}.nav-group:has(a.active)>summary{background:rgba(25,174,174,.13)}.nav-items{padding:3px 0 6px 11px;gap:1px}.nav-items a,aside nav>a{font-size:12.5px;color:#e7f4f6;padding:6px 8px;border-radius:6px}.nav-items a:hover,aside nav>a:hover{background:rgba(255,255,255,.07)}.nav-items a.active,aside nav>a.active{background:linear-gradient(90deg,#0b9b9d,#149da1);color:white;box-shadow:none;border:0}.sidebar-bottom{margin-top:auto;padding-top:10px}.sidebar-bottom button{background:#f5fbfc;color:#0d3440;border:1px solid rgba(255,255,255,.28);font-weight:750}.sidebar-bottom small{font-size:11px}.version{font-size:8.5px;color:#83b5c0}
main{margin-left:220px;padding:86px clamp(26px,3.2vw,54px) 42px;max-width:none}.app-topbar{position:fixed;left:220px;right:0;top:0;height:64px;z-index:5;display:flex;align-items:center;gap:16px;padding:0 clamp(24px,3vw,44px);background:rgba(255,255,255,.96);border-bottom:1px solid #dfe9ed;backdrop-filter:blur(10px)}.topbar-menu{background:transparent;color:#174654;padding:7px 9px;font-size:22px;line-height:1;border-radius:8px}.topbar-menu:hover{background:#eef6f8}.topbar-search{display:flex;align-items:center;gap:8px;width:min(530px,45vw);background:#f3f8fa;border:1px solid #d8e5e9;border-radius:8px;padding:0 10px}.topbar-search input{border:0;background:transparent;padding:9px 4px;box-shadow:none}.topbar-search input:focus{outline:none}.search-icon{color:#5a7781;font-size:19px}.topbar-meta{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar-date{font-size:12px;color:#6a838d}.topbar-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#123d47;color:#fff;font-weight:800}.topbar-user{display:grid;line-height:1.2}.topbar-user strong{font-size:12px}.topbar-user small{font-size:10px;color:#69828c}
.page-header{max-width:1360px;margin:0 auto 18px;display:flex;align-items:center;gap:14px}.page-title-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eaf6f7;color:var(--accent);font-weight:900;font-size:20px;border:1px solid #d2e9ea}.page-header .eyebrow{font-size:9.5px;letter-spacing:1.7px;margin:0 0 2px}.page-header h1{font-size:clamp(29px,3vw,40px);letter-spacing:-1.2px}
main> :not(.page-header):not(.app-topbar):not(footer){max-width:1360px}.card,.dashboard-hero{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.98);box-shadow:var(--shadow-soft)}.card{padding:20px 22px;margin-bottom:16px}.card:hover{box-shadow:var(--shadow)}.dashboard-hero{padding:17px 20px;margin-bottom:14px}.dashboard-hero h2{font-size:24px}.dashboard-kpis{max-width:1360px!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card{min-height:146px;padding:18px 20px}.metric-card .eyebrow{font-size:9.5px}.metric-card h2{font-size:29px}.metric-card p:not(.eyebrow){font-size:13px}.metric-card a{font-size:13px;font-weight:750}.dashboard-grid{max-width:1360px!important;gap:14px}.dashboard-panel{padding:20px}.quick-actions{gap:8px}.quick-actions a{padding:11px 12px;border-radius:8px;background:#f9fbfc}.quick-actions strong{font-size:13px}.status-list>div{padding:9px 0;font-size:13px}
.release-chip{min-width:220px;padding:10px 13px;border-radius:9px;box-shadow:none}.release-chip strong{font-size:13px}.release-chip span{font-size:11px}
h2{font-size:20px}h3{font-size:16px}.eyebrow{color:#0a8f91}a{color:#078c90}a:hover{color:#066f74;text-decoration:none}.badge{background:#e6f8f4;color:#087466;border:1px solid #d3efe7}
.toolbar{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:14px;box-shadow:var(--shadow-soft)}.toolbar>a:not(.button-link){padding:7px 9px}.button-link,button{background:linear-gradient(180deg,#0a9a9d,#07878b);border-radius:7px;box-shadow:0 2px 4px rgba(5,105,108,.12)}button.secondary{background:#eef5f7;color:#173e49;box-shadow:none}.button-link:hover,button:hover{filter:none;background:#087f83}
input,select,textarea{border-color:#c9dbe1;border-radius:6px;background:#fff;min-height:38px;padding:8px 10px;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid #aee9e5;outline-offset:0;border-color:#17a4a4}.form-grid{gap:12px 14px}.form-grid label{font-size:12.5px}.search-form{background:#fff;border:1px solid var(--line);padding:12px;border-radius:10px;box-shadow:var(--shadow-soft)}fieldset{background:#fbfdfe;border-color:#dbe7ea}
table{font-size:12.5px;background:#fff;border-radius:10px;overflow:hidden}th{background:#f4f8fa;color:#496875;font-weight:750;text-transform:none}th,td{padding:9px 10px;border-bottom:1px solid #e1eaed}tbody tr:hover td{background:#fbfdfd}.table-wrap{border:1px solid var(--line);border-radius:10px;background:#fff}
.notice,.success,.error{border-radius:8px;border:1px solid transparent}.success{border-color:#c9e9dc}.notice{border-color:#ecdca9}.error{border-color:#f0c7bf}
.calendar-grid{gap:12px}.calendar-day{padding:18px;min-height:220px}.calendar-day h2{font-size:18px;padding-bottom:8px;border-bottom:1px solid var(--line)}.calendar-job{padding:10px 0}.calendar-job a{font-weight:750}.calendar-absence{background:#fff7e8;border-left-color:#e5a13a}
.page-tabs{display:flex;gap:4px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:4px;box-shadow:var(--shadow-soft)}.page-tabs a{padding:8px 11px;border-radius:7px;color:#315664;font-size:13px}.page-tabs a.active,.page-tabs a:hover{background:#079699;color:#fff}
.section-heading{margin-bottom:12px}.section-heading h2{font-size:18px}.details{gap:9px 14px}.details dt{color:#5a7480;font-size:12px}.details dd{font-size:13px}.tiles{gap:14px}.tiles>.card{margin-bottom:0}
@media(max-width:1120px){body:before{left:190px}aside{width:190px}main{margin-left:190px}.app-topbar{left:190px}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-date{display:none}}
@media(max-width:800px){body:before{display:none}aside{position:static;width:auto;box-shadow:none}.app-topbar{position:static;height:auto;left:auto;right:auto;padding:10px 0;background:transparent;border:0}.topbar-menu,.topbar-date,.topbar-user{display:none}.topbar-search{width:100%}.topbar-meta{margin-left:0}.topbar-avatar{display:none}main{margin-left:0;padding:18px}.page-header{margin-top:2px}.page-title-icon{display:none}.dashboard-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dashboard-kpis{grid-template-columns:1fr}.metric-card{min-height:120px}.toolbar{padding:8px}.page-header h1{font-size:28px}}

/* v1.1 UI/UX Refresh — Runde 4 Final Polish */
:root{
 --panel-soft:#f8fbfc;--panel-tint:#eef7f8;--teal-50:#eaf8f8;--teal-100:#d6f1f0;
 --blue-soft:#edf5ff;--orange-soft:#fff3e8;--red-soft:#fff0ed;--green-soft:#eaf8f1;
}
body{letter-spacing:0}.page-header{padding-top:2px}.page-header h1{font-weight:780}.page-title-icon{font-size:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.page-title-icon::before{content:'+';font-size:19px;line-height:1}.page-index .page-title-icon::before{content:'⌂'}.page-planning-board .page-title-icon::before{content:'▦'}.page-calendar .page-title-icon::before{content:'▣'}.page-employee .page-title-icon::before,.page-records .page-title-icon::before{content:'●'}.page-workforce .page-title-icon::before,.page-time .page-title-icon::before,.page-time-dashboard .page-title-icon::before,.page-time-calendar .page-title-icon::before,.page-time-review .page-title-icon::before{content:'◷'}.page-payroll .page-title-icon::before,.page-billing .page-title-icon::before{content:'€'}.page-month-close .page-title-icon::before{content:'◉'}.page-absences .page-title-icon::before{content:'✓'}.page-contracts .page-title-icon::before{content:'▤'}.page-users .page-title-icon::before{content:'◎'}.page-system .page-title-icon::before{content:'⚙'}.page-account .page-title-icon::before{content:'○'}

/* global rhythm */
main>section.card,main>div.card{scroll-margin-top:78px}.card>h2:first-child{letter-spacing:-.2px}.card>p.muted:first-of-type{margin-top:-4px}.toolbar{gap:8px}.toolbar .button-link,.toolbar button{min-height:36px}.form-actions{padding-top:4px}.form-actions button{min-width:112px}.table-wrap{box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.table-wrap table{min-width:720px}.table-wrap th{white-space:nowrap}.table-wrap td{vertical-align:middle}.table-wrap tbody tr:last-child td{border-bottom:0}.badge-danger{background:var(--red-soft);color:#a43a2c;border-color:#f0cbc5}.badge-warning{background:#fff7e2;color:#8a6415;border-color:#ecdba9}.positive{color:#0b8d5a}.negative{color:#c94736}

/* sidebar polish */
aside{border-right:1px solid rgba(255,255,255,.06)}aside nav>a:first-child{font-weight:750}.nav-group summary{position:relative;padding-left:10px}.nav-group summary::after{content:'+';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:13px;color:#7ed6d3}.nav-group[open] summary::after{content:'−'}.nav-items{border-left:1px solid rgba(126,214,211,.18);margin-left:8px;padding-left:7px}.nav-items a.active{position:relative}.nav-items a.active::before{content:'';position:absolute;left:-8px;top:8px;bottom:8px;width:2px;border-radius:2px;background:#77e2dd}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.09)}

/* topbar polish */
.app-topbar{box-shadow:0 2px 10px rgba(22,63,74,.035)}.topbar-menu{border:1px solid #e0eaed;background:#fff;box-shadow:0 1px 3px rgba(18,61,71,.04)}.topbar-search{transition:border-color .15s ease,box-shadow .15s ease}.topbar-search:focus-within{border-color:#99dcd9;box-shadow:0 0 0 3px rgba(17,164,164,.10)}.topbar-avatar{box-shadow:0 0 0 3px #eef6f7}.topbar-user strong{font-weight:760}

/* list + master data pages */
.page-records .toolbar:first-of-type,.page-users .toolbar:first-of-type,.page-contracts .toolbar:first-of-type,.page-operations .toolbar:first-of-type,.page-job-archive .toolbar:first-of-type{position:sticky;top:72px;z-index:3}.page-records .search-form,.page-users .search-form{align-items:end}.page-records section.card:last-of-type>h2,.page-users section.card>h2{display:flex;align-items:center;gap:8px}.page-records .table-wrap td:last-child,.page-users .table-wrap td:last-child{text-align:right;white-space:nowrap}.page-records .table-wrap td:first-child{font-variant-numeric:tabular-nums;color:#64808b}.page-records .card form.form-grid{background:var(--panel-soft);border:1px solid #e0eaed;border-radius:10px;padding:14px}.page-records .form-actions{background:#fff;border-top:1px solid #e2ecef;margin:6px -14px -14px;padding:12px 14px;border-radius:0 0 10px 10px}

/* Personalakte */
.page-employee .hero-card{background:linear-gradient(135deg,#fff 0%,#fbfefe 65%,#f0faf9 100%);padding:18px 20px}.page-employee .personnel-head{align-items:center}.page-employee .personnel-head h2{font-size:28px;margin-bottom:2px}.page-employee .personnel-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-employee .section-card{padding:16px 18px}.page-employee .progress-track{height:7px;background:#e8f0f2;border-radius:99px;overflow:hidden}.page-employee .progress-track span{display:block;height:100%;background:linear-gradient(90deg,#0b9a9d,#31c8bd);border-radius:99px}.page-employee .status-grid{gap:8px}.page-employee .status-grid>div{background:#fbfdfd;border:1px solid #e1ebee;border-radius:8px;padding:10px 12px}.page-employee .workforce-admin-grid{gap:14px}.page-employee .personnel-kpi-grid{gap:12px}.page-employee .personnel-kpi-grid>.card{border-top:3px solid #d9eeee}.page-employee .document-list,.page-employee .deadline-list{border-top:1px solid #e3edef}.page-employee .document-row,.page-employee .reminder-row{border-bottom:1px solid #e5edef;border-radius:0;padding:11px 6px}.page-employee .personnel-alert{border-radius:8px;padding:11px 12px}

/* Absence / personnel administration */
.page-absences .absence-filter-card{padding:16px 18px}.page-absences .absence-kpi-grid{gap:12px}.page-absences .absence-kpi-grid>.card{border-top:3px solid #d8eeee}.page-absences .absence-row{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px;box-shadow:0 2px 8px rgba(15,54,67,.035)}.page-absences .absence-row-head{align-items:center}.page-absences .absence-note{background:#f8fbfc;border-radius:7px;padding:9px 10px}.page-absences details{border-top:1px solid #e5edef;margin-top:10px;padding-top:8px}.page-personnel-tasks .deadline-row{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px;margin-bottom:9px}

/* Time suite */
.page-workforce .live-team-grid{gap:10px}.page-workforce .live-person{border:1px solid #dce9ec;border-radius:10px;padding:13px}.page-workforce .live-person-head{margin-bottom:8px}.page-workforce .live-person-stats{gap:8px}.page-workforce .workforce-admin-grid>.card{border-top:3px solid #e2f1f1}.page-workforce .time-model-grid{gap:8px}.page-workforce .time-model-day{border-radius:8px;padding:10px}.page-time-dashboard .card,.page-time-calendar .card,.page-time-review .card,.page-time-warnings .card,.page-time-settings .card{box-shadow:var(--shadow-soft)}.page-time-calendar .simple-time-calendar{gap:8px}.page-time-calendar .time-day{border:1px solid #dce8eb;border-radius:8px;background:#fff}.page-time-review .payroll-kpi-grid,.page-time-warnings .payroll-kpi-grid{gap:10px}

/* Planning */
.page-planning-board .toolbar{position:sticky;top:72px;z-index:3}.page-planning-board .planning-summary{background:linear-gradient(135deg,#fff,#fbfefe)}.page-planning-board .planning-capacity{background:#fff}.page-planning-board .planning-job{border:1px solid #bfe3e2;background:#eff9f8;border-radius:8px}.page-planning-board .planning-cell.has-conflict{background:#fff5ef}.page-planning-board .planning-cell.has-absence{background:#fff9ec}.page-calendar .calendar-day{transition:transform .15s ease,box-shadow .15s ease}.page-calendar .calendar-day:hover{transform:translateY(-1px)}

/* Payroll + closing */
.page-payroll .card,.page-month-close .card,.page-billing .card{box-shadow:var(--shadow-soft)}.page-payroll .toolbar,.page-month-close .toolbar{position:sticky;top:72px;z-index:3}.page-payroll .table-wrap,.page-month-close .table-wrap{overflow:auto}.page-payroll table,.page-month-close table{min-width:980px}.page-payroll tbody td:first-child,.page-month-close tbody td:first-child{font-weight:700}.page-payroll .negative,.page-month-close .negative{font-weight:750}.page-month-close .personnel-kpi-grid>.card{border-top:3px solid #dceeee}.page-month-close .personnel-kpi-grid>.card:nth-child(1){border-top-color:#98ddd6}.page-month-close .personnel-kpi-grid>.card:nth-child(2){border-top-color:#b8d7f0}.page-month-close .personnel-kpi-grid>.card:nth-child(3){border-top-color:#dfcfef}.page-billing .billing-hero{background:linear-gradient(135deg,#fff,#fbfefe)}

/* Contracts, operations, archive */
.page-contracts .card,.page-operations .card,.page-job-archive .card{box-shadow:var(--shadow-soft)}.page-contracts .table-wrap td:last-child,.page-operations .table-wrap td:last-child{text-align:right}.page-job-archive .archive-grid{gap:14px}.page-job-archive .archive-grid>.card{border-top:3px solid #d9eeee}.page-job-archive .archive-hero{background:linear-gradient(135deg,#fff,#fbfefe)}

/* System / user / account */
.page-system .card{max-width:1100px}.page-system table{font-size:13px}.page-system td:last-child{text-align:right}.page-system .badge{min-width:34px;text-align:center}.page-users .user-row{background:#fff;border:1px solid #dce8eb;border-radius:9px;padding:0 14px;margin-bottom:8px}.page-users .user-row>summary{padding:12px 0}.page-users .user-row[open]{box-shadow:var(--shadow-soft)}.page-account .narrow{max-width:720px}.page-account .card{box-shadow:var(--shadow-soft)}

/* visual density + responsive */
@media(min-width:1400px){main{padding-left:48px;padding-right:48px}.page-header,main> :not(.page-header):not(.app-topbar):not(footer){max-width:1420px}.dashboard-kpis,.dashboard-grid{max-width:1420px!important}}
@media(max-width:980px){.page-records .toolbar:first-of-type,.page-users .toolbar:first-of-type,.page-contracts .toolbar:first-of-type,.page-operations .toolbar:first-of-type,.page-job-archive .toolbar:first-of-type,.page-planning-board .toolbar,.page-payroll .toolbar,.page-month-close .toolbar{position:static}.page-employee .personnel-head{align-items:flex-start}.page-employee .workforce-admin-grid{grid-template-columns:1fr}.page-payroll table,.page-month-close table{min-width:820px}}
@media(max-width:800px){.page-title-icon::before{display:none}.page-records .card form.form-grid{padding:10px}.page-employee .status-grid{grid-template-columns:1fr 1fr}.page-employee .personnel-kpi-grid{grid-template-columns:1fr}.page-absences .absence-kpi-grid{grid-template-columns:1fr}}
@media(max-width:520px){.page-employee .status-grid{grid-template-columns:1fr}.toolbar>a,.toolbar>button{width:100%;text-align:center}.page-tabs a{width:auto}}

/* v1.1 UI/UX Runde 5 - page-level density + consistency */
.page-employee main,.page-absences main,.page-payroll main,.page-records main,.page-system main{--content-max:1380px}
.page-employee .page-tabs,.page-payroll .page-tabs{margin-bottom:12px}
.page-employee .hero-card{padding:15px 18px;margin-bottom:14px}.page-employee .hero-card p{margin:3px 0}.page-employee .personnel-head h2{font-size:24px}.page-employee .section-card{padding:14px 16px;margin-bottom:14px}.page-employee .section-card h2{margin-bottom:9px}.page-employee .progress-track{margin:7px 0 10px}.page-employee .status-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.page-employee .status-grid>div{min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:8px 10px}.page-employee .personnel-alerts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-employee .personnel-alert{margin:0;min-height:64px;display:flex;flex-direction:column;justify-content:center}.page-employee .workforce-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-employee .workforce-admin-grid>.card{margin-bottom:0}.page-employee .workforce-admin-grid form{gap:10px}.page-employee .workforce-admin-grid .form-grid{margin-top:0}.page-employee .workforce-admin-grid textarea{min-height:78px}.page-employee .weekday-grid{grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px}.page-employee .weekday-grid fieldset{padding:8px;gap:6px;display:grid;grid-template-columns:1fr 1fr}.page-employee .weekday-grid legend{padding:0 4px}.page-employee .weekday-grid label{gap:3px;font-size:12px}.page-employee .weekday-grid input{padding:8px 9px}.page-employee .personnel-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.page-employee .personnel-kpi-grid>.card{padding:14px 16px;margin-bottom:14px}.page-employee .personnel-kpi-grid h2{font-size:22px}.page-employee .document-checklist{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.page-employee .document-checklist strong{width:100%}.page-employee .document-row .toolbar{margin:4px 0 0}.page-employee .document-row .toolbar a,.page-employee .document-row .toolbar button{font-size:12px;padding:7px 10px}.page-employee .deadline-list{max-height:320px;overflow:auto}

.page-absences .toolbar{margin-bottom:12px}.page-absences .absence-filter-card{margin-bottom:12px}.page-absences .absence-filter-grid{gap:10px}.page-absences .absence-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.page-absences .absence-kpi-grid>.card{padding:14px 16px;margin-bottom:0}.page-absences .absence-kpi-grid h2{font-size:22px}.page-absences #approval,.page-absences #new-absence{padding:16px 18px;margin-bottom:12px}.page-absences #new-absence form{gap:10px}.page-absences #new-absence textarea{min-height:72px}.page-absences .absence-row{padding:12px 14px}.page-absences .absence-decision-form{gap:8px}.page-absences .absence-decision-form .toolbar{margin:0}.page-absences details summary{font-size:13px}

.page-records .toolbar:first-of-type{margin-bottom:12px}.page-records .search-form{gap:10px}.page-records .search-form input{min-height:40px}.page-records .table-wrap table{min-width:680px}.page-records th,.page-records td{padding:10px 12px}.page-records td:last-child a{font-weight:700}.page-records section.card:last-of-type{padding:16px 18px}

.page-payroll .page-tabs{gap:6px}.page-payroll .filter-card{padding:14px 16px;margin-bottom:12px}.page-payroll .filter-card .search-form{gap:10px}.page-payroll .section-card{padding:16px 18px}.page-payroll .section-card>h2{margin-bottom:4px}.page-payroll table{font-size:12px;min-width:1120px}.page-payroll th,.page-payroll td{padding:9px 10px;line-height:1.35}.page-payroll thead th{position:sticky;top:0;background:#f0f6f7;z-index:2}.page-payroll tbody td:first-child{position:sticky;left:0;background:#fff;z-index:1;box-shadow:1px 0 0 #dfe9ec}.page-payroll thead th:first-child{left:0;z-index:3}.page-payroll tbody tr:hover td{background:#fbfefe}.page-payroll tbody tr:hover td:first-child{background:#fbfefe}.page-payroll .muted{font-size:12px}

.page-system .card{padding:16px 18px}.page-system .card>h2{margin-bottom:3px}.page-system th,.page-system td{padding:9px 10px}.page-system tbody tr:hover{background:#fbfefe}

@media(max-width:1180px){.page-employee .status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-employee .weekday-grid{grid-template-columns:repeat(4,minmax(130px,1fr))}.page-employee .personnel-alerts{grid-template-columns:1fr}.page-payroll table{min-width:1040px}}
@media(max-width:900px){.page-employee .workforce-admin-grid{grid-template-columns:1fr}.page-employee .weekday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-employee .personnel-kpi-grid,.page-absences .absence-kpi-grid{grid-template-columns:1fr}.page-payroll tbody td:first-child,.page-payroll thead th:first-child{position:static;box-shadow:none}}
@media(max-width:560px){.page-employee .status-grid,.page-employee .weekday-grid{grid-template-columns:1fr}.page-employee .weekday-grid fieldset{grid-template-columns:1fr 1fr}.page-employee .personnel-head-actions{align-items:flex-start}.page-employee .personnel-kpi-grid>.card{padding:12px}.page-absences #approval,.page-absences #new-absence{padding:14px}}

/* v1.1 Mitarbeiterportal */
.employee-hero{display:flex;justify-content:space-between;gap:24px;align-items:center}.employee-hero h2{margin:.15rem 0}.employee-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.employee-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}.employee-kpis .card{margin:0}.employee-kpis h2{margin:.2rem 0}.employee-live-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;border-left:5px solid var(--accent,#18a6a6)}.employee-live-time{display:flex;flex-direction:column;text-align:right}.employee-live-time strong{font-size:1.65rem}.employee-live-actions{display:flex;gap:8px;flex-wrap:wrap}.employee-inline-form{display:inline-block;margin:0}.employee-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:14px}.employee-job-row{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--border,#dfe7e7)}.employee-job-row:first-of-type{border-top:0}.employee-job-time{font-size:1.15rem;font-weight:700}.employee-job-time span,.employee-job-main span{display:block;font-size:.88rem;color:var(--muted,#607070);font-weight:400}.employee-job-links{display:flex;gap:12px;margin-top:5px;font-size:.88rem}.employee-balance-list{margin:0}.employee-balance-list>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--border,#dfe7e7)}.employee-balance-list dt{color:var(--muted,#607070)}.employee-balance-list dd{margin:0;font-weight:700}.employee-next-list{display:grid;gap:2px}.employee-next-list>a{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.8fr) 24px;gap:20px;align-items:center;padding:12px 10px;border-top:1px solid var(--border,#dfe7e7);text-decoration:none;color:inherit}.employee-next-list small{display:block;color:var(--muted,#607070);margin-top:2px}.employee-quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.employee-quick-links>a{padding:14px;border:1px solid var(--border,#dfe7e7);border-radius:12px;text-decoration:none;color:inherit}.employee-quick-links span{display:block;color:var(--muted,#607070);font-size:.88rem;margin-top:4px}
@media(max-width:1050px){.employee-kpis,.employee-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-dashboard-grid{grid-template-columns:1fr}.employee-live-card{grid-template-columns:1fr auto}.employee-live-actions{grid-column:1/-1}}
@media(max-width:680px){.employee-hero{align-items:flex-start;flex-direction:column}.employee-kpis,.employee-quick-links{grid-template-columns:1fr}.employee-live-card{grid-template-columns:1fr}.employee-live-time{text-align:left}.employee-job-row{grid-template-columns:64px 1fr}.employee-job-row>div:last-child{grid-column:1/-1}.employee-next-list>a{grid-template-columns:1fr 1.2fr 18px;gap:10px}}


/* v1.1.4 Mitarbeiter-Hard-Delete und Besetzungswarnungen */
.delete-dialog{width:min(860px,calc(100vw - 32px));max-height:88vh;border:0;border-radius:18px;padding:0;box-shadow:0 24px 70px rgba(7,35,46,.28)}
.delete-dialog::backdrop{background:rgba(7,35,46,.55)}
.delete-dialog-form{padding:24px;overflow:auto;max-height:88vh}
.delete-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.delete-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.delete-impact-grid>div{border:1px solid var(--border,#d8e5e9);border-radius:12px;padding:14px;background:#f7fbfc;display:flex;flex-direction:column;gap:4px}
.delete-impact-grid strong{font-size:1.4rem}.delete-impact-grid span{color:#526972}
.delete-confirm-list{display:grid;gap:10px;margin:18px 0}.delete-confirm-list label{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #d8e5e9;border-radius:10px;background:#fff}
.delete-confirm-list input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}.danger-button{background:#b42318!important;border-color:#b42318!important;color:#fff!important}.danger-zone{border-left:4px solid #d92d20;padding-left:16px}
.staffing-warning-text{color:#b54708;font-weight:700}.row-warning td{background:#fff8eb}.staffing-alert{border-color:#f4b36a!important;background:#fff8eb!important;color:#7a2e0e!important}.metric-warning{border-color:#f4b36a;background:#fffaf0}.staffing-alert-panel{border-color:#f4b36a}.staffing-alert-list{display:grid;gap:8px}.staffing-alert-list a{display:flex;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid #f1d19e;border-radius:10px;background:#fffaf0;text-decoration:none}.staffing-alert-list span{color:#526972;text-align:right}
@media(max-width:720px){.delete-impact-grid{grid-template-columns:1fr 1fr}.delete-dialog-head,.staffing-alert-list a{flex-direction:column}.staffing-alert-list span{text-align:left}}

/* v1.2.3 Topbar Menü + Global Suche */
.topbar-search{position:relative}
.topbar-search-form{margin:0}
.global-search-results{position:absolute;top:calc(100% + 9px);left:0;width:min(720px,72vw);max-height:min(68vh,620px);overflow:auto;background:#fff;border:1px solid #d8e5e9;border-radius:12px;box-shadow:0 18px 46px rgba(17,51,61,.18);z-index:120;padding:6px}
.global-search-results[hidden]{display:none}
.global-search-group{padding:8px 10px 5px;color:#607b84;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.global-search-result{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:9px;color:var(--ink);text-decoration:none}
.global-search-result:hover,.global-search-result.is-active{background:#eef8f8;text-decoration:none}
.global-search-code{font-size:12px;font-weight:800;color:var(--accent)}
.global-search-main{min-width:0;display:grid}.global-search-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#667e87;font-size:12px}
.global-search-meta{font-size:11px;color:#58747d;white-space:nowrap}
.global-search-all{display:block;padding:10px;border-top:1px solid #e5edef;margin-top:4px;font-weight:750;text-align:center}
.global-search-empty,.global-search-loading{padding:18px 14px;color:#607b84}
.global-search-page-list{display:grid;gap:6px}.global-search-page-item{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #e0eaed;border-radius:10px;padding:12px 14px;color:var(--ink);text-decoration:none}.global-search-page-item:hover{background:#f5fbfb;text-decoration:none}.global-search-page-item small{display:block;color:#617883}.global-search-page-code{font-weight:800;color:var(--accent)}
body.sidebar-collapsed>aside{transform:translateX(-100%)}
body.sidebar-collapsed>main{margin-left:0!important}
body.sidebar-collapsed .app-topbar{left:0!important}
body>aside{transition:transform .2s ease}
body>main,.app-topbar{transition:margin-left .2s ease,left .2s ease}
@media(max-width:800px){
 body>aside{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(330px,88vw)!important;height:100vh!important;z-index:200!important;transform:translateX(-105%);padding:22px!important;box-shadow:14px 0 40px rgba(12,42,51,.25)}
 body.sidebar-open>aside{transform:translateX(0)}
 body.sidebar-open::after{content:'';position:fixed;inset:0;background:rgba(10,39,48,.42);z-index:190}
 .app-topbar{position:sticky!important;top:0!important;z-index:180!important;display:flex!important;padding:10px 14px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #dfe9ed!important}
 .topbar-menu{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto}
 .topbar-search{width:100%!important;min-width:0}
 .global-search-results{position:fixed;left:10px;right:10px;top:65px;width:auto;max-height:70vh}
 .topbar-meta{display:none!important}
 .global-search-result{grid-template-columns:75px minmax(0,1fr)}.global-search-meta{grid-column:2/3}
}
@media(max-width:560px){.global-search-page-item{grid-template-columns:1fr}.global-search-page-item .badge{justify-self:start}.global-search-result{grid-template-columns:1fr}.global-search-code,.global-search-meta{grid-column:auto}.global-search-main small{white-space:normal}}