:root{--navy:#11243c;--navydeep:#0d1b2f;--ink:#1b2b43;--muted:#7b8aa0;--line:#e8edf4;--surface:#fff;--bg:#f5f7fb;--blue:#3479ee;--bluelight:#e9f1ff;--green:#168d63;--red:#d64551;--radius:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'DM Sans',system-ui,-apple-system,Segoe UI,Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.04em}h1{font-size:30px;font-weight:800}h2{font-size:17px;font-weight:800}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}label{font-size:13px;font-weight:700;color:#44566f;display:flex;flex-direction:column;gap:7px}input,select,textarea{background:white;border:1px solid #dfe6f0;border-radius:9px;padding:11px 12px;color:var(--ink);min-width:0;outline:none;width:100%;font-weight:500}input:focus,select:focus,textarea:focus{border-color:#81acf3;box-shadow:0 0 0 3px #e8f0ff}textarea{resize:vertical}.muted{color:var(--muted)}.layout{display:flex;min-height:100vh}.sidebar{background:var(--navy);width:258px;flex-shrink:0;min-height:100vh;padding:29px 17px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;color:#dce9f8}.brand{display:flex;align-items:center;gap:12px;margin:2px 10px 57px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;color:white;background:linear-gradient(135deg,#68a3ff,#276be7);font:800 16px Manrope,sans-serif;letter-spacing:-.06em;box-shadow:0 6px 18px #112c5580}.brand b{display:block;color:white;font:800 19px Manrope,sans-serif;letter-spacing:-.04em}.brand span{display:block;font-size:11px;color:#9cb0c8;font-weight:500}.nav-heading{color:#758ba6;font-size:10px;font-weight:800;letter-spacing:.15em;padding:0 18px 14px}.nav{display:grid;gap:5px}.nav a{color:#afbed0;padding:12px 15px;border-radius:10px;display:flex;gap:13px;align-items:center;font-size:13px;font-weight:700;transition:background .15s,color .15s}.nav a:hover{background:#213954;color:#fff}.nav a.active{background:#284a70;color:#fff}.nav-ico{width:21px;text-align:center;font-size:19px;font-weight:400}.sidebar-bottom{margin-top:auto}.company-pill{border:1px solid #344a64;background:#172d49;padding:14px;border-radius:11px;display:flex;gap:11px;align-items:center;min-width:0}.company-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#4ad7ac;box-shadow:0 0 0 4px #254f55}.company-pill div{overflow:hidden}.company-pill strong{font-size:12px;color:#ebf3fd;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-pill small{color:#90a4bd;font-size:11px}.signout{margin:12px 0 0;padding:10px 16px;background:transparent;color:#97acc6;border:0;font-weight:700;width:100%;text-align:left}.signout:hover{color:#fff}.main{min-width:0;flex:1}.topbar{height:73px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.topbar-kicker{font-size:11px;letter-spacing:.12em;color:#778ba5;font-weight:800}.topbar-kicker span{padding:0 9px;color:#ccd7e5}.avatar{border-radius:50%;background:#ecf2fa;color:#4b678b;font-size:11px;font-weight:800;width:34px;height:34px;display:grid;place-items:center}.content{max-width:1550px;margin:0 auto;padding:39px 42px 30px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:800;color:#4282e9;letter-spacing:.15em;margin-bottom:7px}.page-head p{margin-top:8px}.btn{appearance:none;border:1px solid transparent;border-radius:9px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;white-space:nowrap;min-height:40px}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 5px 14px #397ff029}.btn.primary:hover{background:#2769dc}.btn.light{background:#eaf2ff;color:#2c67ba}.btn.outline{border-color:#dde6f3;background:white;color:#435875}.btn.small{font-size:11px;padding:7px 11px;min-height:33px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px 23px;min-height:172px;box-shadow:0 3px 12px #16294405}.stat-icon{width:33px;height:33px;border-radius:9px;background:#edf3ff;color:#5486e1;display:grid;place-items:center;font-size:20px;margin-bottom:15px}.stat p{font-size:12px;font-weight:700;color:#7b8da3}.stat strong{display:block;font:800 31px Manrope,sans-serif;letter-spacing:-.05em;margin:1px 0}.stat small{color:#96a5b7;font-size:11px}.two-cols{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:0 3px 14px #1d3b5705;overflow:hidden;margin-bottom:22px}.panel.pad{padding:26px}.panel.pad>p{margin:7px 0 23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 19px}.panel-head p{font-size:12px;color:var(--muted);margin-top:4px}.text-link{font-size:12px;font-weight:800;color:#3879e7}.list-rows{padding:0 22px 12px}.mini-shift{border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:15px 0}.mini-shift>div{min-width:0;flex:1}.mini-shift b{font-size:12px;display:block}.mini-shift small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.date-chip{width:42px;height:45px;border-radius:9px;background:#eff4fc;display:grid;place-items:center;line-height:1.1;font-weight:800;font-size:15px;color:#3e77d3;padding:5px;flex-shrink:0}.date-chip small{font-size:9px;text-transform:uppercase;color:#7e9ec6}.time-pill{font-size:10px;font-weight:800;color:#597594;padding:7px;background:#f3f6fa;border-radius:7px;white-space:nowrap}.quick-links{padding:0 24px 21px}.quick-links a{padding:16px 13px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;align-items:center}.quick-links b{font-size:12px}.quick-links span{font-size:10px;color:#5083d0;white-space:nowrap}.empty{padding:46px 24px;text-align:center;color:#8698ad;font-size:13px}.filters{display:flex;gap:12px;align-items:flex-end;padding:17px 20px;flex-wrap:wrap}.filters label{flex:1;min-width:165px;font-size:10px;text-transform:uppercase;letter-spacing:.03em}.filters select{font-size:12px;min-height:40px}.month-switch{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:250px}.month-switch a{display:grid;place-items:center;width:37px;height:39px;background:#f1f5fb;color:#476787;border-radius:9px;font-size:24px}.month-switch strong{min-width:150px;text-align:center;font-size:14px}.calendar-panel{overflow:hidden}.legend{font-size:11px;color:#8191a8;display:flex;align-items:center;gap:7px}.legend i{background:#4282ed;width:7px;height:7px;border-radius:50%;display:block}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 21px 21px}.calendar-week{padding:10px 7px;text-align:center;text-transform:uppercase;color:#98a5b7;font-weight:800;letter-spacing:.08em;font-size:10px;border-bottom:1px solid #e7edf5}.day{min-height:120px;border-right:1px solid #e9eef5;border-bottom:1px solid #e9eef5;padding:7px;overflow:hidden}.day:nth-child(7n){border-right:0}.day.outside{background:#fafbfd}.day-num{font-weight:800;font-size:12px;color:#5d718b;width:25px;height:25px;display:grid;place-items:center;margin-bottom:5px}.day.today .day-num{background:var(--blue);color:#fff;border-radius:50%}.shift-chip{display:block;background:#eaf2ff;border-left:2px solid #5285ef;color:#426793;padding:5px 5px 5px 7px;border-radius:4px;margin-bottom:4px;overflow:hidden;font-size:9px;line-height:1.25}.shift-chip span{font-weight:800}.shift-chip b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7694b9;font-size:9px}.more{font-size:10px;color:#5e85b7;font-weight:800}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;min-width:750px;width:100%;font-size:12px}.data-table th{background:#fafbfd;border-block:1px solid var(--line);color:#7f90a5;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:13px 20px;white-space:nowrap}.data-table td{border-bottom:1px solid #eef2f7;padding:15px 20px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table td small.cell-sub{display:block;color:var(--muted);font-size:11px;margin-top:3px}.data-table b{font-weight:800}.person-cell{display:flex;align-items:center;gap:11px;white-space:nowrap}.person-avatar{flex-shrink:0;background:#ecf2fc;color:#4d79bf;font-size:10px;font-weight:800;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.status{border-radius:30px;padding:5px 9px;font-size:10px;font-weight:800}.status.positive{background:#e4f6ee;color:#20865f}.status.neutral{background:#eef2f6;color:#738398}.actions{white-space:nowrap}.actions form{display:inline-block}.link-button{padding:3px 5px;background:transparent;border:0;color:#427ee0;font-size:11px;font-weight:800}.link-button.dangerous{color:#d65c6c}.inline-month label{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:11px}.inline-month input{width:157px}.form-stack{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dialog{border:0;border-radius:17px;box-shadow:0 25px 80px #0f253e55;max-width:min(95vw,510px);width:100%;padding:0}.dialog::backdrop{background:#101e32a9}.dialog-form{padding:27px 29px}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:25px}.dialog-header h2{font-size:22px}.dialog-close{border:0;background:#f0f4f9;border-radius:8px;width:34px;height:34px;color:#65778e}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.alert{padding:14px 17px;border-radius:9px;background:#e7f6ef;color:#16835a;border:1px solid #c1e9d6;margin-bottom:19px;font-size:12px;font-weight:700}.alert.danger{background:#fff0f1;border-color:#f7d9dc;color:#ae4050}.footer{margin:20px 0 0;padding:20px 0;color:#9eabba;font-size:11px;border-top:1px solid #e4eaf3}.auth-body{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 20%,#e2eeff,#f4f7fd 48%,#f7f9fc)}.auth-card{background:white;border-radius:19px;box-shadow:0 24px 70px #1d40601a;border:1px solid #e1eaf5;padding:41px;width:100%;max-width:500px}.auth-card .brand{margin:0 0 32px}.auth-card .brand b{color:var(--ink)}.auth-card .brand span{color:#7a8fa9}.auth-card h1{font-size:26px;margin-bottom:7px}.auth-card>p{margin-bottom:26px}.auth-card .btn{width:100%;margin-top:8px}.auth-card hr{border:0;border-top:1px solid var(--line);width:100%;margin:2px 0}
@media(max-width:1200px){.sidebar{width:215px}.content{padding:30px 25px}.topbar{padding:0 25px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-cols{grid-template-columns:1fr}.calendar{padding-inline:12px}.day{min-height:105px}}
@media(max-width:760px){.layout{display:block}.sidebar{width:100%;height:auto;min-height:0;position:static;padding:13px}.sidebar .brand{margin:0 0 12px}.sidebar .brand-mark{width:36px;height:36px}.sidebar .brand b{font-size:17px}.nav-heading,.sidebar-bottom{display:none}.nav{display:flex;flex-wrap:nowrap;overflow:auto;gap:3px;padding-bottom:2px}.nav a{font-size:11px;white-space:nowrap;padding:8px 10px;gap:7px}.nav-ico{width:auto;font-size:13px}.topbar{height:47px;padding:0 18px}.content{padding:22px 15px}.page-head{align-items:flex-start;flex-wrap:wrap}.page-head h1{font-size:26px}.stat-grid{gap:10px}.stat{padding:15px;min-height:143px}.stat strong{font-size:25px}.filters{align-items:stretch}.month-switch{width:100%;justify-content:space-between}.filters label{min-width:140px}.calendar{padding:0 5px 12px}.calendar-week{font-size:9px}.day{padding:3px 2px;min-height:77px}.day-num{font-size:10px}.shift-chip{padding:3px 2px;font-size:8px}.shift-chip small{display:none}.panel-head{padding:17px 15px}.panel-head h2{font-size:15px}.quick-links{padding-inline:12px}.quick-links a{display:block}.quick-links span{display:block;margin-top:2px}.form-row{grid-template-columns:1fr}.dialog-form{padding:20px}.auth-card{padding:25px}.inline-month label{align-items:flex-start;flex-direction:column}}
/* JKB corporate identity: ocean blue + bright yellow */
:root{--navy:#074582;--navydeep:#05346c;--ink:#0a345e;--muted:#6b829a;--line:#d9e6f4;--surface:#fff;--bg:#f4f8ff;--blue:#084c94;--bluelight:#e9f3ff;--yellow:#ffcc00}
body{background:var(--bg)}
.sidebar{background:linear-gradient(165deg,#07549e,#063a75 52%,#042e5e)}
.jkb-brand{display:flex;align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:34px;padding:11px 10px}
.jkb-brand img{display:block;width:185px;max-width:100%;height:auto;background:#fff;border-radius:5px;padding:5px}
.jkb-brand small{font-size:9px;letter-spacing:.15em;color:#a9c9ec;font-weight:800;padding-left:1px}
.nav a.active{background:#ffcc00;color:#073e7d;font-weight:900}
.nav a.active .nav-ico{color:#073e7d}
.nav a:hover:not(.active){background:#ffffff15}
.sidebar .company-dot{background:var(--yellow)}
.topbar{border-bottom:2px solid #ffcc00}
.topbar-kicker{color:#477299}
.avatar{color:#063c78;background:#ffcc00;width:42px;border-radius:10px}
.eyebrow{color:#0555a4}
.btn.primary{background:var(--yellow);color:#073e7c;box-shadow:0 4px 12px #f2c40033;border-color:#f2c200}
.btn.primary:hover{background:#f2c000}
.btn.light{background:#e9f3ff;color:#074d95}
.btn.outline{border-color:#bed5ef;color:#074882}
.btn:focus-visible,.planning-tabs a:focus-visible,.link-button:focus-visible{outline:3px solid #ffcc00;outline-offset:2px}
.stat{border-top:3px solid #ffcc00}
.stat-icon{background:#fff5c8;color:#064e94}
.stat strong{color:#073f7d}
.text-link,.link-button{color:#0756a5}
.date-chip{background:#fff3c1;color:#06488b}
.time-pill{background:#e8f3ff;color:#13558a}
.day.today .day-num{background:#ffcc00;color:#063c74}
.shift-chip{background:#eef6ff;border-color:#ffcc00;color:#0a4c8a}
.shift-chip small{color:#577fa3}
.data-table th{background:#ecf4ff;color:#07467f}
.data-table td{border-color:#e6edf6}
.status.positive{background:#e7f7ed;color:#1c7755}
.company-pill{border-color:#ffffff1a}
.auth-body{background:radial-gradient(circle at top left,#fff5c5,#f1f7ff 52%,#e1efff)}
.auth-logo{margin:0 auto 27px;max-width:215px}
.auth-logo img{width:100%;height:auto;display:block}
.planning-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.planning-tabs a{display:flex;align-items:center;min-height:46px;padding:10px 18px;background:#fff;border:1px solid #dce8f6;border-radius:11px;color:#35618c;font-size:12px;font-weight:800;transition:background .15s}
.planning-tabs a:hover{background:#e7f3ff}
.planning-tabs a.selected{color:#073e7d;background:#ffcc00;border-color:#f0bd00;box-shadow:0 2px 0 #e0b200}
.board-badge{display:inline-block;border:1px solid #f0d35b;background:#fff7ce;color:#6e5400;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.schedule-days{padding:0 22px 22px}
.schedule-day{display:grid;grid-template-columns:130px 1fr auto;min-height:67px;align-items:center;border-top:1px solid var(--line);gap:17px;padding:11px 3px}
.schedule-date{display:flex;align-items:center;gap:9px}
.schedule-date strong{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;background:#edf4fc;border-radius:8px;color:#0b4a8b;font-size:16px}
.schedule-date span{font-size:11px;color:#67829d;font-weight:750}
.schedule-entries{display:flex;gap:7px;flex-wrap:wrap;min-width:0}
.schedule-entry{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#ecf5ff;border-left:3px solid #ffcc00;border-radius:7px;padding:9px 12px;color:#164f85;font-size:11px;min-width:205px}
.schedule-entry b{font-size:12px}
.entry-time{color:#0a4c8a;white-space:nowrap;font-weight:800}
.entry-hours{font-weight:800;margin-left:auto;white-space:nowrap;color:#55799a}
.nothing-scheduled{font-size:12px;color:#95a7b7}
.add-small{border:1px dashed #b4cbe4;border-radius:8px;background:#fff;color:#08529a;font-size:11px;font-weight:800;padding:9px 12px;white-space:nowrap}
.add-small:hover{background:#fff7cc;border-color:#ffcc00}
.add-small:disabled{opacity:.35;cursor:not-allowed}
.schedule-board>.panel-head{border-bottom:1px solid #e4edf7}
@media(max-width:1000px){.schedule-day{grid-template-columns:115px 1fr}.schedule-actions{grid-column:2}.schedule-entries{grid-column:2}}
@media(max-width:760px){.jkb-brand{align-items:center;padding:2px;margin:0 0 12px}.jkb-brand img{width:130px}.jkb-brand small{font-size:8px}.planning-tabs{gap:6px}.planning-tabs a{font-size:10px;padding:8px 9px;min-height:39px}.schedule-days{padding:0 12px 14px}.schedule-day{grid-template-columns:1fr;gap:7px;padding:12px 0}.schedule-entries,.schedule-actions{grid-column:1}.schedule-entry{min-width:min(100%,220px)}.board-badge{font-size:9px}.topbar-kicker{font-size:9px}}

/* JKB Personalmanagement UG — Corporate Design: Dunkelblau + Gelb */
:root{--navy:#0a0a78;--navydeep:#05054e;--ink:#11134b;--muted:#70779a;--line:#e0e4f5;--surface:#fff;--bg:#f5f6fc;--blue:#12128c;--bluelight:#eeefff;--yellow:#ffcf14}
.sidebar{background:linear-gradient(165deg,#121286,#09096b 55%,#05054e)}
.nav a.active{background:#ffcf14;color:#080869}
.nav a.active .nav-ico{color:#080869}
.topbar{border-bottom-color:#ffcf14}
.topbar-kicker{color:#3c4292}
.avatar{color:#080868;background:#ffcf14}
.eyebrow{color:#16168a}
.btn.primary{background:#ffcf14;color:#09096f;border-color:#edc006;box-shadow:0 4px 12px #eec50033}
.btn.primary:hover{background:#f5c400}
.btn.light{background:#ededfc;color:#171781}
.btn.outline{border-color:#c5c9ef;color:#111179}
.stat{border-top-color:#ffcf14}
.stat-icon{background:#fff6d6;color:#11118a}
.stat strong{color:#131378}
.text-link,.link-button{color:#15158a}
.date-chip{background:#fff5cc;color:#14147f}
.time-pill{background:#eeefff;color:#14147f}
.day.today .day-num{background:#ffcf14;color:#08086e}
.shift-chip{background:#f2f2ff;border-color:#ffcf14;color:#171783}
.shift-chip small{color:#686ca1}
.data-table th{background:#efefff;color:#11117e}
.add-small:hover{background:#fff7d5;border-color:#ffcf14}
.schedule-entry{background:#f1f1ff;border-left-color:#ffcf14;color:#16167c}
.entry-time,.entry-hours{color:#14147a}
.planning-tabs a.selected{background:#ffcf14;border-color:#eac000;color:#0b0b6f}
.board-badge{background:#fff6d1;border-color:#eed15a}
.auth-body{background:radial-gradient(circle at top left,#fff9db,#f6f6ff 50%,#ececff)}
.jkb-brand img{background:#fff;padding:6px;border-radius:6px}
.jkb-brand small{color:#d8d9ff}

/* Objektabhängige Schichtvorlagen */
[hidden]{display:none!important}
.template-hint{font-size:12px;color:#6c7097;background:#f6f6ff;border-left:3px solid #ffcf14;padding:10px 12px;border-radius:6px}
.template-hint a{font-weight:800;color:#0d0d83;text-decoration:underline}
.template-mini{font-size:10px;background:#ffefaf;color:#0b0b75;padding:3px 6px;border-radius:5px;font-weight:800}
.help-panel{padding:15px 18px;margin:16px 0;border-left:4px solid #ffcf14;background:#fff8dc;border-radius:7px;color:#514c2e;font-size:12px}


/* SCHNELLPLANUNG — gezielte Mehrfachauswahl, objektbezogene Vorlagen */
.flash-icon{display:inline-block;font-size:.75em;transform:translateY(-2px)}
.quick-intro{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:16px 20px;background:linear-gradient(90deg,#13137d,#232394);color:#f7f7ff;border-radius:12px;box-shadow:0 9px 24px #13137712;flex-wrap:wrap}
.quick-intro span{font-size:12px;color:#ececff;white-space:nowrap}.quick-intro span b{color:#fff;font-weight:800}.quick-intro span:first-child{color:#ffcf14}.quick-intro .quick-divider{color:#ffcf14;font-size:20px;font-weight:900}
.quick-form{display:grid;gap:18px}.quick-setup,.quick-people,.quick-dates{overflow:hidden}.quick-setup{padding:23px 24px}.quick-section-head{display:flex;align-items:center;gap:13px;margin-bottom:19px}.quick-section-head h2{font-size:17px;letter-spacing:-.025em;color:#12124f}.quick-section-head p{margin-top:4px;font-size:12px;color:#7b80a4;font-weight:500}.quick-section-head .text-link{margin-left:auto;font-size:11px;white-space:nowrap}.quick-step{width:37px;height:37px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#ffcf14;color:#12126b;font-size:13px;font-weight:900;box-shadow:inset 0 -2px 0 #e5b700}
.quick-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.quick-setup-grid label{display:grid;gap:9px;font-size:12px;font-weight:800;color:#23246d}.quick-setup-grid select{width:100%;min-height:48px;background-color:#fcfcff;border:1px solid #ccd0e7;border-radius:10px;padding:10px 13px;font:inherit;font-size:13px;color:#151574;outline-offset:2px}
.quick-setup-grid select:focus-visible,.quick-search:focus-visible{outline:3px solid #ffcf14}.quick-hint{margin-top:12px;font-size:11px;color:#737ba1}
.quick-columns{display:grid;grid-template-columns:minmax(280px,0.85fr) minmax(390px,1.4fr);gap:18px;align-items:stretch}.quick-people,.quick-dates{padding:23px 22px;min-width:0}
.quick-people-tools{display:grid;gap:10px;padding-bottom:12px}.quick-people-tools input{height:42px;border:1px solid #d6d9ee;border-radius:9px;padding:0 13px;color:#12126d;background:#fbfbff;width:100%;font-size:12px}
.quick-inline-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.quick-inline-actions .link-button{font-weight:800;font-size:11px}.quick-people-list{display:grid;gap:5px;max-height:425px;overflow:auto;overscroll-behavior:contain;padding-right:3px}.quick-person{cursor:pointer;display:flex;align-items:center;gap:10px;border:1px solid #eef0fa;border-radius:10px;padding:9px 11px;min-height:49px;background:#fff;transition:background .12s,border-color .12s}.quick-person:hover{background:#f8f8ff;border-color:#d8d8fc}.quick-person:focus-within{outline:2px solid #ffcf14;outline-offset:1px}.quick-person.chosen{background:#fff9e2;border-color:#efd060}.quick-person input{accent-color:#111177;width:16px;height:16px;flex-shrink:0;cursor:pointer}.quick-person-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eeeefe;color:#19197e;font-size:10px;font-weight:900}.quick-person-name{font-size:12px;font-weight:700;color:#242453;flex:1}.quick-person-check{display:none;color:#10116b;font-size:15px}.quick-person.chosen .quick-person-check{display:block}
.quick-date-tools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:4px 0 13px}.quick-date-tools>span{font-size:11px;color:#747b9a}.quick-tool-btn{border:1px solid #d6dbef;background:#f9f9ff;padding:7px 10px;border-radius:7px;color:#252579;font-size:11px;font-weight:850}.quick-tool-btn:hover{background:#fff5ca;border-color:#ffcf14}
.quick-month-nav{display:flex;align-items:center;gap:7px;margin-left:auto}.quick-month-nav span{font-size:11px;font-weight:800;color:#141475;white-space:nowrap}.quick-month-nav a{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e1e3f2;border-radius:7px;font-size:22px;font-weight:700;color:#10107b;background:#fafaff}.quick-month-nav a:hover{background:#fff2bd;border-color:#ffcf14}
.quick-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.quick-dayname{text-align:center;padding:5px 0 10px;color:#767f9f;font-size:10px;font-weight:900}.quick-day{cursor:pointer;position:relative;border:1px solid #e1e4f2;border-radius:9px;background:#fbfbff;min-height:65px;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s;min-width:0}.quick-day:hover{background:#f0f0ff;border-color:#aaade4}.quick-day.chosen{border-color:#e9bc00;background:#ffdf5c;box-shadow:0 2px 0 #e9b600}.quick-day.is-today:not(.chosen){border:2px solid #18188e}.quick-day:focus-within{outline:3px solid #15158b;outline-offset:1px}.quick-day input{position:absolute;opacity:0;width:1px;height:1px;top:50%;left:50%}.quick-date-number{font-size:16px;font-weight:900;color:#24246b}.quick-day-tick{display:none;position:absolute;right:5px;top:2px;color:#101074;font-size:12px;font-weight:900}.quick-day.chosen .quick-day-tick{display:block}.quick-helper{font-size:11px;line-height:1.55;color:#858aa6;margin-top:14px}
.quick-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#0e0e74;border-radius:14px;padding:19px 23px;box-shadow:0 12px 26px #10107d19;color:#fff}.quick-submit-info{display:flex;align-items:center;gap:13px}.quick-submit-mark{font-size:22px;display:grid;place-items:center;background:#ffcf14;border-radius:10px;color:#13136e;min-width:45px;min-height:45px}.quick-submit-info b{display:block;font-size:15px;line-height:1.4}.quick-submit-info small{display:block;color:#d4d4f6;font-size:11px;margin-top:4px}.quick-submit{min-height:47px;white-space:nowrap;padding-inline:25px}.quick-submit:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.quick-bottom-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end;margin-top:17px;font-size:12px}
@media(max-width:1080px){.quick-columns{grid-template-columns:1fr}.quick-people-list{max-height:270px}.quick-intro{gap:8px}}
@media(max-width:760px){.quick-setup,.quick-people,.quick-dates{padding:17px 15px}.quick-setup-grid{grid-template-columns:1fr}.quick-intro{padding:13px;gap:7px}.quick-intro span{font-size:10px}.quick-intro .quick-divider{font-size:13px}.quick-section-head{flex-wrap:wrap}.quick-section-head .text-link{margin-left:0}.quick-month-nav{margin-left:0}.quick-calendar{gap:4px}.quick-day{min-height:48px;border-radius:6px}.quick-date-number{font-size:14px}.quick-date-tools{align-items:start}.quick-submit-bar{flex-direction:column;align-items:stretch;padding:17px}.quick-submit{width:100%}.quick-submit-info b{font-size:13px}}

.av-table{border-collapse:separate;border-spacing:2px;min-width:1050px}.av-table th:not(.av-name),.av-table td.av-cell{min-width:29px;text-align:center;padding:3px}.av-name{position:sticky;left:0;background:#fff;min-width:180px;z-index:2}.av-dot{width:27px;height:29px;border:0;border-radius:5px;cursor:pointer;font-weight:800}.av-free{background:#e8f4e9;color:#237a41}.av-busy{background:#dbeafe;color:#17499b}.av-blocked{background:#ffe2df;color:#a52c28}.av-legend{display:inline-block;border-radius:5px;padding:5px 9px;margin:3px;font-size:12px;font-weight:700}

/* Stundenübersicht – eigenständiges, responsives Dashboard */
.hours-page{max-width:1440px;margin:auto;display:grid;gap:22px}
.hours-hero{background:linear-gradient(118deg,#0c0c72 0%,#151595 74%,#2525a2 100%);border-radius:18px;padding:30px 34px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 12px 28px #11116c18}
.hours-hero .eyebrow{color:#ffe064;font-size:10px;letter-spacing:.14em;margin-bottom:8px}
.hours-hero h1{color:#fff;font-size:31px;line-height:1.15;margin:0 0 8px}
.hours-hero p:not(.eyebrow){color:#dcdfff;font-size:13px;line-height:1.6}
.hours-pdf{background:#ffcf14!important;color:#10106e!important;font-weight:850;white-space:nowrap;border:0!important;padding:14px 18px!important}
.hours-filter{display:flex;gap:14px;align-items:end;background:#fff;padding:17px 20px;border:1px solid #e5e7f5;border-radius:14px;box-shadow:0 3px 10px #13136d08}
.hours-filter label{font-weight:800;color:#202369;display:grid;gap:7px;flex:1;max-width:350px;font-size:12px}
.hours-filter input{min-height:43px;width:100%;border:1px solid #d9ddf1;border-radius:9px;padding:9px 12px}
.hours-filter .btn{min-height:43px}
.hours-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hours-metric{background:#fff;border:1px solid #e3e6f5;border-top:4px solid #ffcf14;border-radius:13px;padding:21px 19px;box-shadow:0 5px 14px #17176b09;display:flex;flex-direction:column;gap:9px}
.hours-metric span{color:#70759b;font-size:11px;font-weight:800}
.hours-metric strong{font-size:27px;color:#10106f;line-height:1.1;font-variant-numeric:tabular-nums}
.hours-metric strong small{font-size:15px}
.hours-metric em{font-size:11px;color:#858aa9;font-style:normal}
.hours-card{background:#fff;border:1px solid #e2e5f4;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #10106b0a}
.hours-card-head{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #e8eaf6;gap:15px}
.hours-card-head h2{color:#11116e;font-size:18px;margin:0 0 5px}
.hours-card-head p{color:#8588a3;font-size:12px}
.hours-card-head>span{font-size:11px;font-weight:850;background:#fff5ce;color:#555016;border-radius:20px;padding:7px 11px;white-space:nowrap}
.hours-scroll{overflow-x:auto}
.hours-table{width:100%;border-collapse:collapse;font-size:12px;min-width:620px}
.hours-table th{padding:14px 20px;background:#f2f3fd;color:#242476;text-align:left;font-size:11px;white-space:nowrap;border-bottom:1px solid #e2e5f4}
.hours-table td{padding:13px 20px;color:#3b416f;border-bottom:1px solid #edf0f8}
.hours-table tbody tr:nth-child(even){background:#fafaff}
.hours-table tbody tr:hover{background:#fffbea}
.hours-table tbody tr:last-child td{border-bottom:0}
.hours-table .hours-name{font-weight:750;color:#13136e}
.hours-table .hours-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.hours-value{background:#f1f1ff;border-radius:7px;color:#11117a;font-weight:850;padding:6px 9px;display:inline-block}
.hours-disclaimer{font-size:11px;color:#8589a4;line-height:1.6;padding:0 3px 10px}
@media(max-width:1150px){.hours-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hours-hero{flex-direction:column;align-items:stretch;padding:23px}.hours-hero h1{font-size:25px}.hours-metrics{grid-template-columns:1fr 1fr}.hours-metric{padding:15px}.hours-metric strong{font-size:22px}.hours-filter{flex-wrap:wrap}.hours-filter label{max-width:none}.hours-card-head{padding:17px}.hours-card-head h2{font-size:16px}}

/* 2026 UI polish: crisp SVG navigation and compact employee selection */
.nav{gap:5px}
.nav a{border-radius:12px;min-height:46px;gap:13px;transition:background .16s,transform .16s,color .16s}
.nav a:hover{transform:translateX(2px);background:#24248b;color:#fff}
.nav a.active{background:#ffcf14;color:#0b0b70;box-shadow:0 4px 14px #0000001c}
.nav a.active:hover{background:#ffd839;color:#0b0b70}
.nav-ico{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px}
.nav-ico svg{display:block;width:19px;height:19px}
.nav a.active .nav-ico{color:#0b0b70}
.quick-people-list{gap:7px;padding:2px 5px 2px 1px}
.quick-people-list .quick-person{display:grid!important;grid-template-columns:19px 36px minmax(0,1fr) 19px!important;flex-direction:row!important;align-items:center!important;gap:11px!important;min-height:60px!important;padding:10px 13px!important;border:1px solid #e5e8f5;border-radius:12px;background:#fff;box-shadow:0 1px 2px #14145b08}
.quick-people-list .quick-person:hover{border-color:#a9ace5;background:#f8f9ff}
.quick-people-list .quick-person.chosen{background:#fff9df;border-color:#f0c93a;box-shadow:0 0 0 1px #ffcf1438}
.quick-people-list .quick-person input[type=checkbox]{appearance:none;-webkit-appearance:none;display:block!important;position:relative;margin:0!important;width:18px!important;height:18px!important;min-width:18px!important;border:1.5px solid #aab2cf!important;border-radius:5px!important;background:#fff!important;padding:0!important}
.quick-people-list .quick-person input[type=checkbox]:checked{background:#0d0d73!important;border-color:#0d0d73!important}
.quick-people-list .quick-person input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
.quick-people-list .quick-person-avatar{width:36px;height:36px;border-radius:10px;background:#ededff;color:#11117a;font-size:11px}
.quick-people-list .quick-person-name{display:block!important;text-align:left!important;min-width:0;overflow-wrap:anywhere;line-height:1.4;font-size:12px}
.quick-people-list .quick-person-check{font-size:16px;text-align:center}
.quick-people-tools input[type=search]{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23878bad' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat 13px center;padding-left:39px;border-radius:11px}
.quick-inline-actions .link-button{border-radius:7px;padding:6px 8px}
.quick-inline-actions .link-button:hover{background:#fff4c5;color:#10106e}
@media(max-width:760px){.nav a:hover{transform:none}.quick-people-list .quick-person{grid-template-columns:19px 34px minmax(0,1fr) 16px!important;min-height:57px!important}}

/* JKB 2026: unified administration layout */
:root{--jkb-navy:#10116e;--jkb-gold:#ffcf14}
.sidebar{background:linear-gradient(180deg,#0d0d6a 0%,#111178 65%,#08084e 100%)}
.nav{display:grid;gap:5px}
.nav a{display:flex;align-items:center;min-height:47px;padding:11px 14px;border-radius:12px;gap:12px;font-weight:750;transition:background .15s ease,transform .15s ease}
.nav a:hover{background:#292990;transform:translateX(2px)}
.nav a.active,.nav a.active:hover{background:var(--jkb-gold);color:#10106e;box-shadow:0 5px 14px #0002}
.nav-ico{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px}
.nav-ico svg{display:block;width:19px;height:19px}
.nav a.active .nav-ico{color:#10106e}
.sidebar-bottom .company-pill{border:1px solid #ffffff20;border-radius:12px;background:#ffffff13}
.quick-links-redesign{display:grid;gap:9px;padding:4px 20px 20px}
.quick-links-redesign a{border:1px solid #e6e8f4;border-radius:12px;padding:13px;display:flex;gap:13px;align-items:center;background:#fff;transition:background .15s,border-color .15s,transform .15s}
.quick-links-redesign a:hover{background:#fffbee;border-color:#e6c955;transform:translateY(-1px)}
.quick-links-redesign .ql-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:0 0 40px;background:#f0f1ff;color:#17177e}
.quick-links-redesign .ql-content{display:grid;gap:4px;min-width:0;flex:1}
.quick-links-redesign .ql-content b{font-size:12px;color:#11116e}
.quick-links-redesign .ql-content small{font-size:10px;color:#8086a6}
.quick-links-redesign .ql-arrow{font-size:22px;color:#a0a4be}
.availability-panel{overflow:hidden;border-radius:15px;box-shadow:0 5px 18px #11116a0a}
.availability-panel .table-scroll{padding:0 14px 16px}
.av-table{border-collapse:separate;border-spacing:0 3px;min-width:1200px}
.av-table thead th{position:sticky;top:0;background:#10116e!important;color:white!important;z-index:3;text-align:center;font-size:10px;padding:11px 2px!important;border:0}
.av-table thead th small{display:block;font-size:9px;color:#c7cbff;margin-top:4px}
.av-table thead th.av-name{left:0;z-index:5;text-align:left;padding-left:16px!important;min-width:210px}
.av-table tbody tr{background:#fff}
.av-table tbody tr:nth-child(even){background:#f8f9ff}
.av-table tbody tr:hover{background:#fff9e9}
.av-table td{border-bottom:1px solid #e9ecf6!important;padding:6px 3px!important}
.av-table td.av-name{left:0;z-index:2;background:inherit;min-width:210px;padding:9px 14px!important;border-right:1px solid #e8eaf6}
.av-table td.av-name b{font-size:11px;color:#11116e}
.av-table .av-cell{text-align:center}
.av-table .av-dot{height:29px;width:28px;border-radius:8px;font-size:13px;transition:transform .13s,box-shadow .13s}
.av-table .av-dot:hover{transform:scale(1.13);box-shadow:0 2px 7px #10106b24}
.av-table .av-dot:focus-visible{outline:2px solid #10116e;outline-offset:2px}
.av-table .av-free{background:#e4f3e8;color:#21804b}
.av-table .av-busy{background:#dce9ff;color:#1b55b2}
.av-table .av-blocked{background:#ffe4e4;color:#a72f38}
.help-panel{border:1px solid #e4e8f4;border-radius:13px;background:white;padding:14px 18px}
.help-panel .av-legend{border-radius:8px}
@media(max-width:760px){.nav{display:flex}.nav a:hover{transform:none}.quick-links-redesign{padding:8px 14px 18px}.quick-links-redesign a{display:flex}.quick-links-redesign .ql-content small{display:block}}

/* Dienstplanung: cohesive header, action banner and navigation */
.plan-action-banner{display:flex;align-items:center;gap:17px;padding:20px 22px;margin:20px 0 13px;background:linear-gradient(110deg,#fff 0%,#fff9df 100%);border:1px solid #f0e3a7;border-left:5px solid #ffcf14;border-radius:15px;box-shadow:0 5px 17px #12126a0a}
.plan-action-symbol{display:grid;place-items:center;flex:0 0 49px;width:49px;height:49px;border-radius:13px;background:#ffcf14;color:#10106e}
.plan-action-copy{display:grid;gap:6px;flex:1;min-width:0}
.plan-action-copy strong{font-size:15px;color:#10106e;line-height:1.3}
.plan-action-copy span{font-size:12px;color:#666c91;line-height:1.5}
.plan-action-cta{white-space:nowrap;display:flex;align-items:center;gap:10px;justify-content:center;min-height:43px;padding:10px 17px!important;border-radius:10px!important}
.planning-tabs-polished{display:flex;gap:9px;align-items:center;margin:0 0 20px;padding:6px;background:#fff;border:1px solid #e1e5f4;border-radius:13px;width:max-content;max-width:100%;box-shadow:0 3px 10px #14146a09}
.planning-tabs-polished a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;border:0!important;border-radius:9px!important;padding:10px 17px!important;background:transparent!important;color:#414675!important;box-shadow:none!important;font-weight:750;transition:background .15s,color .15s}
.planning-tabs-polished a:hover{background:#f0f1ff!important;color:#10106e!important}
.planning-tabs-polished a.selected,.planning-tabs-polished a.selected:hover{background:#ffcf14!important;color:#10106e!important;box-shadow:0 2px 6px #ffcf143d!important}
.planning-tabs-polished svg{flex:0 0 17px}
/* Dense monthly availability matrix, readable headings and sticky names */
.availability-panel .panel-head{padding:22px 24px 16px}
.availability-panel .panel-head h2{font-size:20px;letter-spacing:-.02em}
.availability-panel .table-scroll{overflow-x:auto;scrollbar-color:#b8c1e4 transparent}
.av-table{table-layout:fixed;border-spacing:0 4px;min-width:1180px}
.av-table thead th{height:53px!important;line-height:1.25;font-weight:800;letter-spacing:.02em}
.av-table thead th.av-name{width:215px;min-width:215px!important}
.av-table tbody tr{height:44px}
.av-table td.av-name{width:215px;min-width:215px!important}
.av-table tbody td.av-name b{font-size:12px;line-height:1.3}
.av-table .av-dot{border-radius:8px!important;width:27px!important;height:27px!important;display:inline-grid;place-items:center}
@media(max-width:800px){.plan-action-banner{flex-wrap:wrap;padding:16px;gap:12px}.plan-action-cta{width:100%}.planning-tabs-polished{width:100%;overflow-x:auto}.planning-tabs-polished a{flex:1;white-space:nowrap;padding:10px!important;font-size:11px}.availability-panel .panel-head{padding:17px}}

/* Custom calendar status icons – accessible, scalable and crisp */
.av-table .av-dot{display:inline-flex!important;align-items:center;justify-content:center;width:31px!important;height:31px!important;border:1px solid transparent;border-radius:9px;cursor:pointer}
.av-table .jkb-status-icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.av-table .av-busy{background:#dce9ff!important;color:#2056b5!important;border-color:#cbdcfb}
.av-table .av-free{background:#e6f4eb!important;color:#258252!important;border-color:#d8eadf}
.av-table .av-blocked{background:#ffe5e8!important;color:#b33045!important;border-color:#f4ccd4}
.av-table .av-dot:hover{filter:brightness(.97);transform:translateY(-1px) scale(1.07)}
.av-table .av-dot:focus-visible{outline:2px solid #ffcf14;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.av-table .av-dot{transition:none!important}.av-table .av-dot:hover{transform:none}}

/* Mitarbeiterportal */
.portal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.portal-actions form{margin:0}
.employee-portal-body{background:#f3f5fc;color:#11116e;min-height:100vh}
.portal-header{background:#10106f;color:#fff;display:flex;align-items:center;gap:20px;padding:14px max(20px,calc((100vw - 1180px)/2));box-shadow:0 5px 18px #10106f20}
.portal-header img{width:125px;max-height:65px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}
.portal-header>div{display:grid;gap:5px;flex:1}.portal-header small{color:#cdd3ff}
.portal-main{max-width:1180px;margin:30px auto;padding:0 20px;display:grid;gap:22px}
.portal-tabs{display:flex;gap:9px;flex-wrap:wrap}.portal-tabs a{background:#fff;border:1px solid #e0e5f5;border-radius:10px;padding:13px 18px;color:#10106f;font-weight:750;text-decoration:none}
.portal-tabs a.active{background:#ffcf14;border-color:#ffcf14}
.portal-title{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.portal-title h1{font-size:30px;margin:5px 0}
.portal-title label{display:grid;gap:5px;font-weight:750}
.portal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.portal-stats>div{background:#fff;border:1px solid #e2e6f5;border-top:4px solid #ffcf14;border-radius:13px;padding:23px;display:grid;gap:13px}
.portal-stats small{color:#7a82a7}.portal-stats strong{font-size:25px;color:#11116e}
.portal-panel{background:#fff;border:1px solid #e2e6f5;border-radius:14px;padding:24px;box-shadow:0 5px 20px #10106f0a}
.portal-panel h1,.portal-panel h2{margin:0 0 20px}
.portal-chat-grid{display:grid;grid-template-columns:250px 1fr;gap:20px}
.portal-chat-people{display:grid;align-content:start;gap:6px}
.portal-chat-people a{padding:12px;border-radius:9px;background:#f2f4fc;text-decoration:none;color:#10106f}
.portal-chat-people a.selected{background:#ffcf14;font-weight:800}
.portal-chat-history{display:flex;flex-direction:column;gap:12px;min-height:180px;max-height:460px;overflow:auto;padding:12px 4px 18px}
.portal-message{max-width:82%;align-self:flex-start;background:#f0f2fa;border-radius:12px;padding:12px 16px;color:#23265e}
.portal-message.own{align-self:flex-end;background:#e3e9ff}
.portal-message small{color:#777fa4}.portal-message p{margin:7px 0 0;overflow-wrap:anywhere;line-height:1.5}
@media(max-width:720px){.portal-header{padding:12px 15px;gap:9px}.portal-header img{width:85px}.portal-main{margin:18px auto}.portal-stats{grid-template-columns:1fr}.portal-chat-grid{grid-template-columns:1fr}.portal-chat-people{display:flex;overflow-x:auto}.portal-title h1{font-size:24px}}

.module-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.module-toggle{display:flex;align-items:center;gap:13px;padding:16px;background:#f8f9ff;border:1px solid #e0e5f5;border-radius:12px;cursor:pointer}
.module-toggle>span:nth-child(2){flex:1;display:grid;gap:5px}.module-toggle small{color:#848bab}.module-toggle-icon{color:#e4b700}
.module-toggle input{appearance:auto;width:21px;height:21px;accent-color:#14147a;cursor:pointer}
.portal-admin-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}
.portal-tabs{max-width:100%;row-gap:9px}
.portal-tabs a{font-size:12px;transition:background .15s,border-color .15s}.portal-tabs a:hover{border-color:#ffcf14;background:#fff9df}
.portal-record{display:block;border:1px solid #e4e8f4;border-radius:11px;padding:14px;margin:10px 0;background:#f9faff;overflow-wrap:anywhere}
.portal-record strong{color:#11116e}.portal-record small{display:block;color:#7d83a2;margin-bottom:5px}.portal-record p{margin:7px 0}
.portal-module-form{max-width:600px}.portal-panel .portal-record .btn{margin-top:8px}
@media(max-width:760px){.module-admin-grid{grid-template-columns:1fr}.portal-admin-forms{grid-template-columns:1fr}}

/* Premium administration module settings */
.module-page{max-width:1520px;margin:0 auto;padding-bottom:24px}.module-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.module-page-heading .eyebrow{letter-spacing:.15em;color:#686ca0;font-size:10px;font-weight:850}.module-page-heading h1{font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;margin:8px 0 7px;color:#10116e}.module-page-heading p{margin:0;color:#7a80a7;font-size:13px;line-height:1.6}.module-heading-icon{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;background:#ffcf14;border-radius:18px;box-shadow:0 8px 22px #e7b60022}.module-heading-icon svg{width:30px;height:30px;color:#10116e}.module-settings-form{background:#fff;border:1px solid #e3e7f5;border-radius:20px;padding:26px;box-shadow:0 12px 35px #15166c0a}.module-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.module-toolbar-left{display:flex;align-items:center;gap:13px}.module-total-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#f1f1ff;color:#151573;font-size:20px}.module-toolbar-left>div:last-child{display:grid;gap:5px}.module-toolbar-left strong{color:#11116f;font-size:15px}.module-toolbar-left span{font-size:12px;color:#8187a8}.module-toolbar-left span b{color:#10116e}.module-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.module-tool-button{background:#f7f8ff;border:1px solid #dfe3f2;color:#141476;font-weight:750;font-size:12px;border-radius:10px;padding:11px 14px;cursor:pointer}.module-tool-button:hover{background:#fff5c7;border-color:#f3ce45}.module-progress{height:6px;background:#edf0f8;border-radius:10px;overflow:hidden;margin-bottom:23px}.module-progress span{height:100%;display:block;background:#ffcf14;border-radius:10px;transition:width .2s ease}.module-admin-grid-premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-premium-card{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:148px;padding:19px 20px;background:#fafbff;border:1px solid #e5e8f5;border-radius:15px;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.module-premium-card:hover{border-color:#c2c8e9;box-shadow:0 8px 22px #15166c0d;transform:translateY(-1px)}.module-premium-card.is-enabled{background:#fffdf4;border-color:#efd87a}.module-premium-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.module-premium-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#ebedff;color:#171778}.module-premium-icon svg{width:22px;height:22px}.module-premium-card.is-enabled .module-premium-icon{background:#fff0aa}.module-premium-name{font-size:14px;line-height:1.4;font-weight:850;color:#11116e;flex:1}.module-premium-bottom{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;color:#858ba7}.module-status-dot{width:7px;height:7px;background:#aeb4c9;border-radius:50%}.module-premium-card.is-enabled .module-status-dot{background:#22a36d}.module-premium-card.is-enabled .module-status-text{color:#168457;font-weight:750}.module-premium-switch{position:relative;display:block;flex:0 0 44px;width:44px;height:26px}.module-native-checkbox{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.module-switch-track{display:flex;align-items:center;width:44px;height:26px;padding:3px;border-radius:20px;background:#d9ddec;transition:background .2s}.module-switch-thumb{display:block;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0e0e5628;transition:transform .2s}.module-native-checkbox:checked+.module-switch-track{background:#10116e}.module-native-checkbox:checked+.module-switch-track .module-switch-thumb{transform:translateX(18px);background:#ffcf14}.module-native-checkbox:focus-visible+.module-switch-track{outline:3px solid #5e87ff;outline-offset:3px}.module-save-bar{border-top:1px solid #e9ecf5;margin-top:25px;padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:20px}.module-save-info{display:grid;gap:6px}.module-save-info strong{font-size:13px;color:#11116e}.module-save-info span{font-size:11px;color:#8086a6;line-height:1.5}.module-save-button{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;min-height:46px;padding:12px 18px!important}.module-save-button svg{width:17px;height:17px}@media(max-width:1100px){.module-admin-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.module-settings-form{padding:16px;border-radius:14px}.module-admin-grid-premium{grid-template-columns:1fr;gap:9px}.module-premium-card{min-height:122px;padding:15px}.module-premium-top{margin-bottom:9px}.module-save-bar{align-items:stretch;flex-direction:column}.module-save-button{justify-content:center}.module-heading-icon{width:48px;height:48px;flex-basis:48px}}

/* Objektspezifische Sicherheitszeiterfassung */
.risk-choice{display:flex!important;align-items:flex-start;gap:12px;background:#fff7d8;border:1px solid #f1d46d;border-radius:12px;padding:15px;color:#151567;font-weight:750;line-height:1.5}.risk-choice input{width:19px;height:19px;flex:0 0 19px;margin-top:2px}.safety-card{border:1px solid #e1e6f3;border-radius:14px;padding:22px;background:#fafbff;display:grid;gap:15px}.safety-card h2{color:#10106e;margin:0}.safety-card form{max-width:560px}.safety-card p{margin:0;line-height:1.6}
/* Einsatzzentrale: integrierte Live-Karte */
.jkb-live-panel{margin-bottom:22px}.jkb-live-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.jkb-live-head h2{margin:0}.jkb-live-head p{margin:5px 0 0}.jkb-live-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.jkb-live-status{font-size:12px;font-weight:700;color:#168052}.jkb-live-status.error{color:#bd3343}.jkb-live-map{height:480px;width:100%;border:1px solid #dce1f2;border-radius:14px;overflow:hidden;background:#e8edf5;z-index:0}.jkb-live-message{margin:12px 0}.jkb-live-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#737da0;border-top:1px solid #e9edf6;padding-top:14px}.jkb-legend-dot{display:inline-block;width:10px;height:10px;background:#ffcf14;border:2px solid #10116e;border-radius:50%;vertical-align:middle;margin-right:5px}.jkb-live-map .leaflet-popup-content{font-family:inherit;line-height:1.6}@media(max-width:700px){.jkb-live-map{height:350px}.jkb-live-tools{width:100%}.jkb-live-tools .btn{font-size:12px}}

/* Premium live-map employee popup */
.jkb-live-map .leaflet-popup.jkb-location-popup .leaflet-popup-content-wrapper{padding:0;border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(13,20,69,.22);overflow:hidden;border:1px solid #e6eaf6}
.jkb-live-map .leaflet-popup.jkb-location-popup .leaflet-popup-content{margin:0!important;width:auto!important;min-width:305px;font-family:inherit;line-height:1.4}
.jkb-live-map .leaflet-popup.jkb-location-popup .leaflet-popup-close-button{width:28px;height:28px;top:8px;right:8px;display:grid;place-items:center;border-radius:50%;color:#6c7597;font-size:20px;line-height:1;background:#f0f2f9;z-index:10}
.jkb-live-map .leaflet-popup.jkb-location-popup .leaflet-popup-close-button:hover{background:#e5e9f4;color:#10116e}
.jkb-location-card{color:#10116e;font-family:inherit;font-size:13px;text-align:left}
.jkb-location-card__header{display:flex;align-items:center;gap:10px;padding:19px 40px 17px 17px;background:linear-gradient(115deg,#10116e,#25268d);color:#fff}
.jkb-location-card__avatar{display:grid;place-items:center;flex:0 0 41px;height:41px;border-radius:12px;background:#ffcf14;color:#10116e;font-size:19px;font-weight:900}
.jkb-location-card__identity{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.jkb-location-card__eyebrow{font-size:9px;letter-spacing:1.15px;font-weight:800;color:#c5c9ef}
.jkb-location-card__identity strong{font-size:15px;font-weight:800;white-space:normal;overflow-wrap:anywhere}
.jkb-location-card__live{display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:4px 7px;font-size:9px;font-weight:900;letter-spacing:.4px}
.jkb-location-card__live span{width:6px;height:6px;background:#5bed98;border-radius:50%}
.jkb-location-card__body{padding:16px 17px 17px;display:grid;gap:14px}
.jkb-location-card__field{display:flex;gap:10px;align-items:center}
.jkb-location-card__icon{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f0f2fc;color:#10116e;font-size:20px;font-weight:700}
.jkb-location-card__field>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.jkb-location-card__field small{color:#7b83a5;font-size:9px;letter-spacing:.6px;font-weight:800}
.jkb-location-card__field b{font-size:12px;overflow-wrap:anywhere}
.jkb-location-card__accuracy{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;background:#eaf7ef;color:#177547}
.jkb-location-card__accuracy--medium{background:#fff5db;color:#966900}
.jkb-location-card__accuracy--poor{background:#fcebec;color:#b42c42}
.jkb-location-card__accuracy-dot{width:9px;height:9px;flex:none;border-radius:50%;background:currentColor}
.jkb-location-card__accuracy>div{display:flex;flex-direction:column;gap:3px}
.jkb-location-card__accuracy b{font-size:12px}
.jkb-location-card__accuracy small{font-size:11px;color:inherit;opacity:.85}
@media(max-width:420px){.jkb-live-map .leaflet-popup.jkb-location-popup .leaflet-popup-content{min-width:260px}.jkb-location-card__header{padding-left:12px}.jkb-location-card__body{padding:13px}}

/* JKB branded live-location marker (Leaflet DivIcon). */
.jkb-live-map .jkb-premium-marker-container{background:transparent;border:0;overflow:visible}
.jkb-premium-marker{position:relative;width:52px;height:62px;filter:drop-shadow(0 5px 8px rgba(10,15,75,.27))}
.jkb-premium-marker__halo{position:absolute;left:1px;top:1px;width:50px;height:50px;border-radius:50%;background:rgba(255,207,20,.18);border:1px solid rgba(16,17,110,.18);animation:jkb-marker-pulse 2.8s ease-out infinite;pointer-events:none}
.jkb-premium-marker__pin{position:absolute;top:6px;left:7px;width:38px;height:38px;display:grid;place-items:center;border:3px solid #fff;border-radius:14px;background:#10116e;color:#ffcf14;box-shadow:0 3px 12px rgba(16,17,110,.35);z-index:2}
.jkb-premium-marker__tip{position:absolute;top:37px;left:21px;width:11px;height:11px;transform:rotate(45deg);background:#10116e;border-right:2px solid #fff;border-bottom:2px solid #fff;z-index:1}
.jkb-premium-marker__online{position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;border:3px solid #fff;background:#17b36a;z-index:3;box-shadow:0 1px 5px rgba(0,0,0,.2)}
.jkb-live-map .jkb-premium-marker-container:hover .jkb-premium-marker__pin{background:#24269b;transform:translateY(-2px)}
@keyframes jkb-marker-pulse{0%{transform:scale(.7);opacity:.9}75%,100%{transform:scale(1.25);opacity:0}}
@media(prefers-reduced-motion:reduce){.jkb-premium-marker__halo{animation:none}}

/* Tagesstatus auf der Personalmanagement-Übersicht */
.duty-today{margin:24px 0}.duty-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 22px}.duty-stats>div{display:flex;align-items:center;gap:11px;padding:16px 18px;border:1px solid #e5e9f5;background:#f8f9ff;border-radius:15px}.duty-stats strong{font-size:27px;color:#10116e}.duty-stats small{font-size:12px;color:#71799b}.duty-dot{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#9aa4bf}.duty-dot-live{background:#15985e;box-shadow:0 0 0 4px #e2f6eb}.duty-dot-planned{background:#e8ad19;box-shadow:0 0 0 4px #fff4d3}.duty-dot-done{background:#7b85ad;box-shadow:0 0 0 4px #edf0f9}.duty-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.duty-group{border:1px solid #e4e8f3;border-radius:16px;overflow:hidden;min-width:0}.duty-group h3{display:flex;align-items:center;gap:11px;font-size:14px;color:#10116e;padding:16px;margin:0;background:#f7f8fd}.duty-group h3>span:last-child{margin-left:auto;color:#7580a5}.duty-person{display:flex;align-items:center;gap:10px;padding:14px 13px;border-top:1px solid #eef0f8}.duty-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:#10116e;color:#ffcf14;font-size:12px;font-weight:800}.duty-person>div{min-width:0;flex:1}.duty-person b,.duty-person small{display:block;overflow-wrap:anywhere}.duty-person b{font-size:13px;color:#10116e}.duty-person small{font-size:11px;color:#7d85a4;margin-top:3px}.duty-status{flex-shrink:0;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800}.duty-status.live{background:#e3f5eb;color:#157e4f}.duty-status.planned{background:#fff2d1;color:#946400}.duty-status.done{background:#eef0f8;color:#647095}.duty-empty{padding:17px;font-size:12px;color:#7c86a6}.duty-note{font-size:11px;color:#818aab;margin:16px 0 0}@media(max-width:1050px){.duty-columns{grid-template-columns:1fr}}@media(max-width:600px){.duty-stats{grid-template-columns:1fr}.duty-person{flex-wrap:wrap}}

/* Premium Dienstplan-Dashboard · vollständig isoliert von GPS / Live-Zeiterfassung */
.duty-premium{margin:28px 0 30px;background:#fff;border:1px solid #e3e7f2;border-radius:24px;overflow:hidden;box-shadow:0 14px 48px rgba(15,19,88,.045)}
.duty-hero{background:linear-gradient(110deg,#0d1054 0%,#171c7a 72%,#222989 100%);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 34px;position:relative;overflow:hidden}.duty-hero:after{content:'';position:absolute;width:260px;height:260px;right:17%;top:-190px;border:48px solid rgba(255,207,20,.075);border-radius:50%;pointer-events:none}.duty-hero-copy{position:relative;z-index:1}.duty-kicker{display:flex;align-items:center;gap:9px;color:#ffcf14;font-weight:800;letter-spacing:2px;font-size:10px}.duty-kicker-line{width:18px;height:3px;background:#ffcf14;border-radius:4px}.duty-kicker-date{color:#aab0e0;font-weight:600;letter-spacing:.4px}.duty-hero h2{color:#fff;font-size:clamp(25px,2.5vw,35px);line-height:1.15;letter-spacing:-1px;margin:12px 0 9px}.duty-hero h2 em{font-style:normal;color:#ffcf14}.duty-hero p{color:#c0c6ed;font-size:12px;max-width:630px;line-height:1.7;margin:0}.duty-plan-link{position:relative;z-index:1;white-space:nowrap;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.26);border-radius:12px;color:white;text-decoration:none;font-size:12px;font-weight:800;background:rgba(255,255,255,.07);transition:.2s}.duty-plan-link:hover{background:#ffcf14;color:#10116e;border-color:#ffcf14}.duty-plan-link span{font-size:17px}
.duty-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 24px 20px;background:#fff}.duty-metric{min-width:0;padding:18px 20px;border:1px solid #e8ebf5;border-radius:17px;background:#f8f9fd;position:relative;overflow:hidden}.duty-metric:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--metric-color)}.duty-metric-now{--metric-color:#13a16b}.duty-metric-upcoming{--metric-color:#e5a813}.duty-metric-finished{--metric-color:#8893b8}.duty-metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.duty-metric-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--metric-color);box-shadow:0 2px 9px rgba(10,15,75,.04)}.duty-metric-indicator{font-size:9px;font-weight:800;letter-spacing:.65px;color:#8088a7;display:flex;align-items:center;gap:6px;text-align:right}.duty-metric-indicator i{width:7px;height:7px;background:#13a16b;border-radius:50%;box-shadow:0 0 0 4px #e0f5ec}.duty-metric-bottom{display:flex;align-items:center;gap:16px;margin-top:15px}.duty-metric-bottom strong{font-size:40px;line-height:1;color:#10116e;letter-spacing:-2px}.duty-metric-bottom div{display:flex;flex-direction:column;gap:4px;min-width:0}.duty-metric-bottom b{font-size:13px;color:#151b55}.duty-metric-bottom small{font-size:10px;color:#7b84a5}
.duty-premium-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 24px 24px}.duty-premium-column{border:1px solid #e5e9f3;border-radius:17px;overflow:hidden;min-width:0;background:#fff}.duty-column-head{display:flex;align-items:center;gap:11px;padding:17px;background:#f7f8fc;border-bottom:1px solid #e9ecf5}.duty-column-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#e0f5eb;color:#159b64;font-size:19px;font-weight:900}.duty-col-upcoming .duty-column-icon{background:#fff3d7;color:#c68b0a}.duty-col-finished .duty-column-icon{background:#e9edf8;color:#7381ad}.duty-column-title{flex:1;min-width:0}.duty-column-title h3{font-size:13px;line-height:1.2;color:#12175a;margin:0 0 4px;font-weight:800}.duty-column-title p{font-size:10px;color:#8a93b0;margin:0}.duty-column-count{display:grid;place-items:center;min-width:29px;height:29px;padding:0 8px;border-radius:9px;background:white;color:#141968;font-size:13px;font-weight:900;border:1px solid #e7eaf3}.duty-column-list{max-height:455px;overflow-y:auto}.duty-premium-person{display:flex;align-items:flex-start;gap:10px;padding:15px 13px;border-bottom:1px solid #eff1f7;transition:background .15s}.duty-premium-person:last-child{border-bottom:0}.duty-premium-person:hover{background:#fafbff}.duty-premium-avatar{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:#14166c;color:#ffcf14;border-radius:12px;font-size:12px;font-weight:900;letter-spacing:.4px}.duty-premium-person-main{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.duty-premium-person-main b{font-size:12px;color:#11155b;line-height:1.3;overflow-wrap:anywhere}.duty-premium-object,.duty-premium-hours{display:flex;align-items:center;gap:5px;font-size:10px;color:#818ba8;line-height:1.4;overflow-wrap:anywhere}.duty-premium-object svg,.duty-premium-hours svg{flex-shrink:0}.duty-premium-hours{color:#4f5c87;font-weight:700}.duty-premium-status{flex-shrink:0;font-size:9px;font-weight:800;border-radius:7px;background:#e1f5ea;color:#168454;padding:6px 7px;white-space:nowrap}.duty-col-upcoming .duty-premium-status{background:#fff1d1;color:#9b6b00}.duty-col-finished .duty-premium-status{background:#edf0f8;color:#67759c}.duty-premium-empty{min-height:115px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:20px;color:#8c95b1;text-align:center}.duty-premium-empty span{font-size:20px;color:#b5bed6}.duty-premium-empty p{font-size:11px;line-height:1.5;margin:0}.duty-premium-footer{display:flex;align-items:center;gap:9px;padding:13px 24px;background:#f7f8fd;border-top:1px solid #e9ecf5;color:#828caa;font-size:10px;line-height:1.6}.duty-premium-footer svg{flex-shrink:0}
@media(max-width:1200px){.duty-premium-columns{grid-template-columns:1fr 1fr}.duty-premium-column:last-child{grid-column:1/-1}}@media(max-width:760px){.duty-hero{padding:25px 20px;align-items:flex-start;flex-direction:column}.duty-metrics{grid-template-columns:1fr;padding:15px}.duty-premium-columns{grid-template-columns:1fr;padding:0 15px 15px}.duty-premium-column:last-child{grid-column:auto}.duty-premium-footer{padding:14px 17px}.duty-metric-bottom strong{font-size:35px}}

/* Compact navigation groups - JKB */
.sidebar .nav{gap:3px}
.sidebar .nav-group{width:100%;min-width:0}
.sidebar .nav-group-head{display:flex;align-items:center;position:relative;border-radius:12px}
.sidebar .nav-group-head>.nav-parent{flex:1;min-width:0;margin:0;padding-right:4px}
.sidebar .nav-expand{display:grid;place-items:center;flex:0 0 34px;width:34px;height:36px;border:0;background:transparent;color:#b9c4e9;border-radius:9px;cursor:pointer;margin-right:5px}
.sidebar .nav-expand:hover,.sidebar .nav-expand:focus-visible{background:#ffffff1c;color:white}
.sidebar .nav-expand svg{transition:transform .2s ease}
.sidebar .nav-group.expanded .nav-expand svg{transform:rotate(180deg)}
.sidebar .nav-submenu{display:none;margin:3px 8px 9px 41px;padding-left:11px;border-left:1px solid #ffffff30;flex-direction:column;gap:2px}
.sidebar .nav-group.expanded .nav-submenu{display:flex}
.sidebar .nav-submenu .nav-sub-link{display:block;border-radius:8px;padding:10px 10px;font-size:12px;color:#b9c4e9;line-height:1.3;text-decoration:none;min-height:0}
.sidebar .nav-submenu .nav-sub-link:hover{background:#ffffff14;color:white}
.sidebar .nav-submenu .nav-sub-link.active{background:#ffcf1426;color:#ffdc51;font-weight:800}
.sidebar .nav-group-head:has(.nav-parent.active){background:#ffcf14;border-radius:12px}
.sidebar .nav-group-head:has(.nav-parent.active) .nav-parent{background:transparent;color:#0b0b64;box-shadow:none}
.sidebar .nav-group-head:has(.nav-parent.active) .nav-expand{color:#0b0b64}
@media(max-width:760px){.sidebar .nav-group{flex:0 0 auto;width:auto}.sidebar .nav-group-head>.nav-parent{white-space:nowrap}.sidebar .nav-expand{width:26px;flex-basis:26px}.sidebar .nav-submenu{position:absolute;z-index:100;background:#10116e;border:1px solid #ffffff35;border-radius:10px;padding:6px;margin:4px 0 0 0;box-shadow:0 12px 30px #0005;min-width:180px}.sidebar .nav-group{position:relative}}

/* JKB eigenständige Mitarbeiter-Verwaltungsseiten */
.jkb-admin-split{display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:20px;align-items:start}.jkb-admin-list,.jkb-admin-editor{overflow:hidden}.jkb-admin-list-inner{padding:16px;max-height:690px;overflow:auto}.jkb-search-label{display:block;font-size:12px;font-weight:750;margin-bottom:8px;color:#4f5684}.jkb-admin-list-inner input[type=search]{width:100%;padding:13px 15px;border:1px solid #dce2f5;border-radius:12px;margin-bottom:14px;background:#f7f8fe}.jkb-staff-choice{display:flex;gap:12px;align-items:center;padding:13px 12px;border-radius:13px;color:#10116e;text-decoration:none;border:1px solid transparent;margin-bottom:5px;transition:background .18s,border-color .18s}.jkb-staff-choice:hover{background:#f2f4fc}.jkb-staff-choice.selected{background:#f1f2ff;border-color:#cbd0f4}.jkb-staff-choice[hidden]{display:none}.jkb-staff-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#10116e;color:#ffcf14;font-size:12px;font-weight:850}.jkb-staff-details{min-width:0;flex:1}.jkb-staff-details strong,.jkb-staff-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkb-staff-details strong{font-size:13px}.jkb-staff-details small{font-size:11px;color:#7b84a7;margin-top:4px}.jkb-staff-chevron{color:#8b94bc;font-size:25px}.jkb-admin-editor{padding:26px}.jkb-admin-editor-top{display:flex;align-items:center;gap:18px;padding-bottom:22px;border-bottom:1px solid #e9ebf5}.jkb-admin-editor-top h2{margin:4px 0;font-size:24px;color:#10116e}.jkb-admin-editor-top p{margin:0;color:#8188a8;font-size:12px}.jkb-editor-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#10116e;color:#ffcf14;font-size:26px;font-weight:900}.jkb-editor-info{margin:22px 0;padding:17px 19px;border:1px solid #dfe4f6;border-left:4px solid #ffcf14;border-radius:12px;background:#f7f8fe}.jkb-editor-info strong,.jkb-editor-info span{display:block}.jkb-editor-info strong{font-size:14px;color:#10116e}.jkb-editor-info span{font-size:12px;line-height:1.6;color:#687295;margin-top:5px}.jkb-admin-form{display:grid;gap:20px;max-width:650px}.jkb-admin-form label{display:grid;gap:8px;font-size:13px;font-weight:750;color:#10116e}.jkb-admin-form input,.jkb-admin-form select{width:100%;border:1px solid #dbe1f1;border-radius:12px;background:white;padding:13px 14px;font-size:14px;color:#10116e;min-height:46px}.jkb-admin-form input:focus,.jkb-admin-form select:focus{outline:2px solid #ffcf14;outline-offset:1px}.jkb-admin-form label small{font-size:11px;font-weight:400;color:#7e87a5}.jkb-editor-actions{border-top:1px solid #e9ebf5;padding-top:22px}.jkb-editor-actions .btn{min-height:44px}@media(max-width:900px){.jkb-admin-split{grid-template-columns:1fr}.jkb-admin-list-inner{max-height:320px}.jkb-admin-editor{padding:18px}}
/* JKB Operations 2026 */
.ops-layout{display:grid;grid-template-columns:minmax(280px,0.85fr) minmax(360px,1.3fr);gap:20px;align-items:start}.ops-form{display:grid;gap:15px;padding:22px}.ops-form label{display:grid;gap:7px;font-weight:650;font-size:13px}.ops-form input,.ops-form select,.ops-form textarea,.ops-inline select{width:100%;min-width:0;border:1px solid #dfe3f0;border-radius:11px;padding:12px;font:inherit;background:white;color:#10116e}.ops-record{margin:14px 20px;padding:18px;border:1px solid #e5e8f4;border-radius:16px;background:#fff;display:grid;gap:10px}.ops-record-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.ops-record-head strong{color:#10116e}.ops-record-head small,.ops-meta{color:#737b98;font-size:12px}.ops-record p{margin:0;color:#353c5d;white-space:normal;overflow-wrap:anywhere}.ops-record form{justify-self:start}.ops-count{border-radius:30px;background:#fff2b9;color:#10116e;font-weight:800;padding:9px 14px}.ops-inline{display:flex;align-items:center;gap:8px}.ops-inline select{max-width:200px}@media(max-width:960px){.ops-layout{grid-template-columns:1fr}}

/* Navigation: independent scrolling keeps logo and account/logout visible */
@media(min-width:761px){
 .sidebar{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:12px}
 .sidebar .jkb-brand{flex:0 0 auto;margin-bottom:12px;padding-top:5px;padding-bottom:6px}
 .sidebar .jkb-brand img{width:168px}
 .sidebar .nav-heading{flex:0 0 auto;margin-bottom:7px}
 .sidebar .nav{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:2px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6771b1 transparent;padding-right:4px;padding-bottom:10px}
 .sidebar .nav>a,.sidebar .nav .nav-parent{min-height:38px;padding-top:8px;padding-bottom:8px;font-size:12px}
 .sidebar .nav .nav-expand{height:34px}
 .sidebar .nav .nav-submenu{margin-top:2px;margin-bottom:4px}
 .sidebar .nav .nav-sub-link{padding:7px 9px;font-size:11px}
 .sidebar .sidebar-bottom{position:relative;bottom:auto;flex:0 0 auto;margin-top:7px;padding-top:8px;background:transparent}
 .sidebar .company-pill{padding:9px 10px}
 .sidebar .signout{padding:9px 12px}
}
.ops-role-intro h2{margin:0 0 10px;color:#10116e}.ops-rights-table{min-width:650px}.ops-rights-table td:not(:first-child){text-align:center}.ops-rights-table th:not(:first-child){text-align:center}.ops-permission{font-size:11px;font-weight:800;white-space:nowrap}.ops-permission.allowed{color:#168353}.ops-permission.denied{color:#8a91a8}.ops-permission-warning{margin-top:20px;padding:17px 19px;background:#fff8e3;border:1px solid #eedb9a;border-radius:12px;color:#5f4c19;line-height:1.6}.ops-permission-warning p{margin:8px 0 0;font-size:12px}

/* Mobile-first PWA refinements */
.jkb-app-intro{display:flex;gap:20px;align-items:center}.jkb-app-logo{width:100px;flex:0 0 100px}.jkb-app-logo img{width:100%;border-radius:22px}.jkb-app-intro p,.jkb-app-card p{margin:9px 0 14px;line-height:1.65}.jkb-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.jkb-app-card{min-width:0}.jkb-app-card input{margin:8px 0 12px}.jkb-app-device{font-size:28px;color:#10116E}.jkb-app-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.jkb-app-actions input{flex:1 1 230px}.jkb-app-actions .btn{white-space:normal}.jkb-app-card label{min-width:0}.jkb-app-card input{font-size:12px}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.jkb-app-grid{grid-template-columns:1fr}.jkb-app-intro{align-items:flex-start}.jkb-app-logo{width:65px;flex-basis:65px}.jkb-app-intro .jkb-app-logo img{border-radius:14px}.jkb-app-actions .btn{flex:1 1 auto}.sidebar .nav{scrollbar-width:thin}.content{padding:17px 12px 30px}.panel.pad{padding:17px}.topbar-kicker{font-size:9px;letter-spacing:.03em}.employee-portal-body{max-width:100%;overflow-x:hidden}.portal-header{flex-wrap:wrap;gap:10px}.portal-header form{margin-left:auto}.data-table{min-width:640px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.dialog{max-width:calc(100vw - 18px)}input,select,textarea{font-size:16px}}
@media(max-width:400px){.jkb-app-intro{display:block}.jkb-app-logo{margin-bottom:12px}.page-head h1{font-size:24px}}