@font-face{font-family:Barlow;src:url("fonts/Barlow-Regular.90af7baeeb14.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url("fonts/Barlow-Bold.6cbe034ff9c2.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Barlow;src:url("fonts/Barlow-Black.8a710f3e68ec.ttf") format("truetype");font-style:normal;font-weight:900;font-display:swap}
:root{--ink:#152b40;--muted:#5d6e7b;--nav:#10283c;--accent:#06786f;--line:#dbe3e8;--bg:#f3f6f8;--white:#fff;--warn:#8b5100;--radius:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:16px;line-height:1.5;background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:2.4rem;line-height:1.15;letter-spacing:-.045em;margin-bottom:.65rem}h2{font-size:1.2rem;letter-spacing:-.02em}h3{font-size:1.15rem}p+p{margin-top:.8rem}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.12em;color:var(--accent);margin-bottom:.8rem}.skip{position:absolute;left:-10000px;z-index:10;background:white;padding:1rem}.skip:focus{left:1rem;top:1rem}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:white;padding:36px 24px;display:flex;flex-direction:column}.brand{color:inherit;font-size:1.7rem;letter-spacing:.08em;font-weight:850;line-height:1}.brand span{display:block;font-size:.62rem;letter-spacing:.19em;margin-top:.65rem;font-weight:600}.brand:hover{text-decoration:none}.workspace-label{font-size:.7rem;letter-spacing:.12em;color:#a8bfce;margin:54px 8px 12px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:11px 12px;border-radius:0;color:#d2e1ea;font-size:.93rem}.sidebar nav a[aria-current]{background:#26465b;color:white;font-weight:650;box-shadow:inset 3px 0 #63d4c4}.sidebar-note{margin-top:auto;padding:40px 8px;color:#c5d5df}.sidebar-note p{font-size:.875rem;margin-top:12px}.phase{font-size:.7rem;letter-spacing:.13em;color:#85ddcc}.account{border-top:1px solid #395064;padding:22px 8px 0}.account strong{font-size:.9rem}.text-button{padding:0;border:0;background:none;color:#afc5d3;font-size:.85rem;margin-top:5px}.main{margin-left:232px;padding:42px clamp(24px,4vw,68px);max-width:1800px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:30px}.badge{display:inline-block;padding:5px 10px;border-radius:0;font-size:.78rem;line-height:1.5;font-weight:650;white-space:nowrap;background:#edf1f4}.badge.warning{background:#fff0d8;color:var(--warn)}.badge.success{background:#dff4ec;color:#166443}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:white;border-radius:0;margin-bottom:24px}.metrics>div{padding:23px 28px}.metrics>div+div{border-left:1px solid var(--line)}.metrics span{font-size:.9rem;color:var(--muted)}.metrics strong{display:block;font-size:2.2rem;line-height:1.4;letter-spacing:-.04em;margin:9px 0}.metrics strong small{font-size:.875rem;letter-spacing:0;font-weight:450;color:var(--muted)}.metrics p{font-size:.8rem;color:var(--muted)}.notice{border:1px solid #b9d8df;border-left:4px solid #168b86;border-radius:0;padding:17px 20px;background:#edf7f8;margin:22px 0}.notice strong{font-size:.95rem}.notice p{font-size:.9rem;color:#466570;margin-top:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 16px}.section-heading a{font-size:.875rem;font-weight:600}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.source-card{background:white;border:1px solid var(--line);border-radius:0;padding:23px 25px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.source-mark{width:39px;height:39px;border-radius:0;background:#edf1fa;color:#354c99;font-size:1.25rem;font-weight:800;display:grid;place-items:center;text-transform:uppercase}.source-mark.sevdesk{background:#ffefe6;color:#a74b00}.source-mark.productive{background:#e3f3ef;color:#067465}.source-mark.personio{background:#eaf0fc;color:#315cb7}.source-card>p{font-size:.875rem;margin-top:3px}dl{margin:20px 0 17px}dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.85rem;margin:9px 0}dt{color:var(--muted)}dd{margin:0;font-weight:650;text-align:right}.card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:.875rem;font-weight:650}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:0;background:white}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{background:#f8fafb;color:var(--muted);font-weight:550;font-size:.8rem;padding:14px 20px;white-space:nowrap}td{border-top:1px solid var(--line);padding:14px 20px;vertical-align:middle}td strong{font-weight:650}.cell-sub{display:block;color:var(--muted);font-size:.8rem;margin-top:3px}.empty{padding:35px;color:var(--muted);text-align:center}.footnote{color:var(--muted);font-size:.8rem;line-height:1.6;margin:25px 0}.back{display:inline-block;font-size:.875rem;margin-bottom:25px}.panel{background:white;border:1px solid var(--line);border-radius:0;padding:32px;max-width:760px}.panel h2,.panel h3{margin-bottom:14px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.filter{display:flex;align-items:center;gap:15px;margin-bottom:24px}.filter select{min-width:200px;margin:0}.button{border:0;border-radius:0;padding:11px 22px;background:var(--accent);color:white;font-weight:650}.button:hover{background:#045f58}.filter .button{padding:10px 22px}input,select{width:100%;border:1px solid #b8c6cf;border-radius:0;padding:10px 12px;background:white;color:var(--ink)}select{width:auto}.login-layout{display:grid;grid-template-columns:1.08fr 1fr;min-height:100vh}.login-intro{background:var(--nav);color:white;padding:55px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.login-intro .brand{margin-bottom:90px}.login-intro .eyebrow{color:#8ddfd2}.login-intro h1{font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.13;margin-bottom:25px}.login-intro>p:not(.eyebrow){max-width:330px;color:#bfd0dc}.source-names{font-size:.82rem;margin-top:55px;color:#c5d7e2}.source-names span{padding:0 7px}.login-panel{align-self:center;padding:55px clamp(30px,6vw,90px);max-width:620px;width:100%}.login-panel h2{font-size:1.65rem;margin-bottom:12px}.login-panel form{margin:28px 0}.login-panel label{display:block;font-size:.875rem;font-weight:650;margin:20px 0 7px}.login-panel .button{width:100%;margin-top:25px}.error{padding:12px 15px;background:#fff0e8;border-radius:0;font-size:.875rem;color:#903b12}
@media(min-width:1550px){.source-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.source-card{padding:20px}dl div{display:block}dd{text-align:left}}@media(max-width:1000px){.sidebar{width:190px;padding:28px 15px}.main{margin-left:190px;padding:30px 24px}.metrics>div{padding:18px}.metrics strong{font-size:1.9rem}.metrics strong small{display:block}.page-head h1{font-size:2rem}.section-heading .small{display:none}}@media(max-width:720px){.sidebar{position:static;width:100%;padding:20px}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:20px}.sidebar nav a{padding:8px 10px}.sidebar .brand{font-size:1.4rem}.workspace-label,.sidebar-note,.account{display:none}.main{margin:0;padding:25px 18px}.metrics{grid-template-columns:1fr}.metrics>div+div{border-left:0;border-top:1px solid var(--line)}.metrics>div{padding:16px 20px}.metrics strong{font-size:1.8rem;margin:3px 0}.metrics strong small{display:inline}.source-grid{grid-template-columns:1fr}.page-head{flex-wrap:wrap}.login-layout{grid-template-columns:1fr}.login-intro{padding:30px}.login-intro .brand{margin-bottom:35px}.login-intro h1{font-size:2.15rem}.login-intro h1 br{display:none}.source-names{margin-top:22px}.login-panel{padding:32px 25px}.filter{flex-wrap:wrap}.filter select{min-width:0;flex:1}th,td{padding:13px 16px}.section-heading{align-items:flex-start}}

/* NECOM public brand: black, white, yellow #fbba00, red #e53138, green #13ad96. */
:root{--nav:#171717;--ink:#202020;--accent:#186b60;--bg:#f5f5f2;--line:#deded8;--muted:#62645f}
.brand-logo{width:155px;height:auto;display:block;background:#fff;padding:9px;border-radius:0}.sidebar nav a[aria-current]{background:#34342d;box-shadow:inset 3px 0 #fbba00}.phase{color:#fbba00}.eyebrow{color:#705400}.sidebar .brand span{color:#fff;letter-spacing:.08em}.button{background:#fbba00;color:#171717}.button:hover{background:#e2a800}.button:disabled{background:#e7e7e1;color:#71736c;cursor:not-allowed}.notice{border-color:#d6d7c6;border-left-color:#fbba00;background:#fffef4}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}.health-item{background:white;border:1px solid var(--line);border-radius:0;padding:16px;display:flex;gap:10px}.health-item strong{font-size:.85rem}.health-item p,.health-item small{font-size:.75rem;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:0;background:#bb8400;flex-shrink:0;margin-top:6px}.status-dot.ok{background:#148270}.source-card form{margin-top:15px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.report-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:0}.report-card:nth-child(-n+2){border-top:4px solid #fbba00}.report-number{font-size:.7rem;color:var(--muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:.04em}.report-value{font-size:2.6rem;display:block;margin:10px 0}.report-card p{font-size:.875rem}.report-card footer{font-size:.7rem;border-top:1px solid var(--line);margin-top:20px;padding-top:13px;color:var(--muted)}.report-card footer span{display:block;margin-top:6px}.metrics .date-metric{font-size:1.7rem}.panel form p{margin:15px 0}.panel label{display:block;font-weight:600;font-size:.85rem;margin:10px 0 6px}.panel ul{font-size:.8rem;color:var(--muted)}.panel .helptext{font-size:.8rem}.auth-main>.panel{margin:8vh auto;max-width:600px}.errorlist{color:#9c2428}.login-intro .eyebrow{color:#fbba00}
@media(max-width:1150px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.report-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr 1fr}.section-heading{flex-wrap:wrap}.account{display:block;padding:10px 0;margin-top:12px;border:0}.sidebar .brand-logo{width:125px}.panel{padding:22px}}

/* Corporate design from the supplied necom-design.skill; assets served locally. */
:root{--necom-yellow:#fbba00;--necom-green:#13ad96;--necom-red:#e53138;--necom-black:#000;--necom-white:#fff;--necom-gray-light:#f5f5f5;--necom-font:Barlow,Arial,sans-serif;--ink:var(--necom-black);--nav:var(--necom-black);--bg:var(--necom-gray-light);--accent:#176f61;--line:#dedede;--muted:#575757;--radius:0;font-family:var(--necom-font);letter-spacing:.02em}
::selection{background:rgba(229,49,56,.5)}
h1,h2{letter-spacing:-1px}h1{font-weight:900}h2{font-weight:700}
.eyebrow,label,th,.workspace-label{font-weight:700;text-transform:uppercase;letter-spacing:1.2px}
.necom-logo{display:block;max-width:100%;height:auto;object-fit:contain}
.sidebar .brand{display:block;background:white;padding:14px;color:black}.sidebar .necom-logo{width:100%;height:auto}.sidebar .brand span{color:black;margin-top:18px;font-size:9px;line-height:1.5}
.sidebar nav a[aria-current]{box-shadow:inset 2px 0 var(--necom-yellow)}
.account{overflow-wrap:anywhere}.account,.card-link,.report-card footer,hr{border-top-width:2px}
.button{background:var(--necom-yellow);color:black;border-radius:0;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:14px 22px;min-height:48px}.button:hover{background:#e4a900}.button:focus-visible{outline:2px solid black;outline-offset:4px}
input,select{border:0;border-bottom:2px solid black;border-radius:0;background:white;padding:12px 2px;min-height:48px}input:focus-visible,select:focus-visible{outline:2px solid black;outline-offset:4px;border-bottom-color:var(--necom-yellow)}
th{border-bottom:2px solid black;font-size:11px}.notice{border-left:2px solid var(--necom-yellow);background:#fffdf4}.error{border-left:2px solid var(--necom-red);background:#fff0f0;color:#9c2025}
.auth-main{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--necom-gray-light)}
.auth-shell{width:100%;max-width:488px}
.auth-card{background:white;border:2px solid black;border-top:6px solid var(--necom-yellow);padding:40px}
.auth-brand{margin-bottom:40px}.auth-brand .necom-logo{width:184px;height:auto}
.auth-card .eyebrow{font-size:11px;line-height:1.5;color:#575757;margin:0 0 10px;letter-spacing:1.8px}
.auth-card h1{font-size:38px;line-height:1.15;letter-spacing:-1px;font-weight:400;margin:0 0 16px}
.auth-card h1 strong{font-weight:900;background:linear-gradient(transparent 70%,var(--necom-yellow) 70%,var(--necom-yellow) 91%,transparent 91%)}
.auth-intro{font-size:16px;line-height:1.5;color:var(--muted);margin:0}
.auth-form{margin:28px 0 0}.auth-form label{display:block;font-size:11px;line-height:1.5;margin:24px 0 5px;letter-spacing:1.3px;color:black}.auth-form>label:first-of-type{margin-top:0}.auth-form input{font-size:17px;width:100%}.auth-form .auth-submit{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;margin-top:28px;padding:14px 18px;line-height:1.5}.auth-submit span{font-size:22px;line-height:1}.auth-form .error{font-size:14px;margin-bottom:22px}.auth-form p{margin:18px 0}.auth-form p label{margin-top:0}.auth-form ul{padding-left:18px;margin:10px 0;font-size:13px;color:var(--muted)}.auth-form .helptext{font-size:13px;line-height:1.5;color:var(--muted)}
.auth-assurance{font-size:12px;line-height:1.6;color:var(--muted);margin-top:24px;display:flex;gap:9px;align-items:flex-start}.lock-icon{position:relative;display:inline-block;width:11px;height:10px;border:1.5px solid currentColor;margin-top:5px;flex-shrink:0}.lock-icon:before{content:"";position:absolute;width:5px;height:5px;border:1.5px solid currentColor;border-bottom:0;left:1.5px;top:-6px}
.auth-footer{text-align:center;font-size:11px;letter-spacing:.3px;color:var(--muted);padding-top:20px}.auth-footer span{margin:0 5px}
.auth-back{border:0;border-bottom:1px solid currentColor;background:none;color:var(--muted);font-size:13px;line-height:1.5;padding:2px 0;margin-top:24px}.auth-back:hover{color:black}
.setup-steps{padding-left:20px;font-size:14px;line-height:1.6;margin:22px 0}.setup-steps li+li{margin-top:8px}.auth-qr{display:block;max-width:100%;height:auto;margin:24px auto}
@media(max-width:520px){.auth-main{padding:24px 16px}.auth-card{padding:28px 24px}.auth-card h1{font-size:33px}.auth-brand{margin-bottom:36px}.auth-brand .necom-logo{width:170px}.auth-form .auth-submit{letter-spacing:.7px}.auth-footer{font-size:10px}.panel{max-width:100%}}
.connection-grid{margin-top:20px}.connection-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button-secondary{background:white;border:2px solid var(--necom-yellow)}.connection-summary p{font-size:15px}.credential-form{margin-top:24px}.credential-form p{margin:24px 0}.credential-form input{max-width:100%}.credential-form .button{margin-top:12px}
/* Management reports: self-hosted assets, no scripts or remote charts. */
.finance-entry{border:2px solid #000;border-top:5px solid #fbba00;padding:24px;margin:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff}
.finance-entry h2{margin:8px 0}.report-tabs{display:flex;gap:24px;border-bottom:2px solid #000;margin:24px 0}.report-tabs a{padding:12px 0}.report-tabs [aria-current]{border-bottom:4px solid #fbba00;font-weight:700}
.report-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;background:#fff;padding:20px;margin-bottom:16px;border:1px solid #ddd}.report-filters label{display:flex;flex-direction:column;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.report-filters select,.report-filters input{font:400 16px Barlow,Arial,sans-serif;border:0;border-bottom:2px solid #000;border-radius:0;padding:8px;background:#fff;max-width:300px}.report-provenance{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#555;margin:18px 0}.finance-panel{background:#fff;padding:24px;border:1px solid #ddd;margin:24px 0}.finance-panel h2{font-size:24px;margin:0 0 20px}.finance-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.finance-columns .finance-panel{min-width:0}.finance-metrics strong{font-size:clamp(23px,2.3vw,36px)}.chart-container{overflow-x:auto}.chart-container svg{display:block;width:100%;min-width:550px;max-height:350px}.chart-grid{stroke:#ddd;stroke-width:1}.chart-baseline{stroke:#333;stroke-width:1}.chart-current{fill:#fbba00}.chart-previous{fill:#8a8279}.chart-axis{font:12px Barlow,Arial,sans-serif;fill:#555}.legend-current,.legend-previous{display:inline-block;width:10px;height:10px;background:#fbba00;margin:0 5px 0 12px}.legend-previous{background:#8a8279}.money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.customer-ranking{max-height:540px;overflow:auto}.customer-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid #eee}.customer-row svg{width:100%;height:4px;grid-column:1/-1}.customer-row small{grid-column:1/-1;color:#666}.finance-definition{border:1px solid #ddd;padding:20px;margin:24px 0;background:#fff}.finance-definition summary{font-weight:700;cursor:pointer}.finance-definition p,.finance-definition li{max-width:95ch;color:#555}.pagination{display:flex;gap:24px;justify-content:center;padding-top:20px}.finance-panel dd{margin:4px 0 20px}.finance-panel dt{font-weight:700}.finance-panel th{white-space:nowrap}
@media(max-width:1100px){.finance-columns{grid-template-columns:1fr}.finance-entry{display:block}.finance-entry .button{margin:8px 0}.report-filters select{max-width:240px}}
@media print{.sidebar,.report-filters,.report-tabs,.pagination{display:none}.main{margin:0!important;padding:16px!important}.finance-panel,.finance-definition{break-inside:avoid}.customer-ranking{max-height:none}.table-wrap{overflow:visible}}

/* Management productivity report: native details work without browser scripts. */
.productivity-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.productivity-customer{border:1px solid var(--line,#ddd);border-top:2px solid #000;margin:16px 0;padding:18px;background:#fff}
.productivity-customer>summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:700;list-style:disclosure-closed}
.productivity-customer[open]>summary{padding-bottom:18px;border-bottom:1px solid #ddd;margin-bottom:12px}
.productivity-table{min-width:1120px}
.productivity-table th{white-space:normal;vertical-align:bottom}
.productivity-table td{vertical-align:top}
.productivity-table details{max-width:250px;font-size:12px;color:#626262;margin-top:8px}
.productivity-table summary{cursor:pointer;font-weight:700}
.quota-number{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
.productivity-table .cell-sub{max-width:170px}
.report-definition{margin-top:30px;padding:24px;border-top:2px solid #000;background:#f5f5f5}
.report-definition p{max-width:1050px;line-height:1.6}
@media(max-width:1100px){.productivity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.productivity-metrics{grid-template-columns:1fr}.productivity-customer>summary{display:block}}
.report-export{margin:0 0 24px}.report-export p{font-size:.8rem;margin-top:8px}.initial-secret{display:block;overflow-wrap:anywhere;padding:18px;background:#fff3cd;font-size:1.3rem}.sidebar{overflow-y:auto}.panel select{max-width:100%}

input[type="checkbox"]{width:auto;min-height:0;height:auto;display:inline-block;margin-right:8px;vertical-align:middle}
.customer-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.customer-filters select[multiple]{height:180px}.customer-filters .wide{grid-column:1/-1}.customer-review-row{border-top:2px solid #ddd;padding:16px 0}.customer-review-row textarea{width:100%;min-height:76px}.customer-review-row input{width:100%}.customer-preview{overflow-x:auto;margin-top:28px}.customer-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:20px 0}@media(max-width:900px){.customer-filters{grid-template-columns:1fr}}

.customer-filters,.customer-panel{max-width:none}.customer-filters select{width:100%;max-width:100%}.customer-filters .text-button{color:#333;font-size:14px;padding:8px 0;background:none}.customer-review-row textarea{font:inherit;padding:12px;border:1px solid #ccc}.customer-panel>label{font-size:14px;text-transform:none;letter-spacing:0}

.customer-suggestions{border:2px solid var(--black,#171717);max-height:280px;overflow:auto;background:#fff;margin:0 0 12px;position:relative;z-index:2}
.customer-suggestions[hidden]{display:none}
.customer-suggestions button{display:block;width:100%;text-align:left;background:#fff;color:#171717;border:0;border-bottom:1px solid #ddd;padding:10px 12px;white-space:normal}
.customer-suggestions button[aria-selected="true"],.customer-suggestions button:hover{background:#fbba00;color:#171717}
.customer-panel input[inputmode="decimal"]{max-width:220px}
.customer-panel select[data-duplicate]{display:block;width:100%;max-width:600px}

/* Compact management reports: native disclosures work in standalone exports. */
.management-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.management-nav a{padding:9px 13px;border:1px solid #ccc;color:#181818;text-decoration:none;background:white}.management-nav a:hover{background:#fbba00}.compact-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compact-charts .finance-panel{margin-top:0;min-width:0}.compact-total{display:block;font-size:28px}.timeline-scroll{overflow-x:auto}.timeline-grid{--months:9;min-width:calc(390px + var(--months)*51px)}.timeline-row{display:grid;grid-template-columns:170px repeat(var(--months),minmax(51px,1fr)) 85px 85px 60px;align-items:stretch;min-height:48px;border-bottom:1px solid #ddd}.timeline-row>span,.timeline-row>strong,.timeline-row>a{padding:13px 4px;text-align:right;white-space:nowrap;font-size:12px}.timeline-row>:first-child{text-align:left;white-space:normal;position:sticky;left:0;background:#fff;z-index:1}.timeline-heading{font-weight:700;background:#f1f1ef}.timeline-heading>:first-child{background:#f1f1ef}.timeline-block>summary{list-style:none;cursor:pointer;background:#fff}.timeline-block>summary::-webkit-details-marker{display:none}.timeline-block>summary:hover,.timeline-block>summary:hover>:first-child{background:#fff4cf}.timeline-block[open]>summary,.timeline-block[open]>summary>:first-child{background:#fff4cf}.timeline-child{background:#fafaf8}.timeline-child>:first-child{background:#fafaf8;padding-left:22px}.timeline-child a{color:#333;text-decoration:underline;text-decoration-color:#c7a400}.timeline-result,.timeline-result>:first-child{background:#242424;color:white}.expand-hint{float:right;color:#777}.compact-note{font-size:14px;color:#555;padding:12px;max-width:1100px}.quota-cell svg{display:block;margin:7px 0 0 auto}.opos-row{display:grid;grid-template-columns:minmax(240px,1fr) 90px 160px 160px;gap:12px;padding:15px 10px;align-items:center}.opos-row>:not(:first-child){text-align:right}.opos-heading{background:#f1f1ef;font-size:13px;font-weight:bold}.opos-group{border-bottom:1px solid #ddd}.opos-group>summary{cursor:pointer;list-style:none}.opos-group[open]>summary{background:#fff4cf}.opos-group table{font-size:14px}.finance-panel details>summary:focus-visible,.timeline-row:focus-visible{outline:3px solid #a57400;outline-offset:-3px}@media(max-width:1000px){.compact-charts{grid-template-columns:1fr}.opos-row{grid-template-columns:minmax(160px,1fr) 50px 110px 110px;font-size:13px}.opos-group{overflow-x:auto}}@media print{.timeline-scroll{overflow:visible}.timeline-grid{min-width:0}.timeline-row{font-size:9px}.management-nav{display:none}}
.months-1{--months:1}
.months-2{--months:2}
.months-3{--months:3}
.months-4{--months:4}
.months-5{--months:5}
.months-6{--months:6}
.months-7{--months:7}
.months-8{--months:8}
.months-9{--months:9}
.months-10{--months:10}
.months-11{--months:11}
.months-12{--months:12}

.compact-charts .chart-container svg{min-width:0}.timeline-heading>span{white-space:normal}
.customer-report-types{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.customer-report-types legend{font-weight:700;padding-bottom:12px}.customer-type{display:block!important;padding:16px;border:2px solid #ddd;cursor:pointer;text-transform:none!important;letter-spacing:0!important}.customer-type:has(input:checked){border-color:#fbba00;background:#fff8e1}.customer-type input{width:auto!important;display:inline!important;margin-right:8px}.customer-type strong{font-size:16px;display:inline}.customer-type span{display:block;margin-top:8px;font-size:14px;font-weight:400}.customer-scope-choice{border-top:1px solid #ddd;padding-top:16px}.customer-scope-choice summary{cursor:pointer;font-weight:bold}.customer-scope-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}@media(max-width:850px){.customer-report-types,.customer-scope-controls{grid-template-columns:1fr}}

/* Whole-euro management tables keep full amounts readable without abbreviations. */
.timeline-grid{min-width:calc(530px + var(--months)*94px)}
.timeline-row{grid-template-columns:190px repeat(var(--months),minmax(94px,1fr)) 112px 112px 76px}
.timeline-row>span,.timeline-row>strong,.timeline-row>a{font-variant-numeric:tabular-nums}
.chart-legend{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:13px;color:#444;margin:16px 0 10px}
.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{margin:0;flex-shrink:0}
.compact-charts{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1400px){.compact-charts{grid-template-columns:1fr 1fr}.compact-charts>.finance-panel:last-child{grid-column:1/-1}}
@media(max-width:1000px){.compact-charts{grid-template-columns:1fr}}
.timeline-warning{white-space:normal;max-width:140px;color:#785100;font-size:11px}

.team-total > summary{background:#fff4cc;border-top:3px solid #ffbc00}.team-total > .timeline-child{background:#fffaf0}

.capacity-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.capacity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.capacity-metrics{grid-template-columns:1fr}}

/* Personal access handoff and isolated report preview. */
.member-management .panel{margin-top:20px;margin-bottom:20px}
.member-management a.button{display:inline-flex;align-items:center;margin:8px 0 12px;text-decoration:none;line-height:1.4}
.member-management button.button{margin:6px 8px 6px 0}
.member-management ol li{margin-bottom:12px;line-height:1.65}
.member-management h3{margin-top:20px}
.member-management .initial-secret{display:block;overflow-wrap:anywhere;padding:14px;background:#fff;font-size:1.05rem}
.member-preview-banner{border-left:5px solid #fbba00;margin-bottom:24px}

/* Grouped business navigation, visually separated from system operations. */
.nav-group{margin:4px 0}.nav-group summary{cursor:pointer;padding:12px 14px;font-weight:700;list-style-position:inside}.nav-group[open]{background:#ffffff09;border-radius:0}.sidebar .nav-group a{padding-left:29px;font-size:.92rem}.nav-administration{margin-top:36px;padding-top:24px;border-top:2px solid #ffffff40}.nav-administration .workspace-label{display:block;padding:0 14px 8px}.cockpit-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.source-choices{margin:20px 0;padding:20px;border:1px solid #ccc}.source-choices label{display:block;margin:10px 0}.source-choices input{width:auto}.management-nav [aria-current=page]{font-weight:700;text-decoration:underline}

.sidebar .nav-group a,.sidebar .nav-administration a{display:block}.nav-administration .workspace-label{margin:0 0 8px}.nav-group summary:focus-visible{outline:2px solid #fbba00;outline-offset:2px}

/* Local controls only; the server-rendered export retains the full year. */
.timeline-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:18px 0}.timeline-controls label{display:grid;gap:6px;font-weight:700}.timeline-controls input{min-width:260px}.timeline-controls input,.timeline-controls select{padding:10px;border:2px solid #222;background:#fff;font:inherit}.timeline-controls [data-search-status]{font-size:14px}.timeline-controls[hidden],.timeline-grid [hidden]{display:none!important}@media print{.timeline-controls{display:none!important}}

[data-finance-timeline] .timeline-grid.months-6{min-width:840px}[data-finance-timeline] .months-6 .timeline-row{grid-template-columns:160px repeat(6,minmax(72px,1fr)) 90px 90px 68px}

/* Contract movements: one chronological flow, no nested scrolling areas. */
.contract-heading{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.contract-heading h2{margin-right:auto}.contract-totals{display:grid;grid-template-columns:repeat(4,1fr) 1.6fr;gap:1rem;background:#f6f6f6;padding:1rem;margin:1rem 0}.contract-totals span,.contract-totals strong{display:block}.contract-totals span{font-size:.85rem;color:#555}.contract-totals strong{font-size:1.25rem;white-space:nowrap}.contract-net{border-left:4px solid #ffbc00;padding-left:1rem}.contract-table{width:100%;table-layout:fixed}.contract-table th:first-child{width:42%}.contract-table td{overflow-wrap:anywhere;vertical-align:top}.contract-table td:nth-child(n+3),.contract-table th:nth-child(n+3){text-align:right}.contract-table details{font-size:.85rem;margin-top:.4rem}.contract-checks{border-top:1px solid #ddd;padding-top:1rem}.contract-checks li{padding:.6rem 0}.contract-month{margin-top:1.5rem}@media(max-width:750px){.contract-totals{grid-template-columns:repeat(2,1fr)}.contract-net{grid-column:1/-1}.contract-table{font-size:.8rem}.contract-table th:first-child{width:32%}}@media print{.contract-month{break-inside:auto}.contract-heading{break-after:avoid}.contract-table tr{break-inside:avoid}}

/* Homepage: three compact financial cards, with recorded bank balances. */
.cockpit-charts{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.cockpit-charts>.finance-panel:last-child{grid-column:auto}.cockpit-liquidity .liquidity-dates{font-size:13px;line-height:1.45;color:#555}.liquidity-months{margin:14px 0}.liquidity-months summary{cursor:pointer;font-weight:700}.liquidity-months table{font-size:12px;width:100%;margin-top:12px}.liquidity-months th,.liquidity-months td{padding:8px 4px}.liquidity-months .cell-sub{font-size:10px}
@media(max-width:1150px){.cockpit-charts{grid-template-columns:1fr 1fr}.cockpit-charts>.cockpit-liquidity{grid-column:1/-1}}
@media(max-width:750px){.cockpit-charts{grid-template-columns:1fr}.cockpit-charts>.cockpit-liquidity{grid-column:auto}}

.liquidity-accounts{margin:16px 0}.liquidity-accounts summary{cursor:pointer;font-weight:700}.liquidity-accounts h3{font-size:15px;display:flex;justify-content:space-between;gap:10px;margin:16px 0 8px}.bank-balance-row{display:grid;grid-template-columns:1fr auto;gap:5px 10px;border-top:1px solid #ddd;padding:9px 0;font-size:14px}.bank-balance-row small{grid-column:1/-1}.bank-older{color:#8b5100;font-weight:700}.liquidity-months details summary{white-space:nowrap;cursor:pointer}.liquidity-months .cell-sub{white-space:normal}
.company-source-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.company-source-columns select[multiple]{min-height:180px;width:100%}.company-source-columns fieldset{min-width:0}.company-history{border-top:1px solid #ddd;padding:16px 0}[data-registry-search] td{vertical-align:top}[data-registry-search] details{margin:10px 0}[data-registry-search] small{overflow-wrap:anywhere}@media(max-width:850px){.company-source-columns{grid-template-columns:1fr}}

/* Company registry: use the available workspace, with no clipped status column. */
.main.company-registry-page{max-width:none;min-width:0;padding-left:clamp(16px,2vw,36px);padding-right:clamp(16px,2vw,36px)}
.company-registry-page .panel{max-width:none;width:100%;min-width:0;margin-bottom:24px;padding:24px}
.company-registry-page .company-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.company-metrics>div{min-width:0;padding:16px 20px}.company-metrics strong{font-size:30px;margin:4px 0}
.company-filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(150px,1fr) minmax(200px,1.4fr) auto;gap:16px;align-items:end;margin-bottom:24px}.company-filters>div{min-width:0}.company-filters input,.company-filters select{display:block;width:100%;max-width:none;min-width:0;font-size:16px}.company-filters label{display:block;font-size:12px;margin-bottom:8px}.company-filters .button{padding:12px 20px}
.company-table-wrap{width:100%;overflow:visible}.company-table{width:100%;table-layout:fixed}.company-table th,.company-table td{white-space:normal;overflow-wrap:anywhere;padding:16px 12px;vertical-align:top}.company-table th{font-size:12px}.company-table td{font-size:15px;line-height:1.45}.company-table .cell-sub{font-size:13px;line-height:1.4}.company-table details{font-size:13px}.company-table details p{margin-top:8px}.company-source-name{font-weight:500}.company-state{display:inline-block;font-size:13px;font-weight:700;padding:5px 8px;background:#f1f1ee}.company-state-ok{background:#e8f5ee;color:#166443}.company-state-warning{background:#fff1cb;color:#775200}.company-auto-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.company-registry-page .company-source-columns fieldset{padding:20px}.company-registry-page .company-source-columns input{width:100%}
@media(max-width:1200px){.company-filters{grid-template-columns:1fr 1fr}.company-metrics>div{padding:12px}.company-registry-page .panel{padding:18px}}
@media(max-width:850px){.company-registry-page .company-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.company-table colgroup,.company-table thead{display:none}.company-table,.company-table tbody,.company-table tr,.company-table td{display:block;width:100%}.company-table tr{border-bottom:3px solid #bbb;padding:10px}.company-table td{border:0;padding:8px}.company-table td::before{content:attr(data-label);display:block;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.company-auto-actions{display:block}.company-auto-actions .button{margin-top:12px}}
@media(max-width:550px){.company-filters{grid-template-columns:1fr}.company-registry-page .company-metrics{grid-template-columns:1fr 1fr}}

.company-table tr[hidden]{display:none}

/* Customer/project drilldown in the existing employee timeline. */
.staff-project-details{margin:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid #ddd;max-width:1250px}
.staff-project-details>summary,.staff-month>summary{cursor:pointer;font-weight:700;padding:.65rem 0}
.staff-month{border-top:2px solid #222;margin-top:1rem}
.staff-month>summary>span{margin-left:1rem;font-weight:400;color:#666}
.staff-source{padding:.25rem 0 1rem}
.staff-source h3{font-size:1.15rem;margin:1rem 0 .5rem}
.staff-detail-row,.staff-detail-heading{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(110px,150px));gap:1rem;align-items:center;padding:1rem .75rem}
.staff-detail-heading{background:#f1f1ef;font-size:.85rem;font-weight:700;border-bottom:2px solid #222}
.staff-detail-row>span:not(:first-child),.staff-detail-heading>span:not(:first-child){text-align:right}
.staff-customer{border-bottom:1px solid #ddd}
.staff-customer>summary{cursor:pointer;list-style:none;background:#fff}
.staff-customer>summary::-webkit-details-marker{display:none}
.staff-customer>summary>strong:before{content:'＋';display:inline-block;margin-right:.6rem;color:#777}
.staff-customer[open]>summary>strong:before{content:'−'}
.staff-project{background:#f7f7f5;padding-left:2.5rem;border-top:1px solid #e5e5e5}
.staff-project-details .compact-note{padding:.5rem 0;margin:0}
@media(max-width:750px){.staff-project-details{margin:.5rem;padding:.75rem}.staff-detail-row,.staff-detail-heading{grid-template-columns:minmax(190px,1fr) repeat(3,100px);gap:.6rem}.staff-month>summary>span{display:block;margin-left:1.25rem}}

.sickness-metrics small{display:block;color:#666}.sickness-people{font-size:13px}.sickness-people td,.sickness-people th{padding:10px 7px;text-align:right}.sickness-people td:first-child,.sickness-people th:first-child{text-align:left;min-width:150px}

.payment-evidence{text-align:left;white-space:normal;max-width:100%}.payment-evidence>summary{cursor:pointer;font-weight:700;color:var(--accent)}.payment-evidence>p{margin:12px 0}.payment-entry{padding:14px 0;border-top:1px solid var(--line)}.payment-entry>p{margin:4px 0 8px}.payment-entry details{max-width:900px;overflow-wrap:anywhere}.payment-entry details p{margin-top:10px}
/* Employee project hierarchy keeps the monthly timeline columns aligned. */
.staff-matrix{border-bottom:2px solid #ddd}.staff-matrix>summary,.staff-matrix-node>summary{list-style:none;cursor:pointer;margin:0}.staff-matrix>summary::-webkit-details-marker,.staff-matrix-node>summary::-webkit-details-marker{display:none}.staff-matrix>summary:hover,.staff-matrix-node>summary:hover{background:#fff4cd}.staff-matrix[open]>.staff-matrix-toggle{background:#fff4cd}.staff-matrix-content{background:white}.staff-matrix-category{font-size:15px;padding:14px 18px;background:#efefeb;border-bottom:1px solid #ddd;margin:0}.staff-matrix-node>summary{font-size:14px}.staff-matrix-node .staff-node-name{font-weight:600;overflow-wrap:anywhere}.staff-level-1>summary .staff-node-name{padding-left:26px}.staff-level-2>summary .staff-node-name{padding-left:38px}.staff-level-3>summary .staff-node-name{padding-left:50px}.staff-matrix-measures>summary{font-size:13px;padding:12px 20px;color:#237369;cursor:pointer}.staff-matrix .timeline-row{margin:0}.staff-matrix-node[open]>summary{background:#faf8ee}.staff-matrix :is(summary):focus-visible{outline:3px solid #237369;outline-offset:-3px}.staff-matrix-node>summary .expand-hint{float:none;margin-right:5px}.staff-matrix-node[open]>summary .expand-hint{font-size:0}.staff-matrix-node[open]>summary .expand-hint:after{content:'−';font-size:14px}.staff-matrix-content .compact-note{font-size:13px;max-width:none}

/* Customer-month booking detail, with original notes directly under the totals. */
.staff-customer-bookings>summary{cursor:pointer;list-style:none}
.staff-customer-bookings>summary::-webkit-details-marker{display:none}
.staff-customer-bookings[open]>summary{background:#faf8ec}
.staff-customer-bookings[open]>summary .expand-hint{font-size:0}
.staff-customer-bookings[open]>summary .expand-hint::after{content:'−';font-size:1rem}
.staff-hours-link{color:var(--teal,#177769);text-decoration:underline;text-underline-offset:3px}
.staff-hours-link:focus-visible{outline:3px solid #fbba00;outline-offset:4px}
.staff-booking-months{padding:16px 20px;background:white;max-width:1400px}
.staff-booking-month>summary{cursor:pointer;padding:12px 0;color:var(--teal,#177769);font-weight:700}
.staff-bookings-table{table-layout:fixed;width:100%;font-size:.95rem}
.staff-bookings-table th:nth-child(1){width:110px}.staff-bookings-table th:nth-child(2){width:125px}
.staff-bookings-table th:nth-child(3){width:210px}.staff-bookings-table th:nth-child(5){width:125px}
.staff-bookings-table th,.staff-bookings-table td{text-align:left;vertical-align:top;padding:12px;overflow-wrap:anywhere}
.staff-booking-note{white-space:pre-wrap;line-height:1.5}

/* Hover previews float over the timeline; customer rows never expand. */
.staff-preview-source[hidden],.staff-time-preview[hidden]{display:none!important}
.staff-customer-line{border-bottom:1px solid #ddd}
.staff-customer-line:hover{background:#faf8ec}
.staff-time-preview{position:fixed;z-index:1200;max-width:calc(100vw - 24px);max-height:min(65vh,650px);overflow:auto;box-sizing:border-box;background:#fff;border:1px solid #bbb;border-top:4px solid #fbba00;box-shadow:0 8px 32px #0003;padding:18px 22px;text-align:left}
.staff-time-preview h3{margin:6px 0 4px;font-size:1.12rem}
.staff-time-preview .staff-booking-heading{margin:0 0 12px;color:#555}
.staff-preview-close{display:block;margin-left:auto;background:transparent;color:#176c60;padding:4px 8px;font-size:.85rem;min-height:0;border:0}
.staff-entry{padding:12px 0;border-top:1px solid #ddd}
.staff-entry-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.staff-entry-head>span,.staff-entry small{color:#666;font-size:.86rem}
.staff-entry .staff-booking-note{margin:8px 0 4px;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.45}
.staff-detail-page{max-width:1200px}
.staff-export-month{padding:10px 20px}.staff-export-month>summary{cursor:pointer}

/* Readable booking notes and transparent EK/VK valuation. */
.staff-booking-totals,.staff-entry-prices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:left}
.staff-booking-totals{background:#fff8df;padding:16px;margin:16px 0;border:1px solid #eee0aa}
.staff-entry-prices{margin:12px 0}
.staff-booking-totals span,.staff-entry-prices span{display:block;font-size:.82rem;color:#555;margin-bottom:4px}
.staff-booking-totals strong,.staff-entry-prices strong{display:block;font-size:1rem;overflow-wrap:anywhere}
.staff-booking-totals small,.staff-entry-prices small{display:block;font-size:.78rem;line-height:1.4;margin-top:4px;color:#666}
.staff-valuation-help{font-size:.84rem;color:#666;line-height:1.5;margin:12px 0 20px}
.staff-cost-notice{font-size:.85rem;color:#745900;margin:6px 0}
.staff-time-preview .staff-booking-totals,.staff-time-preview .staff-entry-prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:760px){.staff-booking-totals,.staff-entry-prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Employee cockpit: a readable six-month management view, without hiding source gaps. */
.cockpit-panel{margin-top:24px}.cockpit-metrics>div{min-height:115px}.cockpit-timeline td,.cockpit-timeline th,.cockpit-customer-table td,.cockpit-customer-table th{vertical-align:top;white-space:normal}.cockpit-timeline th:first-child{min-width:180px}.cockpit-timeline td{min-width:135px}.cockpit-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.cockpit-split .finance-panel{margin:0}.compact-table{width:100%}.compact-table td,.compact-table th{padding:11px 8px;text-align:right}.compact-table td:first-child,.compact-table th:first-child{text-align:left}.cockpit-customer-table{min-width:1040px}.cockpit-customer-table th:not(:first-child),.cockpit-customer-table td:not(:first-child){text-align:right;min-width:95px}.cockpit-customer-table td:first-child{min-width:280px}.cockpit-customer-table details>summary{cursor:pointer;list-style:none}.cockpit-customer-table details>summary::-webkit-details-marker{display:none}.cockpit-customer-table details>summary strong:before{content:'＋';display:inline-block;margin-right:.45rem;color:#777}.cockpit-customer-table details[open]>summary strong:before{content:'−'}.booking-list{margin:10px 0 2px;padding:4px 12px;background:#faf8ed;border-left:3px solid #f0b400}.booking-list>div{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #e2dfd5;font-size:.88rem;overflow-wrap:anywhere}.booking-list>div:last-child{border-bottom:0}.booking-list span{color:#5b5b55}.cockpit-panel .compact-note{max-width:1000px;margin-bottom:0}
@media(max-width:850px){.cockpit-split{grid-template-columns:1fr}.cockpit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-timeline{min-width:1000px}}
@media(max-width:520px){.cockpit-metrics{grid-template-columns:1fr}.cockpit-split{gap:16px}.cockpit-panel{padding:16px}.booking-list{padding:4px 8px}}

/* Compact OPOS and customer payment history. */
.opos-row{grid-template-columns:minmax(150px,1fr) 65px 155px 48px;gap:10px;padding:7px 10px;min-height:42px;font-size:15px;line-height:1.35}.opos-heading{font-size:13px}.opos-row a{color:inherit;text-decoration:underline;text-decoration-color:#b49b42;text-underline-offset:3px}.opos-toggle{text-align:center!important}.opos-toggle::before{content:'＋';font-size:21px}.opos-group[open]>.opos-row .opos-toggle::before{content:'−'}.opos-group>summary::-webkit-details-marker{display:none}.opos-group>p{margin:8px 10px}.opos-group td,.opos-group th{padding:8px 10px}.opos-group .cell-sub{font-size:12px}.cf-history{margin:20px 0}.cf-balance{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:baseline;margin:12px 0}.cf-balance strong{font-size:24px}.cf-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:14px 0}.cf-filters label{display:grid;gap:4px}.cf-months{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cf-months a{padding:5px 10px;border:1px solid #ccc;color:inherit;text-decoration:none}.cf-months a[aria-current=page]{background:#fff4cf;border-color:#b49b42}.cf-table{font-size:14px}.cf-table th,.cf-table td{padding:8px 10px}.cf-table .cf-money{text-align:right;white-space:nowrap}.cf-status{white-space:nowrap}.cf-history h2{margin-top:0}.cf-history .table-wrap{overflow-x:auto}.cf-history table{min-width:760px}.cf-history small{display:block}.cf-history:target{scroll-margin-top:20px}
@media(max-width:1000px){.opos-row{grid-template-columns:minmax(150px,1fr) 50px 130px 44px;font-size:14px}}@media(max-width:620px){.opos-row{grid-template-columns:minmax(120px,1fr) 40px 115px 32px;gap:4px;padding:7px 5px}.opos-heading{font-size:12px}}@media(pointer:coarse){.opos-row{min-height:48px}.opos-row a{display:inline-block;padding:8px 0}.opos-toggle{min-width:32px}}

/* Jahresverlauf: Vorjahr wie im Cockpit zurückhaltend darstellen. */
.compact-charts .chart-previous{fill:#d3d2cf}
.compact-charts .legend-previous{background:#d3d2cf}

/* Vergleichbare Gehaltsübersicht: Basis und Schätzung direkt erkennbar. */
.salary-estimate-label{display:block;color:#697166;font-size:.85rem;margin:-.2rem 0 .75rem}
.salary-components{border-top:1px solid #e0e4df;margin:.8rem 0 0;padding-top:.7rem;font-size:.85rem}
.salary-components div{display:flex;justify-content:space-between;gap:1rem;margin:.3rem 0}
.salary-components dt{color:#697166}.salary-components dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}

/* Sichtbarer, einheitlicher Datumsbezug im Cockpit und Jahresverlauf. */
.date-basis-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;margin:0 0 1.5rem;background:#fff;border:1px solid #dce1d9;border-radius:12px}
.date-basis-switch .eyebrow{font-size:.72rem;margin:0 0 .3rem}.date-basis-switch strong{font-size:1.1rem}.date-basis-switch p{margin:.3rem 0 0;color:#65705f;font-size:.9rem}
.date-basis-options{display:flex;gap:4px;padding:4px;background:#f1f3ef;border-radius:9px}
.date-basis-options a{padding:.7rem 1.1rem;border-radius:6px;text-decoration:none;color:#52624e;white-space:nowrap;font-weight:700}
.date-basis-options a.is-active{background:#fbba00;color:#20271f}.date-basis-options a:hover{box-shadow:inset 0 0 0 1px #afb9a9}
.date-basis-options a:focus-visible{outline:3px solid #346a59;outline-offset:2px}.date-basis-note{flex-basis:100%;border-top:1px solid #e4e7e1;padding-top:.6rem}
@media(max-width:600px){.date-basis-options{width:100%}.date-basis-options a{flex:1;text-align:center;padding:.65rem .6rem}}
