:root{--bg:#f4f6f8;--surface:#fff;--ink:#1c2630;--muted:#6f7c88;--line:#e4e8eb;--accent:#a86f3d;--dark:#171a1d;--ok:#2f7d5b}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;height:100vh;background:var(--dark);color:#fff;padding:28px 20px;display:flex;flex-direction:column;overflow:hidden}.brand{font-size:22px;margin-bottom:20px;flex:0 0 auto}.brand span{display:block;color:#c49366;font-size:14px;letter-spacing:.16em;text-transform:uppercase}.sidebar nav{display:grid;gap:5px;flex:1;min-height:0;align-content:start;overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-width:thin;scrollbar-color:#4a5157 transparent}.sidebar nav::-webkit-scrollbar{width:7px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#4a5157;border-radius:999px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#626b72}.sidebar a{color:#cfd5da;text-decoration:none;padding:11px 12px;border-radius:10px}.sidebar a:hover,.sidebar a.active{background:#272c30;color:#fff}.ghost{width:100%;padding:10px;border:1px solid #3a4147;background:transparent;color:#ddd;border-radius:10px}main{margin-left:250px;padding:0 34px 40px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:2px 0 0;font-size:27px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--accent);font-weight:700}.userbox{display:flex;align-items:center;gap:15px}.userbox small{display:block;color:var(--muted);margin-top:2px}.bell{text-decoration:none;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:12px;color:var(--ink)}.hero,.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:20px}.hero{display:flex;justify-content:space-between;align-items:center}.hero h2{margin:6px 0 7px}.hero p,.panel p{color:var(--muted);margin:0;line-height:1.55}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.cards article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.cards span,.cards small{display:block;color:var(--muted)}.cards strong{display:block;font-size:34px;margin:9px 0}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef1f3;font-size:12px}.badge.ok{background:#e9f5ef;color:var(--ok)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panelhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.search,input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted);text-transform:uppercase}td small{display:block;color:var(--muted);margin-top:3px}.tree{border-left:2px solid #e8ecef;margin:13px 0 0 8px;padding:9px 0 9px 18px}.company{border-left-color:var(--accent)}.muted{color:var(--muted);font-size:13px;margin-top:8px}.login-bg{min-height:100vh;display:grid;place-items:center;background:#171a1d}.login-card{width:min(420px,92vw);background:#fff;padding:32px;border-radius:18px;box-shadow:0 18px 70px #0005}.login-card label{display:grid;gap:6px;margin:15px 0;color:#4b5660}.login-card input,.login-card button{padding:12px;border-radius:10px}.login-card button{border:0;background:#171a1d;color:white;width:100%;margin-top:8px}.alert{background:#fff0ef;color:#a13d35;padding:10px;border-radius:10px;margin:12px 0}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px}main{margin-left:210px}.grid3{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{position:static;width:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}main{margin:0;padding:20px}.topbar{height:auto;margin-bottom:20px}.cards{grid-template-columns:1fr}.hero{align-items:flex-start;gap:20px;flex-direction:column}}
.brand em{display:block;font-style:normal;font-size:11px;color:#8f9aa3;margin-top:8px;text-transform:uppercase;letter-spacing:.12em}.sidebar-switches{display:grid;gap:7px;margin:12px 0 10px;padding-top:12px;border-top:1px solid #30363b;flex:0 0 auto}.sidebar .switch{font-size:13px;border:1px solid #343b41;padding:9px 11px}.sidebar .admin-switch{border-color:#775236;color:#e0b185}.mode-tech .sidebar{background:#111820}.mode-hr .sidebar{background:#1b1815}.welcome-row,.admin-banner{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:20px}.welcome-row h2,.admin-banner h2{margin:4px 0 6px}.welcome-row p,.admin-banner p{margin:0;color:var(--muted)}.primary-link,.secondary-link{display:inline-block;text-decoration:none;border-radius:10px;padding:11px 14px}.primary-link{background:var(--dark);color:#fff}.secondary-link{background:#fff;color:var(--ink);border:1px solid var(--line)}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.actions button,.panel button,.settings-form button{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.actions .primary,.panel .primary,.settings-form .primary{background:var(--dark);color:#fff;border-color:var(--dark)}.danger-soft{background:#fff3f2!important;color:#9d3932!important;border-color:#f1d0cd!important}.time-action-panel{display:flex;justify-content:space-between;align-items:center}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#98a2aa;margin-right:7px}.status-dot.live{background:#2f9b67}.status-dot.pause{background:#d79b38}.cards.three{grid-template-columns:repeat(3,1fr)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.detail-grid>div{border:1px solid var(--line);border-radius:12px;padding:14px}.detail-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.hint{margin-top:18px!important;font-size:13px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quick-grid a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink)}.quick-grid a span{display:block;color:var(--muted);margin-top:6px}.status-text{font-size:24px!important}.ok-text{color:var(--ok)}.settings-form{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:end}.settings-form label{display:grid;gap:6px;color:var(--muted);font-size:13px}.settings-form textarea{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}code{white-space:pre-wrap}.admin-banner{border-left:4px solid #a86f3d}@media(max-width:900px){.settings-form{grid-template-columns:1fr}.time-action-panel,.welcome-row,.admin-banner{align-items:flex-start;flex-direction:column;gap:16px}.quick-grid,.detail-grid{grid-template-columns:1fr}.cards.three{grid-template-columns:1fr}}
select,textarea,input[type=file]{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.form-grid label,.stack{display:grid;gap:6px}.form-grid label{color:var(--muted);font-size:13px}.form-grid .wide{grid-column:span 2}.form-grid .check{display:flex;align-items:center;gap:8px}.stack{gap:10px}.mini-form{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mini-form input,.mini-form select,.mini-form button{padding:7px 9px}details summary{cursor:pointer;color:var(--accent)}@media(max-width:900px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}

/* Meine Daten */
.data-panel-head{align-items:flex-start}.profile-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.editable-field{border:1px solid var(--line);border-radius:14px;padding:0;background:#fff;min-height:88px;transition:box-shadow .15s,border-color .15s}.editable-field:hover{border-color:#d5c4b4;box-shadow:0 5px 18px #2d251c0b}.editable-field-view{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}.editable-field span,.employment-summary span,.request-row span:first-child{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.editable-field strong,.employment-summary strong{font-size:16px}.edit-icon{border:0!important;background:#f5f1ed!important;color:var(--accent);width:36px;height:36px;border-radius:10px!important;padding:0!important;font-size:18px;line-height:1;flex:0 0 auto}.edit-icon:hover{background:#eee5dd!important}.inline-edit-form{padding:14px 16px;background:#faf9f7;border-radius:14px}.inline-edit-form label{display:grid;gap:7px;color:var(--muted);font-size:12px}.inline-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.inline-edit-actions .secondary{background:#fff}.employment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.employment-summary>div{border:1px solid var(--line);border-radius:12px;padding:14px}.privacy-hint{margin-top:14px!important;padding:10px 12px;border-radius:10px;background:#f7f8f9;font-size:12px!important}.request-list{display:grid;gap:9px}.request-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.request-row strong{font-size:14px}.empty-state{padding:22px;border:1px dashed #d8dde1;border-radius:12px;color:var(--muted);text-align:center}

/* Interaktiver Teamkalender */
.calendar-shell{padding:26px}.calendar-topline,.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.calendar-topline{margin-bottom:22px}.calendar-topline h3{margin:0 0 6px}.calendar-view-switch{display:flex;background:#f1f3f4;border-radius:12px;padding:4px;gap:3px}.calendar-view-switch button{border:0;background:transparent;padding:9px 14px;border-radius:9px;color:var(--muted);font-weight:600}.calendar-view-switch button.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px #1112}.calendar-toolbar{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}.calendar-nav{display:flex;align-items:center;gap:8px;min-width:360px}.calendar-nav button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px}.calendar-nav strong{margin-left:7px;text-transform:capitalize}.calendar-filters{display:flex;gap:8px;align-items:end;justify-content:flex-end;flex-wrap:wrap}.calendar-filters label{display:grid;gap:4px;font-size:11px;color:var(--muted)}.calendar-filters select{padding:7px 9px;min-width:120px}.calendar-legend{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;color:var(--muted);font-size:12px}.calendar-legend span{display:flex;align-items:center;gap:6px}.dot,.event-mark{display:inline-block;width:9px;height:9px;border-radius:999px;background:#b5bdc4}.vacation{--event-bg:#eef6ff;--event-fg:#315f91;--event-border:#d9e9fb}.sick{--event-bg:#f2f0f8;--event-fg:#665789;--event-border:#e3def1}.other{--event-bg:#f6f1ec;--event-fg:#8b633d;--event-border:#eadfD4}.dot.vacation,.event-mark.vacation{background:#6193c5}.dot.sick,.event-mark.sick{background:#8372a8}.dot.other,.event-mark.other{background:#b18459}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.month-head{border:0}.month-head>div{padding:8px 10px;text-align:center;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.calendar-day{min-height:135px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;background:#fff}.calendar-day.outside{background:#fafbfc;color:#a8b0b7}.calendar-day.today{box-shadow:inset 0 0 0 2px #c59a72}.day-number{font-size:12px;font-weight:700;margin-bottom:7px}.day-events{display:grid;gap:4px}.cal-event{display:block!important;width:100%;text-align:left;border:1px solid var(--event-border)!important;background:var(--event-bg)!important;color:var(--event-fg)!important;padding:5px 6px!important;border-radius:7px!important;font-size:10px;overflow:hidden}.cal-event strong,.cal-event span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event strong{font-size:10px}.cal-event span{opacity:.9;margin-top:1px}.more-events{border:0!important;background:transparent!important;color:var(--accent)!important;padding:2px!important;font-size:10px;text-align:left}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:8px;overflow-x:auto}.week-day{min-height:390px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.week-day.today{border-color:#c59a72}.week-day header{padding:10px 11px;background:#f7f8f9;font-size:12px;font-weight:700;text-transform:capitalize;border-bottom:1px solid var(--line)}.week-day>div{display:grid;gap:7px;padding:9px}.week-day .cal-event{padding:9px!important;font-size:11px}.week-day .cal-event strong{font-size:11px}.empty-mini{font-size:11px;color:#a0a8ae;padding:8px}.calendar-list{display:grid;gap:8px}.calendar-list-row{display:grid!important;grid-template-columns:12px minmax(160px,1fr) minmax(150px,1fr) auto;align-items:center;gap:12px;width:100%;border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;border-radius:12px!important;padding:12px 14px!important;text-align:left}.calendar-list-row:hover{background:#fafafa!important}.calendar-list-row time{color:var(--muted);font-size:12px}.calendar-dialog{border:0;border-radius:18px;padding:25px;width:min(440px,92vw);box-shadow:0 20px 80px #0004}.calendar-dialog::backdrop{background:#1118}.calendar-dialog h3{margin:6px 0 18px;font-size:22px}.calendar-dialog dl{display:grid;gap:10px;margin:0}.calendar-dialog dl>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.calendar-dialog dt{color:var(--muted);font-size:12px}.calendar-dialog dd{margin:0;font-weight:600}.dialog-close{position:absolute;right:14px;top:12px;border:0!important;background:#f2f3f4!important;width:34px;height:34px;border-radius:999px!important;padding:0!important;font-size:20px}.calendar-empty{margin:25px 0}
@media(max-width:1100px){.calendar-toolbar,.calendar-topline{align-items:flex-start;flex-direction:column}.calendar-nav{min-width:0}.calendar-filters{justify-content:flex-start}.employment-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.profile-data-grid,.employment-summary{grid-template-columns:1fr}.calendar-view-switch{width:100%}.calendar-view-switch button{flex:1}.calendar-nav{flex-wrap:wrap}.calendar-nav strong{width:100%;margin:7px 0 0}.calendar-filters{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.calendar-filters select{width:100%;min-width:0}.calendar-list-row{grid-template-columns:12px 1fr}.calendar-list-row span:nth-child(3),.calendar-list-row time{grid-column:2}.month-grid{min-width:720px}.calendar-root{overflow-x:auto}}

/* HR configuration center */
.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px}.config-tile{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid var(--border,#dfe4ea);border-radius:16px;background:#fff;color:inherit;text-decoration:none;transition:.18s ease}.config-tile:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(13,28,45,.08)}.config-tile b{font-size:1.05rem}.config-tile span{font-weight:700;color:#a95f22}.config-tile small,.muted{color:#6d7b8a}.config-card{border:1px solid var(--border,#dfe4ea);border-radius:16px;padding:16px;margin:14px 0;background:#fff}.config-card.is-muted{opacity:.7;background:#f6f7f8}.config-card-title{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.top-gap{margin-top:14px}.wide{grid-column:1/-1}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}details summary{cursor:pointer;padding:8px 0}

/* Arbeitszeitmodell: Name direkt bearbeitbar */
.schedule-name-row{display:flex;align-items:center;gap:8px}.schedule-name-row b{font-size:1.05rem}.name-edit-icon{border:0!important;background:#f5f1ed!important;color:var(--accent)!important;width:32px;height:32px;border-radius:9px!important;padding:0!important;cursor:pointer;font-size:15px}.name-edit-icon:hover{background:#eee5dd!important;transform:translateY(-1px)}

/* HR Dashboard */
.hr-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}.hr-kpi{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;text-decoration:none;color:var(--ink);transition:.16s ease}.hr-kpi:hover{transform:translateY(-2px);box-shadow:0 10px 28px #15202b0c}.hr-kpi span,.hr-kpi small{display:block;color:var(--muted)}.hr-kpi strong{display:block;font-size:30px;margin:8px 0}.dashboard-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.task-list{display:grid;gap:8px;margin-top:12px}.task-list a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.task-list strong{min-width:32px;text-align:center;padding:5px 9px;border-radius:999px;background:#eef1f3}.task-list .needs-attention{background:#fff0df;color:#9a5c1f}.bar-list{display:grid;gap:13px;margin-top:15px}.bar-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:6px}.bar-track{height:9px;background:#eef1f3;border-radius:999px;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--accent);border-radius:999px}.trend-chart{height:230px;display:flex;gap:12px;align-items:end;padding:20px 4px 4px}.trend-col{flex:1;display:grid;grid-template-rows:22px 160px 22px;align-items:end;text-align:center}.trend-value{font-size:12px;font-weight:700}.trend-bar{height:160px;background:#f2f4f5;border-radius:9px 9px 4px 4px;display:flex;align-items:end;overflow:hidden}.trend-bar i{width:100%;display:block;background:var(--accent);min-height:2px;border-radius:9px 9px 0 0}.trend-col span{font-size:11px;color:var(--muted);margin-top:6px}.deadline-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}.deadline-columns>div>b{display:block;margin-bottom:9px}.deadline-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.deadline-row time{color:var(--muted);white-space:nowrap}.dashboard-actions{display:flex;justify-content:space-between;align-items:center;gap:18px}

/* Individuelle Reports */
.report-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.report-config-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px}.report-fields-wrap{border:1px solid var(--line);border-radius:15px;padding:16px;margin:16px 0}.report-fields-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px}.report-fields-head span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.report-field-group{display:flex;flex-wrap:wrap;gap:8px}.field-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:#fff;cursor:pointer;font-size:12px}.field-chip:has(input:checked){background:#f4ede7;border-color:#d9bea5;color:#74451d}.field-chip input{margin:0}.report-output-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.report-output-row>div:first-child{max-width:520px}.report-format-switch{display:flex;background:#f1f3f4;padding:4px;border-radius:12px;gap:3px}.report-format-switch label{cursor:pointer}.report-format-switch input{display:none}.report-format-switch span{display:block;padding:9px 14px;border-radius:9px}.report-format-switch input:checked+span{background:#fff;box-shadow:0 1px 5px #1112;font-weight:700}

/* HR-freundliche Compliance-Konfiguration */
.create-rule summary{font-weight:700;font-size:14px}.compliance-rule-card h3{margin:5px 0 6px}.compliance-friendly-form{display:grid;gap:16px;margin-top:18px}.compliance-section{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fbfcfc}.compliance-section h4{margin:0 0 13px}.rule-setting{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(150px,.8fr));gap:12px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}.rule-setting:last-child{border-bottom:0}.rule-setting>label:not(.toggle-line){display:grid;gap:5px;color:var(--muted);font-size:12px}.toggle-line{display:flex;align-items:center;gap:9px;font-weight:600}.toggle-line input{width:18px;height:18px}.legal-reference textarea{width:100%;margin-top:10px}
@media(max-width:1250px){.hr-kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.dashboard-grid-two{grid-template-columns:1fr}.hr-kpi-grid{grid-template-columns:repeat(2,1fr)}.report-config-grid{grid-template-columns:1fr 1fr}.rule-setting{grid-template-columns:1fr}.dashboard-actions{align-items:flex-start;flex-direction:column}.deadline-columns{grid-template-columns:1fr}}
@media(max-width:650px){.hr-kpi-grid,.report-config-grid{grid-template-columns:1fr}.report-output-row{align-items:stretch;flex-direction:column}.report-format-switch{width:100%}.report-format-switch label{flex:1;text-align:center}}

/* HR Mitarbeiterdetail */
.employee-detail-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:14px}.employee-detail-hero h2{font-size:30px;margin:5px 0 7px}.employee-detail-hero p{margin:0;color:var(--muted)}.back-link{display:block;color:var(--muted);text-decoration:none;font-size:12px;margin-bottom:14px}.employee-status-actions{display:flex;gap:10px;align-items:center}.employee-tabs{display:flex;gap:5px;overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;margin-bottom:18px;scrollbar-width:thin}.employee-tabs button{white-space:nowrap;border:0!important;background:transparent!important;border-radius:9px!important;padding:10px 13px!important;color:var(--muted);cursor:pointer}.employee-tabs button.active{background:#f3ebe4!important;color:#7d4d24;font-weight:700}.employee-tab-pane{display:none}.employee-tab-pane.active{display:block}.employee-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.employee-overview-grid>div{border:1px solid var(--line);border-radius:13px;padding:15px}.employee-overview-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.employee-overview-grid strong{font-size:15px}.employee-edit-grid input,.employee-edit-grid select{width:100%}.form-actions{align-self:end}.current-assignment{padding:12px 14px;background:#f4f7f5;border-radius:11px;margin-bottom:16px!important;color:var(--ink)!important}.history-mini,.record-list,.audit-timeline{display:grid;gap:8px;margin-top:18px}.history-mini h4{margin:0 0 4px}.history-mini>div,.record-list>div{display:flex;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:11px;padding:11px 13px}.history-mini span,.record-list span{color:var(--muted);font-size:12px}.sensitive-panel{border-left:4px solid #ad6f3c}.role-checks{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px}.role-checks label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.role-checks input{width:18px;height:18px}.audit-timeline>div{display:grid;grid-template-columns:145px minmax(220px,1fr) 1fr;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.audit-timeline time,.audit-timeline span{font-size:12px;color:var(--muted)}.employee-name-link{text-decoration:none;color:var(--ink)}.employee-name-link:hover{color:var(--accent)}
@media(max-width:1100px){.employee-overview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.employee-detail-hero{align-items:flex-start;flex-direction:column}.employee-overview-grid{grid-template-columns:1fr}.audit-timeline{grid-template-columns:1fr}.history-mini>div,.record-list>div{flex-direction:column;gap:5px}}

/* Kompakte HR-Navigation nach People-Prozessen */
.mode-hr .sidebar nav{display:block}.nav-home{display:block;margin-bottom:8px}.nav-group{margin:3px 0}.nav-group-toggle{width:100%;border:0;background:transparent;color:#d6d0ca;padding:11px 12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font:inherit;text-align:left}.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle{background:#27231f;color:#fff}.nav-group-toggle span{display:flex;align-items:center;gap:9px}.nav-group-toggle i{font-style:normal;width:18px;text-align:center;opacity:.8}.nav-group-toggle b{font-size:16px;transition:transform .18s}.nav-group.open .nav-group-toggle b{transform:rotate(180deg)}.nav-group-items{display:none;padding:3px 0 7px 18px}.nav-group.open .nav-group-items{display:grid;gap:2px}.nav-group-items a{font-size:13px;padding:8px 10px;color:#aaa39d;border-left:2px solid #37312c;border-radius:0 8px 8px 0}.nav-group-items a:hover,.nav-group-items a.active{background:#2c2722;color:#fff;border-left-color:var(--accent)}

/* People Controlling */
.controlling-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.controlling-toolbar form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.controlling-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:12px}.kpi-money strong{font-size:28px}.variance-positive{color:#a6453d}.variance-negative{color:var(--ok)}.controlling-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.cost-chart{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;height:250px;align-items:end;padding-top:22px}.cost-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;text-align:center}.cost-bars{height:190px;display:flex;align-items:end;justify-content:center;gap:3px}.cost-bars i{width:12px;border-radius:5px 5px 0 0;display:block;min-height:2px}.cost-bars .plan{background:#d9c7b7}.cost-bars .actual{background:var(--accent)}.cost-month small{font-size:10px;color:var(--muted)}.cost-legend{display:flex;gap:16px;font-size:12px;color:var(--muted)}.cost-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}.cost-legend .l-plan{background:#d9c7b7}.cost-legend .l-actual{background:var(--accent)}.cost-table td,.cost-table th{white-space:nowrap}.cost-table-wrap{overflow:auto}.money{text-align:right;font-variant-numeric:tabular-nums}.cost-config-list{display:grid;gap:8px;margin-top:14px}.cost-config-row{display:grid;grid-template-columns:1fr 150px 100px auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px 12px}.scenario-card{border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:12px}.scenario-card.selected{border-color:#d0aa86;background:#fcf9f6}.scenario-summary{display:flex;gap:20px;align-items:center;justify-content:space-between}.scenario-cost{font-size:24px;font-weight:800}.plan-item-row{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.dept-cost-list{display:grid;gap:10px}.dept-cost-row>div:first-child{display:flex;justify-content:space-between;font-size:13px}.dept-cost-track{height:8px;background:#eef0f1;border-radius:999px;overflow:hidden;margin-top:5px}.dept-cost-track i{display:block;height:100%;background:var(--accent);border-radius:999px}.section-anchor{scroll-margin-top:20px}
@media(max-width:1100px){.controlling-grid{grid-template-columns:1fr}.cost-chart{overflow-x:auto}.cost-config-row{grid-template-columns:1fr 120px 90px auto}}@media(max-width:700px){.cost-config-row,.plan-item-row{grid-template-columns:1fr}.controlling-toolbar{align-items:stretch}.controlling-toolbar form{display:grid;grid-template-columns:1fr 1fr}.cost-chart{grid-template-columns:repeat(12,42px)}}

/* HR navigation: compact accordion, intentionally isolated from generic button styles */
.mode-hr .sidebar #sidebar-nav{display:block;padding-right:7px}
.mode-hr .sidebar #sidebar-nav .nav-home{display:block;margin:0 0 10px;padding:11px 12px;font-weight:600}
.mode-hr .sidebar #sidebar-nav .nav-group{display:block;margin:2px 0 4px;border-radius:11px;overflow:hidden}
.mode-hr .sidebar #sidebar-nav .nav-group-toggle{
  appearance:none;-webkit-appearance:none;width:100%;min-height:43px;margin:0;border:0;outline:0;
  background:transparent;color:#cfc8c2;padding:10px 12px;border-radius:10px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font:600 14px/1.25 Inter,Segoe UI,Arial,sans-serif;text-align:left;cursor:pointer;
  box-shadow:none;
}
.mode-hr .sidebar #sidebar-nav .nav-group-toggle:hover{background:#25211e;color:#fff}
.mode-hr .sidebar #sidebar-nav .nav-group.open>.nav-group-toggle{background:#2a2521;color:#fff}
.mode-hr .sidebar #sidebar-nav .nav-group.active-group>.nav-group-toggle{box-shadow:inset 3px 0 0 var(--accent)}
.mode-hr .sidebar #sidebar-nav .nav-group-label{display:block;min-width:0;white-space:normal}
.mode-hr .sidebar #sidebar-nav .nav-group-chevron{position:relative;flex:0 0 14px;width:14px;height:14px;opacity:.72}
.mode-hr .sidebar #sidebar-nav .nav-group-chevron::before{
  content:"";position:absolute;left:3px;top:3px;width:6px;height:6px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);transition:transform .16s ease,top .16s ease;
}
.mode-hr .sidebar #sidebar-nav .nav-group.open .nav-group-chevron::before{transform:rotate(225deg);top:6px}
.mode-hr .sidebar #sidebar-nav .nav-group-items{display:none;margin:2px 0 7px;padding:0 0 0 14px}
.mode-hr .sidebar #sidebar-nav .nav-group.open .nav-group-items{display:block}
.mode-hr .sidebar #sidebar-nav .nav-group-items a{
  position:relative;display:block;margin:1px 0;padding:8px 10px 8px 15px;
  border:0;border-radius:8px;color:#aaa39d;font-size:13px;line-height:1.25;background:transparent;
}
.mode-hr .sidebar #sidebar-nav .nav-group-items a::before{
  content:"";position:absolute;left:3px;top:50%;width:4px;height:4px;border-radius:50%;background:#5f5750;transform:translateY(-50%);
}
.mode-hr .sidebar #sidebar-nav .nav-group-items a:hover{background:#25211e;color:#fff}
.mode-hr .sidebar #sidebar-nav .nav-group-items a.active{background:#302a25;color:#fff;font-weight:600}
.mode-hr .sidebar #sidebar-nav .nav-group-items a.active::before{background:var(--accent)}
@media(max-width:720px){
  .mode-hr .sidebar #sidebar-nav{display:block}
  .mode-hr .sidebar #sidebar-nav .nav-group-items{padding-left:8px}
}

/* People Controlling: eigene Seiten statt Anker-Navigation */
.cost-component-form{display:grid;grid-template-columns:minmax(220px,2fr) minmax(130px,1fr) minmax(170px,1.2fr) minmax(110px,.7fr);gap:14px;align-items:end;margin-top:16px}
.cost-component-form label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:13px}
.cost-component-form input,.cost-component-form select{width:100%;min-width:0;box-sizing:border-box}
.cost-component-actions{grid-column:1/-1;display:flex;justify-content:flex-start}
.compact-kpis{margin-bottom:18px}
@media(max-width:1200px){.cost-component-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cost-component-form{grid-template-columns:1fr}.cost-component-actions{grid-column:auto}.cost-component-actions .primary{width:100%}}

/* Audit: revisionsfähige, datensparsame Detailansicht */
.audit-page{display:grid;gap:22px}.audit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.audit-head h3{margin-bottom:4px}.audit-count{white-space:nowrap;padding:8px 12px;border-radius:999px;background:#f1f3f5;font-weight:700}.audit-filters{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr)) minmax(220px,1.5fr);gap:12px;align-items:end;padding:16px;border:1px solid #e3e6e8;border-radius:16px;background:#fafbfb}.audit-filters label{display:grid;gap:6px;font-size:.86rem;color:#667380}.audit-filters input,.audit-filters select{width:100%}.audit-filter-actions{display:flex;gap:8px;grid-column:1/-1}.audit-filter-actions .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.audit-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.86rem;color:#65717d}.audit-list{display:grid;gap:10px}.audit-entry{border:1px solid #e1e5e8;border-radius:14px;background:#fff;overflow:hidden}.audit-entry summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:130px minmax(260px,1.5fr) minmax(180px,1fr) minmax(150px,.7fr) 24px;gap:16px;align-items:center;padding:15px 18px}.audit-entry summary::-webkit-details-marker{display:none}.audit-entry[open] summary{background:#faf8f5;border-bottom:1px solid #e6e0d9}.audit-when,.audit-main,.audit-actor{display:grid;gap:2px}.audit-when span,.audit-object,.audit-actor span{font-size:.85rem;color:#6e7a84}.audit-action{font-weight:750}.audit-badge{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;background:#edf0f2;font-size:.78rem;font-weight:700}.audit-security{background:#fff0e6;color:#9c4d13}.audit-system{background:#eaf0ff;color:#35559a}.audit-hr,.audit-time{ }.audit-badge.audit-hr,.audit-badge.audit-time{background:#eef7ee;color:#2f7140}.audit-document{background:#f2edff;color:#60449b}.audit-compliance{background:#fff7dd;color:#7c6519}.audit-chevron{font-size:1.4rem;transition:transform .15s}.audit-entry[open] .audit-chevron{transform:rotate(90deg)}.audit-detail{padding:18px;display:grid;gap:18px}.audit-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.audit-meta-grid>div{display:grid;gap:3px;padding:12px;border-radius:12px;background:#f7f8f9}.audit-meta-grid span{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:#75808a}.audit-meta-grid small{color:#75808a}.audit-wide{grid-column:1/-1}.audit-change-wrap h4{margin:0 0 8px}.audit-change-table{width:100%}.audit-change-table td,.audit-change-table th{padding:10px 12px}.audit-protected{font-style:italic;color:#69747d}.audit-privacy-note{margin:0;padding:12px 14px;border-radius:12px;background:#f5f7f8;color:#69747d}.audit-tech{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:10px;border-top:1px solid #eceff1;color:#6f7a84;font-size:.8rem}.audit-tech code{background:#f4f5f6;padding:5px 8px;border-radius:7px}.empty-state{padding:28px;text-align:center;color:#74808a;border:1px dashed #d7dce0;border-radius:14px}@media(max-width:1100px){.audit-filters{grid-template-columns:repeat(2,minmax(160px,1fr))}.audit-entry summary{grid-template-columns:110px 1fr 180px 24px}.audit-entry summary>div:nth-child(4){display:none}.audit-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.audit-filters{grid-template-columns:1fr}.audit-entry summary{grid-template-columns:90px 1fr 24px}.audit-actor{display:none}.audit-meta-grid{grid-template-columns:1fr}.audit-wide{grid-column:auto}}

/* Dashboard: Arbeitszeit als klare Primäraktion */
.time-cta-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:28px;align-items:center;padding:30px 32px;border-color:#ddd4cb;background:linear-gradient(135deg,#fff 0%,#fff 58%,#faf6f2 100%)}
.time-cta-panel::after{content:"";position:absolute;right:-90px;top:-120px;width:310px;height:310px;border-radius:50%;background:rgba(168,111,61,.07);pointer-events:none}.time-cta-copy{position:relative;z-index:1}.time-cta-copy h3{font-size:27px;margin:7px 0 9px}.time-cta-copy p{max-width:700px}.time-cta-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.time-cta-actions form{margin:0}.time-primary-form{width:100%}.time-primary-action{width:100%;min-height:86px;border:0!important;border-radius:16px!important;background:#171a1d!important;color:#fff!important;padding:16px 20px!important;display:flex!important;align-items:center;justify-content:flex-start;gap:16px;text-align:left;box-shadow:0 12px 28px rgba(23,26,29,.18);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.time-primary-action:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(23,26,29,.22);background:#202428!important}.time-primary-action strong{display:block;font-size:21px;line-height:1.15}.time-primary-action small{display:block;margin-top:4px;color:#d9dee2;font-size:12px}.time-action-symbol{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#c58a55;color:#fff;font-size:18px;padding-left:2px}.time-secondary-action,.time-stop-action{min-height:44px;padding:10px 16px!important;border-radius:11px!important}.time-secondary-action{background:#fff!important;border:1px solid #d7dde1!important}.time-stop-action{background:#fff3f2!important;color:#923b35!important;border:1px solid #efcfcc!important}.time-cta-panel.is-working{border-left:5px solid #2f9b67}.time-cta-panel.is-break{border-left:5px solid #d79b38}.time-cta-panel.is-idle{border-left:5px solid #a86f3d}
@media(max-width:1050px){.time-cta-panel{grid-template-columns:1fr}.time-cta-actions{justify-content:flex-start;max-width:520px}.time-primary-form{width:min(100%,520px)}}
@media(max-width:620px){.time-cta-panel{padding:22px}.time-cta-copy h3{font-size:23px}.time-primary-action{min-height:76px}.time-action-symbol{width:42px;height:42px;flex-basis:42px}.time-primary-action strong{font-size:18px}}

/* Dashboard Variante A: Primäraktion oben, Kennzahlen und Wochenfortschritt darunter */
.dashboard-time-overview{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:stretch;margin-bottom:20px}.dashboard-time-overview .dashboard-kpis{margin-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));height:100%}.dashboard-time-overview .dashboard-kpis article{min-height:150px;display:flex;flex-direction:column;justify-content:center}.weekly-progress-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:318px}.weekly-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.weekly-progress-head h3{margin:4px 0 3px;font-size:20px}.weekly-progress-head small{color:var(--muted)}.weekly-kicker{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.weekly-percent{background:#f4eee8;color:#8c5b31;border-radius:999px;padding:7px 10px;font-weight:800;font-size:13px;white-space:nowrap}.weekly-progress-body{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;margin-top:16px}.weekly-ring{--progress:0;width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#b87943 calc(var(--progress)*1%),#edf0f2 0);position:relative}.weekly-ring::before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #edf0f2}.weekly-ring-inner{position:relative;z-index:1;text-align:center;display:grid;gap:2px}.weekly-ring-inner strong{font-size:24px;line-height:1.1}.weekly-ring-inner span{font-size:12px;color:var(--muted)}.weekly-values{display:grid;gap:9px}.weekly-values>div{padding:9px 0;border-bottom:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between;gap:10px}.weekly-values>div:last-child{border-bottom:0}.weekly-values span{color:var(--muted);font-size:12px}.weekly-values strong{font-size:14px}.weekly-values .positive strong{color:var(--ok)}.weekly-values .negative strong{color:#a86f3d}.weekly-note{margin:12px 0 0!important;font-size:12px!important;color:var(--muted)!important}.time-cta-panel{margin-bottom:18px}
@media(max-width:1250px){.dashboard-time-overview{grid-template-columns:1fr}.dashboard-time-overview .dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-time-overview .dashboard-kpis article{min-height:130px}.weekly-progress-card{min-height:auto}.weekly-progress-body{grid-template-columns:150px 1fr}}
@media(max-width:900px){.dashboard-time-overview .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dashboard-time-overview .dashboard-kpis{grid-template-columns:1fr}.weekly-progress-body{grid-template-columns:1fr;justify-items:center}.weekly-values{width:100%}.weekly-progress-head{align-items:center}}

/* Moderne Zeiterfassung auf Meine Arbeitszeit */
.time-page-panel{position:relative;overflow:hidden;border-left:5px solid #a86f3d}.time-page-panel.is-working{border-left-color:#2f9b67}.time-page-panel.is-break{border-left-color:#d79b38}.time-page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.time-page-head h3{font-size:25px;margin:6px 0 7px}.time-page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:980px}.time-page-actions .time-primary-form{grid-column:1/-1;max-width:540px}.time-action-form{margin:0}.time-modern-action{width:100%;min-height:78px;border-radius:15px!important;padding:14px 18px!important;display:flex!important;align-items:center;gap:14px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.time-modern-action:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(23,26,29,.10)}.time-modern-action strong{display:block;font-size:17px}.time-modern-action small{display:block;margin-top:3px;font-size:12px;color:#73808a}.time-modern-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;font-weight:700}.time-modern-pause{background:#fffaf2!important;border:1px solid #ead7bc!important;color:#1c2630!important}.time-modern-pause .time-modern-icon{background:#f3dfc2;color:#8a5a2e}.time-modern-stop{background:#fff5f4!important;border:1px solid #efd2cf!important;color:#873b35!important}.time-modern-stop .time-modern-icon{background:#f4d8d5;color:#923b35}@media(max-width:760px){.time-page-actions{grid-template-columns:1fr}.time-page-actions .time-primary-form{grid-column:auto;max-width:none}}

/* Dashboard card identity: subtle decorative circles, matching the time CTA */
.dashboard-kpis article,.weekly-progress-card,.hr-kpi{position:relative;overflow:hidden;isolation:isolate}
.dashboard-kpis article::after,.weekly-progress-card::after,.hr-kpi::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1}
.dashboard-kpis article::after{width:150px;height:150px;right:-58px;top:-62px;background:rgba(168,111,61,.055)}
.dashboard-kpis article:nth-child(2)::after{width:132px;height:132px;right:-46px;top:-38px;background:rgba(47,125,91,.055)}
.dashboard-kpis article:nth-child(3)::after{width:142px;height:142px;right:-54px;bottom:-74px;top:auto;background:rgba(184,121,67,.05)}
.dashboard-kpis article:nth-child(4)::after{width:126px;height:126px;right:-44px;top:-45px;background:rgba(85,96,108,.05)}
.weekly-progress-card::after{width:220px;height:220px;right:-92px;top:-105px;background:rgba(168,111,61,.055)}
.hr-kpi::after{width:130px;height:130px;right:-54px;top:-55px;background:rgba(168,111,61,.045)}
.dashboard-kpis article>* ,.weekly-progress-card>* ,.hr-kpi>*{position:relative;z-index:1}

/* Interaktives Organigramm */
.org-hero{display:flex;align-items:center;justify-content:space-between;gap:28px}.org-summary{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:10px}.org-summary>div{padding:13px 16px;border-radius:14px;background:#faf7f4;border:1px solid #eee5dc;text-align:center}.org-summary strong{display:block;font-size:24px}.org-summary span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.org-toolbar-card{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:16px 18px}.org-view-switch{display:flex;background:#f1f3f4;padding:4px;border-radius:12px;gap:3px}.org-view-switch button{border:0;background:transparent;border-radius:9px;padding:9px 14px;font:inherit;font-size:13px;color:#5d6872;cursor:pointer}.org-view-switch button.active{background:#fff;color:#1b232a;box-shadow:0 2px 8px #17202a14}.org-toolbar-actions{display:flex;align-items:end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.org-toolbar-actions label{display:grid;gap:5px;color:var(--muted);font-size:11px}.org-toolbar-actions input,.org-toolbar-actions select{min-width:180px}.org-tool-button{height:42px;white-space:nowrap}.org-chart-shell{overflow:auto;padding:28px;background:linear-gradient(180deg,#fff,#fbfaf8)}.org-canvas{min-width:760px}.org-company-node{width:min(420px,60%);margin:0 auto;text-align:center;border-radius:18px;padding:18px 22px;background:#171a1d;color:#fff;box-shadow:0 14px 34px #171a1d22;position:relative;overflow:hidden}.org-company-node::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;top:-90px;background:#b77b451d}.org-company-node>*{position:relative;z-index:1}.org-company-node strong{display:block;font-size:22px}.org-company-node small{display:block;margin-top:4px;color:#cfd5da}.org-node-kicker{display:block;color:#d0a276;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.org-company-line{height:36px;width:2px;background:#d7dde1;margin:0 auto}.org-department-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;position:relative}.org-department-grid::before{content:"";position:absolute;top:-18px;left:7%;right:7%;height:2px;background:#d7dde1}.org-department-card{background:#fff;border:1px solid #e2e6e9;border-radius:18px;box-shadow:0 7px 22px #1c263008;overflow:hidden;position:relative;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.org-department-card::before{content:"";position:absolute;left:50%;top:-18px;width:2px;height:18px;background:#d7dde1}.org-department-card:hover{box-shadow:0 12px 30px #1c263010}.org-department-head{width:100%;border:0;background:linear-gradient(135deg,#fff,#faf7f4);padding:17px 18px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;border-bottom:1px solid #eceff1}.org-department-head span{display:grid;gap:2px}.org-department-head small,.org-team-card header small{font-size:10px;color:#a86f3d;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.org-department-head strong{font-size:18px}.org-department-head em,.org-team-card header em{font-style:normal;color:var(--muted);font-size:11px}.org-collapse-chevron{display:inline-block;width:9px;height:9px;border-right:2px solid #68747d;border-bottom:2px solid #68747d;transform:rotate(45deg);transition:transform .15s}.collapsed>.org-department-head .org-collapse-chevron,.org-team-card.collapsed .org-collapse-chevron{transform:rotate(-45deg)}.org-department-body{padding:16px;display:grid;gap:16px}.org-department-card.collapsed>.org-department-body{display:none}.org-lead-strip{display:grid;gap:8px}.org-lead-strip.compact{margin-bottom:10px}.org-person-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px}.org-person-card{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);padding:10px 11px;border:1px solid #e4e8eb;border-radius:12px;background:#fff;min-width:0;transition:border-color .15s,transform .15s,box-shadow .15s}.org-person-card:hover{border-color:#d3b99f;transform:translateY(-1px);box-shadow:0 7px 18px #2d251c0d}.org-person-card.org-leader{border-color:#dfc8b2;background:#fffaf6}.org-avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#f2e8de;color:#915f35;font-size:12px;font-weight:800}.org-leader .org-avatar{background:#b87943;color:#fff}.org-person-copy{min-width:0;display:grid;gap:1px}.org-person-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-person-copy em{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-person-copy>small:first-child{font-size:9px;color:#a86f3d;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.org-status{display:inline-flex;width:max-content;margin-top:3px;border-radius:999px;padding:2px 6px;font-size:9px;background:#eef3f0;color:#44715a}.org-status.status-planned{background:#fff5db;color:#856919}.org-status.status-leaving{background:#fff0ee;color:#914139}.org-deputy-row{display:flex;gap:7px;flex-wrap:wrap}.org-deputy-pill{font-size:10px;text-decoration:none;color:#725437;background:#f7f1eb;border:1px dashed #d7bfa8;border-radius:999px;padding:5px 8px}.org-direct-section{display:grid;gap:8px}.org-section-label{font-size:10px;color:#78838d;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.org-team-grid{display:grid;gap:12px}.org-team-card{border:1px solid #e5e9ec;border-radius:14px;background:#fbfcfc;overflow:hidden}.org-team-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;background:#f7f9fa;border-bottom:1px solid #e8ecef}.org-team-card header>div{display:grid;gap:1px}.org-team-card header strong{font-size:14px}.org-team-toggle{width:32px;height:32px;padding:0!important;border-radius:9px!important;background:#fff!important}.org-team-body{padding:11px}.org-team-card.collapsed .org-team-body{display:none}.org-empty{padding:12px;color:var(--muted);font-size:11px;text-align:center;border:1px dashed #d8dde1;border-radius:10px}.org-filter-hidden{display:none!important}
/* Ansichten: Personen reduziert Struktur, Rollen hebt Verantwortung hervor */
#org-chart-shell[data-view="people"] .org-company-line,#org-chart-shell[data-view="people"] .org-department-grid::before,#org-chart-shell[data-view="people"] .org-department-card::before{display:none}#org-chart-shell[data-view="people"] .org-company-node{display:none}#org-chart-shell[data-view="people"] .org-department-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}#org-chart-shell[data-view="people"] .org-team-card{border-style:dashed}#org-chart-shell[data-view="roles"] .org-person-card:not(.org-leader){opacity:.42}#org-chart-shell[data-view="roles"] .org-person-card.org-leader{box-shadow:0 8px 22px #b8794314}#org-chart-shell[data-view="roles"] .org-deputy-pill{background:#fff4e9;border-style:solid}.org-chart-shell[data-view="roles"] .org-empty{opacity:.5}
@media(max-width:1100px){.org-hero,.org-toolbar-card{align-items:flex-start;flex-direction:column}.org-toolbar-actions{justify-content:flex-start}.org-summary{width:100%}.org-view-switch{width:100%}.org-view-switch button{flex:1}.org-canvas{min-width:680px}}@media(max-width:720px){.org-chart-shell{padding:16px}.org-canvas{min-width:0}.org-company-node{width:100%}.org-department-grid{grid-template-columns:1fr}.org-department-grid::before,.org-department-card::before,.org-company-line{display:none}.org-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.org-toolbar-actions label,.org-toolbar-actions input,.org-toolbar-actions select{width:100%;min-width:0}.org-search{grid-column:1/-1}.org-summary{grid-template-columns:repeat(3,1fr)}.org-person-grid{grid-template-columns:1fr}}

/* Company Hub */
.company-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.company-unit-card h3{margin:.25rem 0 1rem}
.company-unit-meta{display:flex;gap:10px;align-items:baseline;padding:10px 0 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.company-unit-meta a,.company-profile-list a,.company-mail{color:var(--accent,#c6a46d);text-decoration:none}
.company-team-list{display:grid;gap:10px;margin-top:14px}
.company-team-row{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.company-team-row div{display:grid;gap:3px}.company-team-row small,.company-team-row span{color:var(--muted,#9ca3af);font-size:.82rem}
.company-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}
.company-contact-card{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);border-radius:16px;text-decoration:none;color:inherit;transition:.18s ease}
.company-contact-card:hover{transform:translateY(-2px);border-color:rgba(198,164,109,.42);background:rgba(198,164,109,.06)}
.company-contact-card>span:last-child{display:grid;gap:2px;min-width:0}.company-contact-card em{font-style:normal;color:var(--muted,#a6aab3)}.company-contact-card small{color:var(--muted,#8f96a3)}
.company-mail{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.company-profile-hero{display:flex;align-items:center;gap:18px}
.company-profile-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;font-weight:800;background:linear-gradient(145deg,rgba(198,164,109,.28),rgba(198,164,109,.08));border:1px solid rgba(198,164,109,.35)}
.company-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:18px}
.company-profile-list{display:grid;gap:0}.company-profile-list>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.company-profile-list dt{color:var(--muted,#9ca3af)}.company-profile-list dd{margin:0;text-align:right;font-weight:600}
.policy-company-list{display:grid;gap:14px}.policy-company-card{display:grid;grid-template-columns:1fr auto;gap:10px 18px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}.policy-company-card>div:first-child{display:grid;gap:2px}.policy-company-card small{color:var(--muted,#9ca3af)}.policy-company-text{grid-column:1/-1;white-space:pre-wrap;line-height:1.55;color:var(--muted,#c0c4cc)}.policy-company-card form{grid-column:1/-1}.policy-status{padding:6px 10px;border-radius:999px;background:rgba(198,164,109,.12);color:var(--accent,#c6a46d);font-size:.78rem;font-weight:700;height:max-content}.policy-status.done{background:rgba(86,180,120,.12);color:#79cf98}
@media(max-width:720px){.company-team-row{flex-direction:column}.company-profile-hero{align-items:flex-start}.policy-company-card{grid-template-columns:1fr}.policy-status,.policy-company-text,.policy-company-card form{grid-column:1}}

/* HR globale Suche + Live-Suche */
.hr-live-search{position:sticky;top:0;z-index:40;padding:12px 0 4px;background:linear-gradient(180deg,var(--bg) 78%,rgba(244,246,248,0));}
.hr-live-search-inner{height:44px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dfe4e8;border-radius:13px;padding:0 13px;box-shadow:0 6px 18px rgba(28,38,48,.05);transition:border-color .16s,box-shadow .16s;position:relative;z-index:2;width:min(600px,100%);margin:0 auto}
.hr-live-search:focus-within .hr-live-search-inner{border-color:#cda47f;box-shadow:0 10px 28px rgba(168,111,61,.12)}
.hr-live-search-icon{font-size:19px;color:#9b6a3f;line-height:1;transform:translateY(-1px)}
.hr-live-search input{flex:1;min-width:0;border:0!important;outline:0!important;padding:0!important;font:inherit;background:transparent!important;box-shadow:none!important;color:var(--ink);height:100%}
.hr-live-search input::placeholder{color:#8b969f}
.hr-live-results{position:absolute;left:0;right:0;top:64px;background:#fff;border:1px solid #dfe4e8;border-radius:16px;box-shadow:0 18px 48px rgba(20,28,35,.16);overflow:hidden;z-index:60}
.hr-live-results[hidden]{display:none}
.hr-live-result{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:10px 13px;text-decoration:none;color:var(--ink);border-bottom:1px solid #eef1f3;transition:background .14s}
.hr-live-result:hover{background:#fbf8f5}
.hr-live-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f1e8df;color:#8e5d33;font-size:11px;font-weight:800;border:1px solid #e4d0bd}
.hr-live-avatar.kind-organization{background:#eef3f6;color:#4f6878;border-color:#d9e2e7}.hr-live-avatar.kind-skill{background:#eef5ef;color:#4f755a;border-color:#d9e8dc}.hr-live-avatar.kind-task{background:#fff5e3;color:#8b6824;border-color:#efdfb9}.hr-live-avatar.kind-policy{background:#f2eff7;color:#6a5b82;border-color:#e2dced}
.hr-live-copy{min-width:0;display:grid;gap:1px}.hr-live-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#a86f3d;font-weight:800}.hr-live-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr-live-copy em{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr-live-arrow{color:#a86f3d;font-weight:800}
.hr-live-more{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#171a1d;color:#fff!important;text-decoration:none;font-size:12px;font-weight:700}.hr-live-more:hover{background:#24282c}.hr-live-empty,.hr-live-loading{padding:16px;color:var(--muted);font-size:12px;text-align:center}

.hr-search-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:28px;padding:28px!important;position:relative;overflow:hidden}
.hr-search-hero::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-145px;background:rgba(168,111,61,.06);pointer-events:none}.hr-search-hero>*{position:relative;z-index:1}.hr-search-hero h2{margin:5px 0 7px;font-size:27px}.hr-search-hero p{margin:0;color:var(--muted);line-height:1.5}
.hr-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.hr-search-input-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dce2e6;border-radius:13px;padding:0 12px;min-height:48px;box-shadow:0 5px 18px rgba(28,38,48,.04)}.hr-search-input-wrap:focus-within{border-color:#c89b73;box-shadow:0 7px 22px rgba(168,111,61,.09)}.hr-search-input-wrap input{width:100%;border:0!important;outline:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}.hr-search-icon{font-size:20px;color:#a86f3d}.hr-search-submit{min-width:100px;border-radius:12px!important;padding:0 18px!important}
.hr-search-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 18px;padding:0 2px}.hr-search-tabs a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#5f6b75;background:#fff;border:1px solid #e0e5e8;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:650;transition:.15s}.hr-search-tabs a:hover{border-color:#d0b093;background:#fdfaf7;color:#744c2b}.hr-search-tabs a.active{background:#251f1a;border-color:#251f1a;color:#fff}.hr-search-tabs em{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#edf0f2;color:#697680;font-size:10px}.hr-search-tabs a.active em{background:#b87a43;color:#fff}
.hr-search-results-card{padding:0!important;overflow:hidden}.hr-search-section-head{padding:22px 24px 14px;margin:0!important;border-bottom:1px solid #edf0f2}.hr-search-section-head h3{margin:0 0 4px}.hr-search-section-head p{margin:0;color:var(--muted);font-size:12px}.hr-search-results{display:grid}.hr-search-result{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 20px;text-decoration:none;color:var(--ink);border-bottom:1px solid #edf0f2;transition:background .14s,transform .14s}.hr-search-result:last-child{border-bottom:0}.hr-search-result:hover{background:#fbf8f5}.hr-result-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f2e8de;border:1px solid #e4cdb8;color:#8d5b31;font-size:12px;font-weight:800}.hr-search-result.kind-organization .hr-result-avatar{background:#eef3f6;border-color:#dce5ea;color:#526b79}.hr-search-result.kind-skill .hr-result-avatar{background:#edf5ef;border-color:#dce9df;color:#4f755a}.hr-search-result.kind-task .hr-result-avatar{background:#fff5e2;border-color:#efdfb8;color:#88651f}.hr-search-result.kind-policy .hr-result-avatar{background:#f1eef7;border-color:#e2dced;color:#66577f}.hr-result-main{min-width:0;display:grid;gap:2px}.hr-result-main small{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#a86f3d;font-weight:800}.hr-result-main strong{font-size:15px}.hr-result-main em{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr-result-action{display:flex;align-items:center;gap:9px;color:#8a5b34;font-size:12px;font-weight:700}.hr-result-action b{font-size:17px}.hr-search-start{display:flex;align-items:center;gap:18px;padding:28px!important}.hr-search-start h3{margin:0 0 5px}.hr-search-start p{margin:0;color:var(--muted);max-width:760px}.hr-search-start-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#f5ede5;color:#9b6738;font-size:26px;flex:0 0 auto}
@media(max-width:1050px){.hr-search-hero{grid-template-columns:1fr}.hr-search-form{max-width:none}}@media(max-width:720px){.hr-live-search{position:relative;top:auto;padding:0 0 14px}.hr-live-search-inner{max-width:none;width:100%}.hr-live-results{top:52px}.hr-search-form{grid-template-columns:1fr}.hr-search-submit{height:44px}.hr-search-result{grid-template-columns:44px minmax(0,1fr)}.hr-result-action{grid-column:2}.hr-search-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.hr-search-tabs a{white-space:nowrap}.hr-search-hero{padding:20px!important}.hr-search-start{align-items:flex-start}}


/* Employee portal – modern functional cards */
.portal-feature-card,.portal-list-card{
  background:#fff;border:1px solid #dde3e8;border-radius:22px;
  padding:28px 30px;margin-bottom:24px;position:relative;overflow:hidden
}
.portal-feature-card:after{
  content:"";position:absolute;width:240px;height:240px;border-radius:50%;
  right:-95px;top:-110px;background:rgba(185,116,51,.065);pointer-events:none
}
.portal-feature-card--absence:after{background:rgba(111,126,157,.07)}
.portal-feature-card--documents:after{background:rgba(185,116,51,.055)}
.portal-feature-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;position:relative;z-index:1}
.portal-feature-head h3,.portal-section-title h3{margin:5px 0 6px;font-size:26px;line-height:1.15}
.portal-feature-head p{margin:0;color:#6d7b89;font-size:16px}
.portal-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:#a8642b}
.portal-feature-icon{
  width:54px;height:54px;border-radius:18px;display:grid;place-items:center;
  background:#181c20;color:#fff;font-size:25px;font-weight:800;box-shadow:0 12px 26px rgba(21,25,29,.13)
}
.portal-info-note{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:13px;background:#f6f7f8;color:#657381;margin-bottom:22px;position:relative;z-index:1}
.portal-info-dot{width:8px;height:8px;border-radius:50%;background:#b87437;flex:0 0 auto}

.portal-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;z-index:1}
.portal-form-grid label>span,.portal-upload-form label>span:first-child{display:block;font-size:13px;color:#6b7986;margin:0 0 7px}
.portal-form-grid input,.portal-form-grid select,.portal-form-grid textarea,.portal-upload-form input{
  width:100%;box-sizing:border-box;border:1px solid #dce2e7;border-radius:14px;background:#fff;
  min-height:50px;padding:11px 14px;font:inherit;color:#17202a;outline:none;transition:.16s
}
.portal-form-grid input:focus,.portal-form-grid select:focus,.portal-form-grid textarea:focus,.portal-upload-form input:focus{
  border-color:#bd7b40;box-shadow:0 0 0 3px rgba(189,123,64,.1)
}
.portal-form-grid textarea{min-height:84px;resize:vertical}
.portal-form-span-2{grid-column:span 2}
.portal-form-action{display:flex;align-items:end}
.portal-form-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}
.portal-check{display:flex!important;align-items:center;gap:11px;cursor:pointer}
.portal-check input{width:18px!important;height:18px!important;min-height:0!important;accent-color:#b87437}
.portal-check>span{margin:0!important;display:flex!important;flex-direction:column;color:#18222c!important}
.portal-check small{color:#7a8792;margin-top:2px}
.portal-input-suffix{display:flex;align-items:center;border:1px solid #dce2e7;border-radius:14px;overflow:hidden;background:#fff}
.portal-input-suffix input{border:0!important;border-radius:0!important;box-shadow:none!important}
.portal-input-suffix>span{padding:0 14px;color:#6d7a86;font-size:13px;white-space:nowrap}

.portal-action-btn{
  border:0;border-radius:16px;background:#171b1f;color:#fff;padding:13px 18px;display:flex;align-items:center;gap:12px;
  min-height:58px;cursor:pointer;font:inherit;text-align:left;box-shadow:0 12px 24px rgba(17,22,27,.12);transition:.16s
}
.portal-action-btn:hover{transform:translateY(-1px);box-shadow:0 15px 28px rgba(17,22,27,.16)}
.portal-action-btn-icon{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:#d79555;color:#fff;font-size:17px}
.portal-action-btn strong{display:block;font-size:15px}
.portal-action-btn small{display:block;color:#d5dadd;margin-top:2px;font-size:11px}
.portal-action-btn--compact{min-width:220px}

.portal-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
.portal-count-pill{min-width:34px;height:34px;padding:0 10px;border-radius:17px;display:grid;place-items:center;background:#f1f3f5;color:#4e5d69;font-size:13px;font-weight:700}
.portal-table-wrap{overflow-x:auto}
.portal-table{width:100%;border-collapse:collapse}
.portal-table th{font-size:12px;letter-spacing:.03em;color:#6c7a86;text-transform:uppercase;text-align:left;padding:13px 12px;border-bottom:1px solid #dde3e8}
.portal-table td{padding:16px 12px;border-bottom:1px solid #e5e9ec;vertical-align:middle}
.portal-table tbody tr:last-child td{border-bottom:0}
.portal-table tbody tr:hover:not(:has(.portal-empty)){background:#faf9f7}
.portal-muted-cell{color:#687681}
.portal-table-action{text-align:right;white-space:nowrap}
.portal-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;background:#eef1f3;color:#53616c}
.portal-status--approved,.portal-status--acknowledged,.portal-status--recorded{background:#e8f4ed;color:#28744c}
.portal-status--pending,.portal-status--assigned{background:#fff3df;color:#98611f}
.portal-status--rejected,.portal-status--cancelled{background:#fbe9e8;color:#a4463f}
.portal-link-btn{border:1px solid #d8dee3;background:#fff;border-radius:10px;padding:8px 11px;cursor:pointer;font:inherit;color:#33414d}
.portal-link-btn--accent{border-color:#d9b18a;color:#9b5e29;background:#fffaf5}
.portal-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:28px;color:#7c8993;text-align:center}
.portal-empty>span{font-size:24px;color:#b87539}
.portal-empty strong{color:#4d5b67}
.portal-empty small{color:#8a969f}

.portal-upload-form{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.6fr) auto;gap:18px;align-items:end;position:relative;z-index:1}
.portal-upload-title{display:block}
.portal-file-field{
  min-height:72px;border:1px dashed #cdd5dc;border-radius:16px;background:#fafbfb;padding:10px 14px;
  display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;cursor:pointer;position:relative
}
.portal-file-field>input[type=file]{max-width:260px;border:0;background:transparent;padding:0;min-height:0}
.portal-file-field>input[type=file]::file-selector-button{
  border:0;background:#eef1f3;color:#293640;border-radius:9px;padding:8px 10px;margin-right:8px;cursor:pointer;font-weight:700
}
.portal-file-icon{width:40px;height:40px!important;border-radius:13px;display:grid!important;place-items:center;background:#f0e3d6;color:#a45f28;font-size:20px!important}
.portal-file-copy{display:flex!important;flex-direction:column;color:#19242e!important;margin:0!important}
.portal-file-copy small{color:#7a8792;margin-top:2px}
.portal-doc-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:24px}
.portal-doc-category{display:inline-flex;padding:5px 8px;border-radius:8px;background:#f3f0ec;color:#7c542f;font-size:12px;font-weight:700}

@media(max-width:980px){
  .portal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-form-span-2{grid-column:1/-1}
  .portal-upload-form{grid-template-columns:1fr}
  .portal-doc-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .portal-feature-card,.portal-list-card{padding:20px 18px;border-radius:18px}
  .portal-feature-head h3,.portal-section-title h3{font-size:22px}
  .portal-feature-icon{width:46px;height:46px;border-radius:15px}
  .portal-form-grid{grid-template-columns:1fr}
  .portal-form-span-2{grid-column:auto}
  .portal-form-foot{grid-column:auto;flex-direction:column;align-items:stretch}
  .portal-action-btn--compact{width:100%;min-width:0}
}


/* HR Organisation – polished management surface */
.orgx-hero,.orgx-create-card,.orgx-management-note,.orgx-structure,.orgx-archive{
  background:#fff;border:1px solid #dde3e8;border-radius:22px;position:relative;overflow:hidden
}
.orgx-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:30px 32px;margin-bottom:24px}
.orgx-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-150px;background:rgba(185,116,51,.075)}
.orgx-hero-copy{position:relative;z-index:1;max-width:850px}
.orgx-hero h2{font-size:30px;margin:6px 0 8px}
.orgx-hero p{color:#697783;font-size:16px;line-height:1.55;margin:0}
.orgx-hero-actions{margin-top:20px}
.orgx-primary-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;background:#171b1f;color:#fff;border-radius:15px;padding:12px 14px;min-width:255px;box-shadow:0 12px 25px rgba(18,23,28,.13)}
.orgx-primary-link:hover{transform:translateY(-1px)}
.orgx-primary-link span:nth-child(2){display:flex;flex-direction:column;flex:1}
.orgx-primary-link strong{font-size:14px}
.orgx-primary-link small{font-size:11px;color:#cdd3d8;margin-top:2px}
.orgx-link-icon{width:34px;height:34px;border-radius:11px;background:#d59658;display:grid;place-items:center;font-weight:800}
.orgx-stats{display:grid;grid-template-columns:repeat(3,110px);gap:10px;position:relative;z-index:1}
.orgx-stats>div{border:1px solid #eadfd5;background:#fffaf5;border-radius:16px;padding:16px 10px;text-align:center}
.orgx-stats strong{display:block;font-size:24px}
.orgx-stats span{display:block;color:#7a8791;font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-top:3px}

.orgx-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.orgx-create-card{padding:26px 28px}
.orgx-create-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-85px;top:-95px;background:rgba(185,116,51,.05)}
.orgx-create-head{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px;position:relative;z-index:1}
.orgx-round-icon,.orgx-unit-icon,.orgx-team-icon{display:grid;place-items:center;font-weight:800;color:#a4612b;background:#f4e7da;border:1px solid #ead1b9}
.orgx-round-icon{width:48px;height:48px;border-radius:15px;flex:0 0 auto}
.orgx-create-head h3{margin:3px 0 5px;font-size:22px}
.orgx-create-head p{margin:0;color:#75828d;font-size:14px}
.orgx-form{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}
.orgx-form-row{display:grid;grid-template-columns:1fr .6fr;gap:13px}
.orgx-form label,.orgx-menu-form label{display:flex;flex-direction:column;gap:6px}
.orgx-form label>span,.orgx-menu-form label>span{font-size:12px;color:#6f7d88}
.orgx-form input,.orgx-form select,.orgx-menu-form input,.orgx-menu-form select{
  width:100%;box-sizing:border-box;min-height:46px;border:1px solid #dce2e7;border-radius:13px;background:#fff;padding:10px 12px;font:inherit;color:#19242d;outline:none
}
.orgx-form input:focus,.orgx-form select:focus,.orgx-menu-form input:focus,.orgx-menu-form select:focus{border-color:#bd7b40;box-shadow:0 0 0 3px rgba(189,123,64,.1)}
.orgx-submit{border:0;background:#171b1f;color:#fff;border-radius:14px;min-height:56px;padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;max-width:260px}
.orgx-submit-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d59658;font-size:20px}
.orgx-submit span:last-child{display:flex;flex-direction:column}
.orgx-submit strong{font-size:14px}
.orgx-submit small{font-size:11px;color:#d1d6da;margin-top:2px}

.orgx-management-note{padding:21px 24px;display:flex;gap:16px;align-items:flex-start;margin-bottom:24px;border-color:#e7d5c4;background:#fffbf7}
.orgx-management-badge{width:44px;height:44px;border-radius:14px;background:#181c20;color:#fff;display:grid;place-items:center;font-weight:800;flex:0 0 auto}
.orgx-management-note h3{margin:4px 0 5px;font-size:19px}
.orgx-management-note p{margin:0;color:#6f7d87;line-height:1.5}

.orgx-structure{padding:28px 30px;margin-bottom:24px}
.orgx-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.orgx-section-head h2{font-size:26px;margin:5px 0 4px}
.orgx-section-head p{margin:0;color:#78848e}
.orgx-department-list{display:flex;flex-direction:column;gap:18px}
.orgx-department{border:1px solid #dde3e8;border-radius:18px;background:#fbfcfc;overflow:visible;position:relative}
.orgx-department-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 20px 14px}
.orgx-department-title{display:flex;align-items:center;gap:13px}
.orgx-unit-icon{width:43px;height:43px;border-radius:13px;flex:0 0 auto}
.orgx-type-label{display:block;font-size:10px;font-weight:800;color:#a76631;letter-spacing:.1em;text-transform:uppercase}
.orgx-department-title h3{font-size:20px;margin:2px 0}
.orgx-department-title p{margin:0;color:#798691;font-size:13px}
.orgx-leadership{display:flex;gap:10px;align-items:center;margin:0 20px 17px;padding:10px 12px;border-radius:12px;background:#f2f4f5}
.orgx-leadership span{font-size:12px;color:#72808b}
.orgx-leadership strong{font-size:13px;color:#293640}
.orgx-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 20px 20px}
.orgx-team-card{position:relative;border:1px solid #e0e5e9;border-radius:15px;background:#fff;padding:16px}
.orgx-team-main{display:flex;align-items:center;gap:11px;padding-right:42px}
.orgx-team-icon{width:36px;height:36px;border-radius:11px;font-size:11px;flex:0 0 auto}
.orgx-team-main h4{font-size:16px;margin:2px 0}
.orgx-team-main p{margin:0;color:#7b8791;font-size:12px}
.orgx-team-lead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid #edf0f2}
.orgx-team-lead span{font-size:11px;color:#7a8791;text-transform:uppercase;letter-spacing:.04em}
.orgx-team-lead strong{font-size:12px;text-align:right}
.orgx-empty-teams,.orgx-empty-structure{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7d8993;border:1px dashed #d5dce1;border-radius:15px;padding:24px;min-height:92px}
.orgx-empty-teams span,.orgx-empty-structure span{font-size:23px;color:#bd7c43}
.orgx-empty-teams strong,.orgx-empty-structure strong{color:#4d5a65;margin-top:4px}
.orgx-empty-teams small,.orgx-empty-structure small{margin-top:3px}
.orgx-empty-structure{min-height:160px}

.orgx-menu{position:relative}
.orgx-menu>summary{list-style:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff;border:1px solid #dce2e6;cursor:pointer;font-weight:800}
.orgx-menu>summary::-webkit-details-marker{display:none}
.orgx-menu--team{position:absolute;right:13px;top:13px}
.orgx-menu-popover{position:absolute;right:0;top:44px;z-index:50;width:300px;background:#fff;border:1px solid #dce2e6;border-radius:15px;box-shadow:0 20px 45px rgba(20,28,35,.16);padding:8px}
.orgx-menu-popover>details>summary{list-style:none;padding:10px 11px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700}
.orgx-menu-popover>details>summary::-webkit-details-marker{display:none}
.orgx-menu-popover>details[open]>summary{background:#f6f3ef;color:#8c562b}
.orgx-menu-form{display:flex;flex-direction:column;gap:8px;padding:9px 8px 11px}
.orgx-menu-form p{font-size:12px;color:#75828c;margin:0}
.orgx-small-primary,.orgx-small-secondary,.orgx-small-danger,.orgx-link-danger{border:0;border-radius:10px;min-height:38px;padding:8px 11px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.orgx-small-primary{background:#171b1f;color:#fff}
.orgx-small-secondary{background:#f0f2f4;color:#35424c}
.orgx-small-danger{background:#fff0ed;color:#9a443a}
.orgx-link-danger{width:100%;background:transparent;color:#a54238;text-align:left}
.orgx-menu-popover>form{padding:3px 7px}

.orgx-archive{margin-bottom:24px}
.orgx-archive>details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;cursor:pointer}
.orgx-archive>details>summary::-webkit-details-marker{display:none}
.orgx-archive>details>summary>span{display:flex;flex-direction:column}
.orgx-archive>details>summary small{font-weight:400;color:#7b8791;margin-top:3px}
.orgx-archive>details>summary b{min-width:34px;height:34px;border-radius:17px;background:#f1f3f5;display:grid;place-items:center;color:#4f5d67}
.orgx-archive-list{padding:0 22px 20px}
.orgx-archive-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #edf0f2;padding:13px 0}
.orgx-archive-list>div>span{display:flex;flex-direction:column}
.orgx-archive-list small{color:#7d8992;margin-top:3px}

@media(max-width:1100px){
  .orgx-hero{align-items:flex-start}
  .orgx-stats{grid-template-columns:repeat(3,90px)}
  .orgx-create-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .orgx-hero{flex-direction:column}
  .orgx-stats{width:100%;grid-template-columns:repeat(3,1fr)}
  .orgx-team-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .orgx-hero,.orgx-create-card,.orgx-structure{padding:20px 18px;border-radius:18px}
  .orgx-form-row{grid-template-columns:1fr}
  .orgx-submit{max-width:none;width:100%}
  .orgx-stats{grid-template-columns:1fr}
  .orgx-department-head{align-items:flex-start}
  .orgx-team-grid{padding:0 13px 13px}
  .orgx-menu-popover{position:fixed;left:14px;right:14px;top:auto;width:auto}
}


/* Modern notification button */
.userbox{display:flex;align-items:center;gap:16px}
.userbox > div:last-child strong{font-size:15px;letter-spacing:-0.01em}
.userbox > div:last-child small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}

.bell-modern{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:72px;
  height:56px;
  border-radius:18px;
  text-decoration:none;
  color:var(--ink);
  background:linear-gradient(180deg,#ffffff 0%, #f8fafb 100%);
  border:1px solid #dbe2e8;
  box-shadow:
    0 10px 24px rgba(18,24,31,.06),
    inset 0 1px 0 rgba(255,255,255,.85);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow:hidden;
}
.bell-modern::after{
  content:"";
  position:absolute;
  width:56px;
  height:56px;
  right:-18px;
  top:-20px;
  border-radius:50%;
  background:rgba(213,150,88,.12);
}
.bell-modern:hover{
  transform:translateY(-1px);
  border-color:#d0a06f;
  box-shadow:
    0 14px 28px rgba(18,24,31,.10),
    inset 0 1px 0 rgba(255,255,255,.9);
}
.bell-modern__icon{
  position:relative;
  z-index:1;
  font-size:22px;
  line-height:1;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.08));
}
.bell-modern__count{
  position:absolute;
  right:10px;
  top:9px;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#171b1f;
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 4px 12px rgba(23,27,31,.20);
  z-index:2;
}

@media(max-width:720px){
  .bell-modern{
    width:64px;
    height:52px;
    border-radius:16px;
  }
  .bell-modern__count{
    right:8px;
    top:7px;
  }
}


/* Notification icon – compact, modern, no card */
.bell-modern{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  min-width:40px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#26323d;
  box-shadow:none;
  overflow:visible;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.bell-modern::after{display:none!important}
.bell-modern:hover{
  transform:none;
  background:rgba(23,27,31,.06);
  border-color:transparent;
  box-shadow:none;
  color:#a86630;
}
.bell-modern:focus-visible{
  outline:3px solid rgba(184,116,55,.18);
  outline-offset:2px;
}
.bell-modern__icon{display:none}
.bell-modern__svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bell-modern__count{
  position:absolute;
  right:-3px;
  top:-2px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#b87437;
  color:#fff;
  border:2px solid var(--bg);
  font-size:10px;
  font-weight:800;
  line-height:1;
  box-shadow:none;
  z-index:2;
}
@media(max-width:720px){
  .bell-modern{width:38px;height:38px;min-width:38px;border-radius:50%}
  .bell-modern__svg{width:21px;height:21px}
  .bell-modern__count{right:-4px;top:-3px}
}