.archive-intro{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);padding:25px;border-radius:10px;margin-bottom:24px}.archive-intro>div:nth-child(2){flex:1}.archive-intro p{font-size:0.875rem;color:var(--muted);max-width:670px;margin-top:7px}.archive-symbol{font-size:1.875rem;background:#eef2fc;color:#617cd2;width:58px;height:58px;display:grid;place-items:center;border-radius:14px;flex-shrink:0}.archive-intro .pill{white-space:nowrap}.archive-empty{padding:60px 30px;text-align:center}.archive-empty>span{display:block;color:#849ad7;font-size:2.625rem;margin-bottom:20px}.archive-empty p{max-width:500px;margin:13px auto 23px;color:var(--muted);font-size:0.9375rem}.archive-filters{display:flex;align-items:flex-end;gap:25px;margin-bottom:20px}.archive-filters>div{width:160px}.archive-filters label,.team-toolbar label{display:block;font-size:0.875rem;font-weight:550;color:#6f7d95;margin-bottom:8px}.archive-filters>span{margin-left:auto;font-size:0.875rem;color:var(--muted);align-self:center}.archive-filters .checkbox-label{margin-bottom:10px!important}.report-heading{margin:28px 0 20px}.report-heading h2{font-size:1.25rem}.report-heading p{color:var(--muted);font-size:0.875rem;margin-top:8px}.report-totals{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:20px;padding:22px}.report-totals>div{border-right:1px solid var(--line);padding:0 25px}.report-totals>div:first-child{padding-left:0}.report-totals>div:last-child{border:0}.report-totals span{font-size:0.875rem;color:var(--muted);display:block}.report-totals strong{display:block;margin-top:10px;font-size:1.4375rem;font-weight:600;letter-spacing:-.5px}.report-warning{display:block;color:#a7854e;margin-top:5px;max-width:260px;white-space:normal}.report-intervals{margin-top:25px}.report-intervals>summary{font-size:0.9375rem;font-weight:550;color:#526582;margin-bottom:16px}.team-toolbar{display:flex;align-items:flex-end;padding:22px;gap:20px}.team-toolbar>div:first-child{flex:1;max-width:320px}.team-toolbar select{min-width:180px}.team-toolbar .month-controls{height:41px;gap:14px}.team-toolbar .month-controls strong{font-size:0.9375rem;font-weight:550;min-width:130px;text-align:center}.team-note{margin:17px 0;font-size:0.875rem}.submission-reminder{display:flex;gap:16px;align-items:flex-start;background:#fff9ee;border:1px solid #f0dfb9;border-radius:10px;padding:20px;margin-bottom:24px}.reminder-icon{height:34px;width:34px;font-size:1.375rem;border-radius:8px;display:grid;place-items:center;background:#faedcf;color:#af8d46;flex-shrink:0}.submission-reminder>div{flex:1}.submission-reminder strong{font-size:0.9375rem;font-weight:600;color:#876b37}.submission-reminder p{font-size:0.875rem;color:#9a835a;margin-top:6px}.submission-reminder details{margin-top:10px;color:#9a835a;font-size:0.875rem}.reminder-months{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:13px}.reminder-months .text-button{font-size:0.875rem;color:#876b37}.submission-reminder .button{font-size:0.875rem;background:#fffdf8;border-color:#ead9b7;color:#9a7d40}.statement-tools{margin-bottom:0}.statement-tools p{max-width:610px;line-height:1.7}.day:disabled{opacity:1;cursor:default}.report-heading .eyebrow{color:#7086b9}.report-intervals .table-wrap td:last-child{white-space:normal;min-width:140px}.heading-actions{flex-shrink:0}
@media(max-width:1050px){.team-toolbar{flex-wrap:wrap}.report-totals{padding:18px}.report-totals>div{padding:0 15px}.report-totals strong{font-size:1.25rem}.archive-intro{align-items:flex-start}.archive-intro .pill{display:none}.submission-reminder{flex-wrap:wrap}.submission-reminder .button{margin-left:50px}}
@media(max-width:650px){.archive-intro{padding:20px 16px;gap:12px}.archive-symbol{width:40px;height:40px;font-size:1.5rem;border-radius:10px}.archive-intro h2{font-size:1rem}.archive-intro p{font-size:0.875rem}.archive-empty{padding:40px 20px}.archive-empty h2{font-size:1.0625rem}.archive-empty p{font-size:0.875rem}.archive-filters{flex-wrap:wrap;gap:10px}.archive-filters>div{width:130px}.archive-filters>span{width:100%;margin:0;font-size:0.875rem}.archive-filters .checkbox-label{font-size:0.875rem!important}.report-totals{grid-template-columns:repeat(2,1fr);gap:22px}.report-totals>div{border:0;padding:0}.report-totals span{font-size:0.875rem}.report-totals strong{font-size:1.3125rem}.team-toolbar{padding:16px;gap:15px}.team-toolbar>div:first-child{max-width:none;flex-basis:100%}.team-toolbar .month-controls{width:auto}.team-toolbar .month-controls strong{min-width:110px;font-size:0.875rem}.team-toolbar>.button{font-size:0.875rem;padding:8px}.submission-reminder{padding:16px;gap:10px}.submission-reminder strong{font-size:0.875rem}.submission-reminder p{font-size:0.875rem}.submission-reminder .button{margin-left:44px}.report-heading h2{font-size:1.0625rem}.section-top>.actions{flex-wrap:wrap;justify-content:flex-end}.section-top>.actions>a{font-size:0.875rem}.report-intervals>summary{font-size:0.875rem}}
.user-role{display:block;font-size:0.875rem;color:#8b98af;margin-top:3px}
.pause-hint{font-size:.8125rem;line-height:1.5}
.day-existing{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f7f9fd;font-size:.875rem;line-height:1.6}.day-existing>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.modal #entry-kind{margin-bottom:20px}.modal #booking-date{margin-bottom:18px}
.employment-fields .week-inputs input[type=checkbox]{width:16px;height:16px;flex-shrink:0}.employment-fields .week-inputs .checkbox-label{gap:8px;flex-wrap:wrap}.employment-fields .week-inputs .workday-label{font-size:.875rem}.employment-fields .week-inputs>div{min-width:0}.employment-fields h3{margin-bottom:18px}
.user-toolbar{display:flex;gap:12px;align-items:end;margin:24px 0}.user-toolbar>div{flex:1;max-width:430px;margin-right:auto}.user-toolbar input{width:100%}.user-editor{padding:24px;margin-bottom:24px}.user-editor fieldset{border:0;padding:0;margin:0;min-width:0}.user-editor h3{font-size:1rem;margin:0 0 18px}.user-editor .info-note{margin:18px 0}.user-editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.week-inputs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.week-inputs input{width:100%;min-width:0}.week-inputs label{font-size:0.875rem}.user-self{display:block;color:var(--muted);margin-top:4px}.user-editor .checkbox-label{margin:18px 0}@media(max-width:760px){.user-toolbar{flex-wrap:wrap}.user-toolbar>div{flex-basis:100%;max-width:none}.user-editor{padding:18px}.week-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.user-editor-actions{flex-wrap:wrap}}
.permission-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.permission-group{padding:16px;border:1px solid #e3e9f2;border-radius:10px}.permission-group h4{margin:0 0 12px}.permission-group .checkbox-label{align-items:flex-start;margin:12px 0!important;line-height:1.5}.permission-group input{flex-shrink:0;margin-top:3px}.allocation-row{display:flex;align-items:end;gap:16px;margin:16px 0}.allocation-row>div:first-child{flex:1}.allocation-row>div:nth-child(2){width:130px}.allocation-history{margin-top:24px}.report-filters{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:16px;align-items:end}.report-filters input,.report-filters select{width:100%}@media(max-width:760px){.permission-grid{grid-template-columns:1fr}.permission-toolbar,.allocation-row{flex-wrap:wrap}.allocation-row>div:first-child{flex-basis:100%}.report-filters{grid-template-columns:1fr}.permission-toolbar h3{width:100%}}
.team-toolbar{flex-wrap:wrap}
.team-summary-table .team-employee-row{cursor:pointer}
.team-summary-table .team-employee-row:hover,.team-summary-table .team-employee-row:focus-within{background:#eef2fc}
.team-employee-name{font:inherit;color:inherit;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}
.team-employee-name:focus-visible{outline:2px solid var(--primary,#4965df);outline-offset:5px;border-radius:2px}
.personal-information{background:#fff9ee;border:1px solid #f0dfb9;border-radius:10px;margin-bottom:24px;padding:20px}
.personal-information h2{font-size:1rem;margin:0 0 18px;color:#725e3b}
.personal-information .submission-reminder{margin:0;padding:18px 0 0;border:0;border-radius:0}
.personal-information h2 + .submission-reminder{padding-top:0}
.personal-information .submission-reminder{padding-bottom:18px}
.personal-information .submission-reminder:last-child{padding-bottom:0}
.personal-information .submission-reminder + .personal-notification{border-top:1px solid #eddfc7}
.personal-information .personal-notification:last-child{border-bottom:0;padding-bottom:0}
.submission-complete .reminder-icon{background:#e8f5ef;color:#268967}
.personal-notification{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #eddfc7}
.personal-notification>div{flex:1;min-width:0}
.personal-notification strong{font-size:0.9375rem;font-weight:600}
.personal-notification p{font-size:0.875rem;margin-top:6px;color:var(--muted)}
.personal-notification .button{flex-shrink:0}
.notification-approved .reminder-icon{background:#e8f5ef;color:#268967}
.notification-rejected .reminder-icon{background:#fbe9e6;color:#b65446}
.month-review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;min-width:360px}
.month-review-actions .text-button{padding:8px 0}
.reminder-months{gap:14px 26px}
@media(max-width:650px){.personal-information{padding:16px}.personal-notification{flex-wrap:wrap;gap:12px}.personal-notification>.button{margin-left:46px}.personal-information .submission-reminder{padding-top:16px}}
.account-shell{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:30px 16px;background:#f5f7fc}
.account-card{width:100%;max-width:580px;padding:32px}
.account-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:1.25rem;color:var(--text);font-weight:600}
.account-card h1{font-size:1.75rem;margin-bottom:12px}
.account-card>p{margin:16px 0;color:var(--muted)}
.account-card label,.login-card form label{display:block;margin:18px 0 8px}
.account-card input,.login-card input{width:100%;box-sizing:border-box}
.account-card .full{width:100%;margin-top:24px}
.login-card form[action="/account/login"] .full{margin-top:20px}
.login-card form[action="/account/login"] + p{margin-top:18px}
.login-card hr{margin:28px 0;border:0;border-top:1px solid var(--line)}
.warning-dot.note-dot{background:#eef2fe;color:#7489dc}
.report-warning.report-note{color:var(--muted)}
.report-totals.wide{grid-template-columns:repeat(6,minmax(0,1fr))}
.report-totals.wide span{hyphens:auto;overflow-wrap:anywhere}
.report-totals.wide strong{white-space:nowrap}
@media(max-width:1240px){.report-totals.wide{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.report-totals.wide>div:nth-child(3n){border:0}.report-totals.wide>div:nth-child(3n+1){padding-left:0}}
@media(max-width:650px){.report-totals.wide{grid-template-columns:repeat(2,minmax(0,1fr))}}
.operator-shell .account-card.wide{max-width:1100px}
/* Schmale Bildschirme: die Anlegen-Schaltflaeche bricht um, statt ueber den Kartenrand zu ragen (bei 375 px gemessen). */
.operator-shell .user-editor .button{white-space:normal;text-align:center}
/* Nutzertabelle mit der Spalte „Zugang“ (P2a): ab Desktopbreite ohne waagerechtes Rollen bis 1024 px.
   Engere Zellabstaende und Umbruch der Anmeldeadresse in der ersten Spalte; unter 651 px bleibt die
   rollbare, nicht umbrechende Mobilansicht aus app.css unveraendert. */
@media(min-width:651px){table[aria-label="Nutzer im Mandanten"] th,table[aria-label="Nutzer im Mandanten"] td{padding:14px 10px}table[aria-label="Nutzer im Mandanten"] td:first-child .user-self{overflow-wrap:anywhere}}
@media(min-width:651px) and (max-width:1100px){table[aria-label="Nutzer im Mandanten"] th,table[aria-label="Nutzer im Mandanten"] td{padding:14px 8px}}
