.portal-nav{background:#10231b;color:#fff}.portal-nav a{color:#fff;text-decoration:none}.notification-bell{position:relative;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;background:#1f4938}.notification-count{min-width:20px;height:20px;border-radius:20px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:.7rem;font-weight:900}.notification-list{display:grid;gap:9px}.notification-item{display:block;padding:12px 14px;border-radius:12px;background:#f1f5f2;text-decoration:none}.notification-item.unread{border-left:4px solid var(--green);background:#e6f5eb}.notification-item small{display:block;color:#64736c}.role-picker{border:1px solid var(--line);border-radius:14px;padding:14px;margin:18px 0}.role-picker legend{font-size:1rem;margin:0;padding:0 6px}.role-picker .check{margin:7px 0}.inline-actions{display:flex!important;gap:6px!important}.inline-actions button{padding:6px 9px!important;min-height:auto!important}

.role-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-cards .panel{margin:0}.check.compact{font-size:.82rem;margin:3px 0}@media(max-width:800px){.role-cards{grid-template-columns:1fr}}

.danger-zone{margin-top:20px;padding:18px;border:2px solid #efb3ad;border-radius:14px;background:#fff4f2}.danger{background:#b42318!important}.danger:hover{background:#85170f!important}

.portal-announcement{margin:14px 0;padding:16px 18px;border-left:5px solid #2c7a62;border-radius:12px;background:#e7f4ec}.portal-announcement.important{border-color:#d28b16;background:#fff3d6}.portal-announcement.warning{border-color:#b42318;background:#ffe8e4}.portal-announcement p{margin:5px 0}.customer-timeline{display:grid;gap:12px}.customer-timeline article{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fafcfb}.portal-sidebar{overflow-y:auto}

.employee-sidebar{scrollbar-color:#3e755f #10231b;scrollbar-width:thin}.employee-sidebar::-webkit-scrollbar{width:9px}.employee-sidebar::-webkit-scrollbar-track{background:#10231b}.employee-sidebar::-webkit-scrollbar-thumb{background:#3e755f;border:2px solid #10231b;border-radius:20px}.employee-sidebar::-webkit-scrollbar-thumb:hover{background:#65a085}.sidebar-identity{flex:0 0 auto}.employee-sidebar .role{margin:2px 12px 0;line-height:1.45;color:#bfd2c8}.employee-sidebar nav{gap:16px;margin:8px 0 14px}.employee-sidebar .nav-group{display:flex;flex-direction:column;gap:4px;padding:0}.employee-sidebar .nav-group-title{margin:0 12px 4px;color:#7fa08f;font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.employee-sidebar .nav-group a{position:relative;padding:9px 12px;color:#eef6f2}.employee-sidebar .nav-group a.active{background:#285b47;color:#fff;font-weight:850}.employee-sidebar .nav-group a.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:4px;background:var(--yellow)}.employee-sidebar .sidebar-footer{flex:0 0 auto;display:grid;gap:3px;padding-top:12px;border-top:1px solid #29483b}.employee-sidebar .sidebar-footer a{color:#c6d7ce}.employee-sidebar .sidebar-footer a:last-child{color:#ffd3cc}
.employee-sidebar details.nav-group{display:block;padding:0}.employee-sidebar details.nav-group>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;user-select:none;padding:5px 12px;margin:0 0 4px}.employee-sidebar details.nav-group>summary::-webkit-details-marker{display:none}.employee-sidebar details.nav-group>summary:after{content:"›";font-size:1.05rem;color:#8eaa9c;transform:rotate(0);transition:transform .18s ease}.employee-sidebar details.nav-group[open]>summary:after{transform:rotate(90deg)}.employee-sidebar details.nav-group>a{display:block;margin:4px 0}.employee-sidebar details.nav-group:not([open])>a{display:none}.employee-sidebar details.nav-group>summary:hover{color:#dcebe3}
/* Moderne Mitarbeiter-Navigation */
.employee-sidebar{width:280px;padding:20px 16px 18px;gap:12px;background:linear-gradient(165deg,#10231b 0%,#0b1b15 58%,#07140f 100%);border-right:1px solid rgba(179,215,196,.12);box-shadow:14px 0 40px rgba(7,24,17,.13)}.employee-sidebar~.admin-main{margin-left:280px}.employee-sidebar .sidebar-identity{padding:16px 16px 14px;border:1px solid rgba(199,229,214,.12);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.employee-sidebar .sidebar-identity .brand{display:inline-block;padding:0;font-size:1.8rem;letter-spacing:-.05em}.employee-sidebar .sidebar-identity .role{margin:8px 0 0;padding-top:9px;border-top:1px solid rgba(202,227,214,.11);color:#d4e5dc;font-size:.78rem;font-weight:750;line-height:1.35}.employee-sidebar nav{gap:9px;margin:2px 0 8px;padding:3px 2px}.employee-sidebar details.nav-group{border:1px solid transparent;border-radius:14px;transition:background .2s ease,border-color .2s ease}.employee-sidebar details.nav-group[open]{padding:5px;background:rgba(255,255,255,.035);border-color:rgba(184,218,201,.08)}.employee-sidebar details.nav-group>summary{min-height:35px;padding:7px 10px;margin:0;border-radius:10px;color:#88a898;font-size:.66rem;letter-spacing:.12em;transition:color .18s ease,background .18s ease}.employee-sidebar details.nav-group>summary:hover{background:rgba(255,255,255,.045);color:#d9e9e1}.employee-sidebar details.nav-group>summary:after{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.06);font-size:1rem}.employee-sidebar details.nav-group[open]>summary{color:#bad1c5}.employee-sidebar details.nav-group>a{display:flex;align-items:center;gap:10px;min-height:39px;margin:3px 0;padding:9px 11px;border:1px solid transparent;border-radius:11px;color:#dceae3;font-size:.88rem;font-weight:680;line-height:1.25;transition:transform .16s ease,color .16s ease,background .16s ease,border-color .16s ease}.employee-sidebar details.nav-group>a:before{content:"";position:static;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#507866;box-shadow:0 0 0 3px rgba(80,120,102,.12);transition:background .16s ease,box-shadow .16s ease}.employee-sidebar details.nav-group>a:hover{transform:translateX(3px);background:rgba(71,133,105,.18);border-color:rgba(139,190,164,.1);color:#fff}.employee-sidebar details.nav-group>a:hover:before{background:#8bc5a8}.employee-sidebar details.nav-group>a.active{transform:none;background:linear-gradient(100deg,#2e7357,#265e49);border-color:rgba(154,211,181,.22);color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.09)}.employee-sidebar details.nav-group>a.active:before{background:var(--yellow);box-shadow:0 0 0 4px rgba(244,194,67,.14)}.employee-sidebar details.nav-group>a.active:after{content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.75)}.employee-sidebar .sidebar-footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 0 0;border-top:1px solid rgba(190,219,204,.1)}.employee-sidebar .sidebar-footer a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px;border:1px solid rgba(190,219,204,.1);border-radius:11px;background:rgba(255,255,255,.035);color:#bdd2c7;font-size:.72rem;font-weight:750;text-align:center;transition:background .16s ease,color .16s ease}.employee-sidebar .sidebar-footer a:hover{background:rgba(255,255,255,.08);color:#fff}.employee-sidebar .sidebar-footer a:last-child{color:#ffc9c2;border-color:rgba(255,162,150,.12)}
@media(max-width:750px){.employee-sidebar{width:min(88vw,300px);box-shadow:18px 0 50px rgba(0,0,0,.28)}.employee-sidebar~.admin-main{margin-left:0}}