:root{color-scheme:dark;--bg:#080e18;--panel:#101a2a;--line:#25334a;--soft:#8999b1;--ink:#edf2fa;--gold:#d4b663;--blue:#81b4de;--good:#63ba93;--bad:#e38181;--warn:#dabb70;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}a{color:var(--blue)}.mono{font-family:Consolas,monospace}.muted{color:var(--soft)}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:var(--gold)}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:600;letter-spacing:-.04em}h2{font-size:15px;font-weight:600}h3{font-size:13px}p{line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:9px 13px;background:#172339;color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap}.btn:hover{background:#23334c}.btn.primary{background:var(--gold);color:#151a23;border-color:var(--gold)}.btn.ghost{background:transparent}.btn.danger{color:#f4a2a2;border-color:#603e49}.btn.icon{padding:7px;width:32px;height:32px}.btn.tiny{padding:6px 9px;font-size:11px}svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.shell{min-height:100vh;padding-left:210px}.sidebar{position:fixed;inset:0 auto 0 0;width:210px;border-right:1px solid var(--line);background:#0b1320;display:flex;flex-direction:column;padding:27px 17px;z-index:10}.brand{display:flex;align-items:center;gap:10px;margin-bottom:42px}.brand-mark{border:1px solid #78663c;border-radius:6px;color:var(--gold);font-family:Consolas,monospace;font-weight:bold;letter-spacing:-1px;font-size:16px;padding:12px 7px}.brand strong{display:block;font-size:14px;letter-spacing:.02em}.brand small{display:block;font-size:9px;color:var(--soft);letter-spacing:.12em;margin-top:5px}.nav-label{padding:0 12px;color:#62728d;font-size:9px;letter-spacing:.15em;margin:0 0 12px}.nav{display:grid;gap:6px}.nav button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;color:#9daec7;border:1px solid transparent;background:transparent;border-radius:6px;padding:12px;font-size:12px}.nav button.active{background:#1b2637;color:var(--gold);border-color:#3d3c32}.nav button:hover{background:#152136}.side-bottom{margin-top:auto;padding-top:30px}.side-bottom p{font-size:10px;color:#63738d;margin-top:15px}.user-card{border-top:1px solid var(--line);padding:18px 0 12px;display:flex;gap:9px;align-items:center}.avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:6px;background:#24334a;font-size:11px;color:#b4c9e3}.user-card strong{font-size:11px;display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis}.user-card small{color:var(--soft);font-size:10px}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:14px;background:#0b1220}.topbar .path{font-size:11px;color:var(--soft)}.topbar .path b{color:#c5d1e3;font-weight:500}.top-meta{display:flex;align-items:center;gap:18px;font-size:10px;color:var(--soft)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--good);margin-right:6px}.content{padding:28px 32px 36px;max-width:1920px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.page-head h1{margin:7px 0}.page-head p{color:var(--soft);font-size:12px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat{border:1px solid var(--line);border-radius:7px;background:#0e1726;padding:16px 18px;display:flex;align-items:center;gap:15px}.stat-icon{color:#9baeca;border:1px solid #2b3b53;width:36px;height:36px;display:grid;place-items:center;border-radius:6px}.stat strong{display:block;font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}.stat span{font-size:10px;color:var(--soft)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:17px;flex-wrap:wrap}.toolbar input{min-width:220px;flex:1}.toolbar select{width:auto;min-width:140px}.toolbar .count{margin-left:auto;color:var(--soft);font-size:11px}.board{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:20px;align-items:start}.patrol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.panel,.patrol{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.patrol{border-top:2px solid var(--accent,#a88d4f)}.patrol-head{padding:13px 15px;background:#0d1624;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.patrol-head h2{font-size:12px;letter-spacing:.06em}.patrol-head .actions{gap:4px}.status-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--status,var(--good));white-space:nowrap}.status-label:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.patrol-body{padding:14px}.fields-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}label.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span,.field-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#98a9c2}input:not([type=checkbox]),select,textarea{border:1px solid #2b3a52;background:#0a1321;color:#dce5f3;border-radius:5px;padding:8px 9px;min-width:0;width:100%;font-size:12px;line-height:1.4}select{padding-right:18px}input::placeholder,textarea::placeholder{color:#65758f}textarea{resize:vertical;min-height:65px}input:focus,select:focus,textarea:focus{border-color:#9c874f;outline:1px solid #9c874f}.fields-3 select{font-size:10px;padding:7px 5px}.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px}.slot{background:#0c1524;border:1px solid #23324a;border-radius:5px;padding:10px;min-width:0}.slot-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#7990ae;font-size:9px;letter-spacing:.08em}.slot select{font-size:10px;padding:7px 5px}.checks{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.check{display:flex;gap:5px;align-items:center;font-size:10px;color:#9fb0c8;cursor:pointer}.check input{width:12px;height:12px;accent-color:var(--gold);margin:0}.patrol-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;font-size:9px;color:#7588a3}.radio{display:flex;align-items:center;gap:6px}.radio input{width:73px;font-size:10px;padding:5px 7px}.save-note{font-size:10px;text-align:right}.save-note.error{color:var(--bad)}.patrol-error{color:#efb1ab;background:#321f2b;border:1px solid #6a3d45;margin-top:10px;padding:9px;border-radius:5px;font-size:11px;line-height:1.6}.patrol-error .actions{margin-top:8px}.rail{display:grid;gap:16px}.panel-head{padding:15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-head h2{font-size:12px}.panel-head .tag{border:1px solid #34455a;border-radius:4px;color:var(--soft);font-size:10px;padding:3px 6px}.panel-body{padding:15px}.duty-list{max-height:360px;overflow:auto}.duty{display:flex;gap:9px;align-items:center;padding:12px 14px;border-bottom:1px solid #1c2a40}.duty:last-child{border:0}.duty strong{display:block;font-size:11px;margin-bottom:4px}.duty small{font-size:9px;color:var(--soft)}.duty-info{flex:1;min-width:0}.duty-status{display:flex;gap:5px}.duty-status .lamp{width:6px;height:6px;border-radius:50%;background:var(--color)}.codes{padding:4px 14px 10px}.code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #1e2b40;font-size:10px;color:#b5c2d5}.code-row:last-child{border:0}.code-row b{font-family:Consolas,monospace;font-size:11px;color:var(--gold);white-space:nowrap}.rp-text{font-size:11px;color:#a8b8cc;line-height:1.8}.rp-note{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7788a1;margin:10px 0}.empty{padding:28px 18px;text-align:center;color:var(--soft);font-size:12px;line-height:1.7}.notice{border:1px solid #4f462c;background:#25231e;color:#d4c7a1;border-radius:6px;padding:12px 15px;font-size:12px;margin-bottom:16px;line-height:1.6}.error-banner{border-color:#693c48;background:#2b1b25;color:#f2b8b8}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#0d1726;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#7e92b0;padding:15px}td{padding:14px 15px;border-top:1px solid #223048}td strong{font-size:12px}td .muted{margin-top:5px;font-size:10px}.pill{display:inline-block;border:1px solid #345447;color:#82c4a7;border-radius:4px;padding:3px 7px;font-size:10px}.pill.off{border-color:#49505d;color:#9ca7b7}.activity{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;gap:20px}.activity time{color:var(--gold);font-size:11px;min-width:115px}.activity strong{font-size:12px;display:block;margin-bottom:5px}.activity p{font-size:11px;color:var(--soft)}dialog{background:#101b2c;border:1px solid #34445d;border-radius:10px;color:var(--ink);padding:0;width:min(600px,calc(100vw - 30px));max-height:90vh;box-shadow:0 24px 90px #0008}dialog::backdrop{background:#020711bc;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 23px}.dialog-body{padding:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.form-grid .field>span{font-size:10px}.form-grid .check{font-size:12px}.form-grid input[type=checkbox]{width:15px;height:15px}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:17px 23px;border-top:1px solid var(--line)}.form-error{color:#f1a3a3;font-size:12px;line-height:1.5;margin-top:15px}.hint{color:var(--soft);font-size:11px;line-height:1.6;margin-top:10px}#toast{position:fixed;bottom:22px;right:25px;background:#233c33;border:1px solid #4d806b;color:#cfecdf;border-radius:7px;padding:12px 18px;max-width:400px;font-size:12px;box-shadow:0 10px 30px #0005;z-index:50;display:none}#toast.show{display:block}#toast.error{background:#3e2530;border-color:#7a4957;color:#f4cbd2}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{padding:10vh 8vw;background:radial-gradient(ellipse at 30% 80%,#1b3044,transparent 65%),#0c1523;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:clamp(38px,5vw,68px);line-height:1.15;letter-spacing:-.045em;margin:25px 0}.login-art h1 em{font-style:normal;color:var(--gold)}.login-art p{color:var(--soft);max-width:350px;font-size:13px}.login-panel{display:flex;align-items:center;justify-content:center;padding:30px}.login-box{width:100%;max-width:340px}.login-box h2{font-size:24px;margin:14px 0 8px}.login-box p{color:var(--soft);font-size:12px;margin-bottom:25px}.login-box form{display:grid;gap:18px}.login-box .btn{padding:12px}.login-box .footnote{font-size:10px;margin-top:22px;line-height:1.7;color:#70819b}.loading{padding:80px 30px;text-align:center;color:var(--soft)}.footer{font-size:9px;color:#566b88;margin-top:28px;display:flex;justify-content:space-between;gap:10px}.read-mode .patrol input:disabled,.read-mode .patrol select:disabled,.read-mode .patrol textarea:disabled{opacity:.85}.only-demo{color:var(--gold)}
@media(min-width:1700px){.board{grid-template-columns:minmax(0,1fr) 325px}.patrol-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1250px){.sidebar{width:175px;padding:24px 12px}.shell{padding-left:175px}.content{padding:23px}.board{grid-template-columns:minmax(0,1fr) 270px}.patrol-grid{grid-template-columns:1fr}.topbar{padding:0 23px}}
@media(max-width:800px){.shell{padding-left:0}.sidebar{position:static;width:100%;height:auto;padding:12px 16px;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 13px;gap:8px}.brand-mark{padding:8px;font-size:13px}.brand small{font-size:8px}.nav-label,.side-bottom{display:none}.nav{display:flex;overflow:auto}.nav button{width:auto;padding:9px 12px;white-space:nowrap}.topbar{height:48px;padding:0 16px}.top-meta{gap:8px}.top-meta>span:first-child{display:none}.content{padding:20px 16px}.board{grid-template-columns:1fr}.patrol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rail{grid-template-columns:1fr 1fr}.rail .panel:last-child{grid-column:1/-1}.page-head{align-items:flex-start}.page-head h1{font-size:24px}.stats{gap:8px}.stat{padding:12px;gap:9px}.stat-icon{display:none}.login{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.topbar .path{font-size:10px}.footer{flex-wrap:wrap}}
@media(max-width:560px){.patrol-grid,.rail{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.page-head{flex-direction:column}.toolbar input{min-width:100%;width:100%}.toolbar select{flex:1;min-width:100px}.toolbar .count{width:100%}.top-meta{font-size:9px}.topbar .path{max-width:140px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.dialog-body{padding:18px}.activity{gap:12px;flex-direction:column}.nav button{font-size:10px}.nav button svg{width:13px}.page-head p{font-size:11px}.fields-3{gap:6px}.patrol-head{padding:12px}.patrol-body{padding:12px}.status-label{font-size:9px}.slot{padding:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.license-cell strong{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.license-cell p{margin-bottom:0}.license-cell.yellow strong{color:#f4d571}.license-cell.red strong{color:#ffa2a2}.license-cell span{display:block;margin-top:5px}

.sidebar{overflow-y:auto}.portal-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px;margin-top:24px}.portal-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 12px}.portal-item{margin-top:12px}.portal-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:14px;color:#c4d1e3;font-size:13px}.calendar-scroll{overflow:auto;margin-top:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));min-width:750px;border:1px solid #2c3e58;border-radius:7px;overflow:hidden}.calendar-weekday{padding:12px;background:#172339;text-align:center;font-size:11px;color:#a4b7ce}.calendar-cell{min-height:110px;padding:10px;border:1px solid #23324a;background:#101a2a}.calendar-cell.blank{background:#0c1320}.calendar-cell>strong{font-size:12px;color:#96aac4}.calendar-cell.today{box-shadow:inset 0 0 0 2px #d4b663}.calendar-entry{display:block;width:100%;border:1px solid #4b5260;border-radius:4px;background:#273342;color:#e8d79e;font-size:10px;text-align:left;padding:6px;margin-top:7px;overflow-wrap:anywhere}.toolbar input[type=month]{max-width:220px;flex:0 1 auto}@media(max-width:900px){.portal-columns{grid-template-columns:1fr}}

.sidebar .brand-logo{width:48px;height:48px;flex:0 0 48px;padding:0;border:0;border-radius:0;background:transparent url("/assets/fib-logo-gold.webp") center/contain no-repeat;}

.personal-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px}.personal-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#93a6bf}.personal-facts dd{margin:5px 0 0;font-size:14px;overflow-wrap:anywhere}.permission-list{display:grid;gap:8px;margin:12px 0 16px}.permission-badge{display:flex;align-items:center;gap:10px;border:1px solid;padding:10px 12px;border-radius:6px;font-size:12px}.permission-badge.granted{color:#9aebbc;background:#102c22;border-color:#327b56}.permission-badge.denied{color:#ffaaaa;background:#321c25;border-color:#8d424f}.permission-symbol{font-size:21px;font-weight:bold;line-height:1}.permission-state{margin-left:auto;font-size:10px}@media(max-width:500px){.personal-facts{grid-template-columns:1fr}.permission-state{max-width:88px}}

.personnel-group{margin:22px 0 30px;border-top:2px solid #647996;padding-top:15px}.personnel-group.group-0{border-color:#d4b663}.personnel-group.group-1{border-color:#81b4de}.personnel-group-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.personnel-group-title h2{font-size:19px}.personnel-group-title span{font-size:11px;color:#99acc6}


.zone-controls{display:flex;gap:20px}.zone-controls .field{flex:1}.zone-texts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.zone-texts textarea{font-size:13px;line-height:1.8;min-height:280px}.clock-status{display:flex;align-items:center;justify-content:space-between;gap:20px}.clock-value{font-size:34px;color:var(--gold);font-variant-numeric:tabular-nums}.time-filters{margin-top:25px;align-items:end}.time-filters .field{width:190px}.section-title{margin:25px 0 12px}.sidebar .brand{margin-bottom:24px}.nav button{padding-top:10px;padding-bottom:10px}@media(max-width:1000px){.zone-texts{grid-template-columns:1fr}.zone-texts textarea{min-height:150px}}@media(max-width:560px){.zone-controls,.clock-status{flex-direction:column;align-items:stretch}.time-filters .field{width:100%}}
.license-cell strong{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.license-cell p{margin-bottom:0}.license-cell.yellow strong{color:#f4d571}.license-cell.red strong{color:#ffa2a2}.license-cell span{display:block;margin-top:5px}

.sidebar{overflow-y:auto}.portal-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px;margin-top:24px}.portal-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 12px}.portal-item{margin-top:12px}.portal-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:14px;color:#c4d1e3;font-size:13px}.calendar-scroll{overflow:auto;margin-top:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));min-width:750px;border:1px solid #2c3e58;border-radius:7px;overflow:hidden}.calendar-weekday{padding:12px;background:#172339;text-align:center;font-size:11px;color:#a4b7ce}.calendar-cell{min-height:110px;padding:10px;border:1px solid #23324a;background:#101a2a}.calendar-cell.blank{background:#0c1320}.calendar-cell>strong{font-size:12px;color:#96aac4}.calendar-cell.today{box-shadow:inset 0 0 0 2px #d4b663}.calendar-entry{display:block;width:100%;border:1px solid #4b5260;border-radius:4px;background:#273342;color:#e8d79e;font-size:10px;text-align:left;padding:6px;margin-top:7px;overflow-wrap:anywhere}.toolbar input[type=month]{max-width:220px;flex:0 1 auto}@media(max-width:900px){.portal-columns{grid-template-columns:1fr}}

.sidebar .brand-logo{width:48px;height:48px;flex:0 0 48px;padding:0;border:0;border-radius:0;background:transparent url("/assets/fib-logo-gold.webp") center/contain no-repeat;}

.personal-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px}.personal-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#93a6bf}.personal-facts dd{margin:5px 0 0;font-size:14px;overflow-wrap:anywhere}.permission-list{display:grid;gap:8px;margin:12px 0 16px}.permission-badge{display:flex;align-items:center;gap:10px;border:1px solid;padding:10px 12px;border-radius:6px;font-size:12px}.permission-badge.granted{color:#9aebbc;background:#102c22;border-color:#327b56}.permission-badge.denied{color:#ffaaaa;background:#321c25;border-color:#8d424f}.permission-symbol{font-size:21px;font-weight:bold;line-height:1}.permission-state{margin-left:auto;font-size:10px}@media(max-width:500px){.personal-facts{grid-template-columns:1fr}.permission-state{max-width:88px}}

.personnel-group{margin:22px 0 30px;border-top:2px solid #647996;padding-top:15px}.personnel-group.group-0{border-color:#d4b663}.personnel-group.group-1{border-color:#81b4de}.personnel-group-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.personnel-group-title h2{font-size:19px}.personnel-group-title span{font-size:11px;color:#99acc6}



.license-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.license-box{border-left:3px solid #6d7f98;background:#132136;border-radius:4px;padding:9px 12px;min-width:145px}.license-box strong{font-size:11px}.license-box p{font-size:11px;margin:5px 0}.license-box span{font-size:10px;color:#a9b8cc}.license-box.green{border-color:#69ba96}.license-box.yellow{border-color:#e2bd52;background:#302a1c}.license-box.red{border-color:#e77979;background:#331e29}.license-box.neutral{border-color:#8493a8}.license-neutral{background:#142235;border-color:#304560;color:#b1c5df}.license-alert p{margin-top:5px}@media(max-width:560px){.license-grid{grid-template-columns:1fr}}
.license-cell strong{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.license-cell p{margin-bottom:0}.license-cell.yellow strong{color:#f4d571}.license-cell.red strong{color:#ffa2a2}.license-cell span{display:block;margin-top:5px}

.sidebar{overflow-y:auto}.portal-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px;margin-top:24px}.portal-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 12px}.portal-item{margin-top:12px}.portal-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:14px;color:#c4d1e3;font-size:13px}.calendar-scroll{overflow:auto;margin-top:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));min-width:750px;border:1px solid #2c3e58;border-radius:7px;overflow:hidden}.calendar-weekday{padding:12px;background:#172339;text-align:center;font-size:11px;color:#a4b7ce}.calendar-cell{min-height:110px;padding:10px;border:1px solid #23324a;background:#101a2a}.calendar-cell.blank{background:#0c1320}.calendar-cell>strong{font-size:12px;color:#96aac4}.calendar-cell.today{box-shadow:inset 0 0 0 2px #d4b663}.calendar-entry{display:block;width:100%;border:1px solid #4b5260;border-radius:4px;background:#273342;color:#e8d79e;font-size:10px;text-align:left;padding:6px;margin-top:7px;overflow-wrap:anywhere}.toolbar input[type=month]{max-width:220px;flex:0 1 auto}@media(max-width:900px){.portal-columns{grid-template-columns:1fr}}

.sidebar .brand-logo{width:48px;height:48px;flex:0 0 48px;padding:0;border:0;border-radius:0;background:transparent url("/assets/fib-logo-gold.webp") center/contain no-repeat;}

.personal-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px}.personal-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#93a6bf}.personal-facts dd{margin:5px 0 0;font-size:14px;overflow-wrap:anywhere}.permission-list{display:grid;gap:8px;margin:12px 0 16px}.permission-badge{display:flex;align-items:center;gap:10px;border:1px solid;padding:10px 12px;border-radius:6px;font-size:12px}.permission-badge.granted{color:#9aebbc;background:#102c22;border-color:#327b56}.permission-badge.denied{color:#ffaaaa;background:#321c25;border-color:#8d424f}.permission-symbol{font-size:21px;font-weight:bold;line-height:1}.permission-state{margin-left:auto;font-size:10px}@media(max-width:500px){.personal-facts{grid-template-columns:1fr}.permission-state{max-width:88px}}

.personnel-group{margin:22px 0 30px;border-top:2px solid #647996;padding-top:15px}.personnel-group.group-0{border-color:#d4b663}.personnel-group.group-1{border-color:#81b4de}.personnel-group-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.personnel-group-title h2{font-size:19px}.personnel-group-title span{font-size:11px;color:#99acc6}



/* Login: Hintergrund lokal eingebettet, keine externe Bildfreigabe nötig. */
.login{min-height:100vh;min-height:100svh;display:flex;justify-content:center;align-items:center;padding:clamp(170px,27vh,290px) 24px 48px;background-image:linear-gradient(180deg,rgba(9,18,29,.08),rgba(9,18,29,.3)),url("/assets/login-city.webp");background-size:cover;background-position:center top;background-color:#263441}
.login-panel{padding:0;min-height:0;width:100%;max-width:410px}
.login-box{max-width:none;padding:32px 34px;background:rgba(13,25,39,.88);border:1px solid rgba(206,221,235,.3);border-radius:16px;box-shadow:0 24px 75px #05101c66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.login-kicker{font-size:10px;letter-spacing:.22em;color:#c1d1e0;font-weight:700}
.login-box h2{font-size:29px;margin:15px 0 8px;letter-spacing:-.03em;color:#f2f5f8}
.login-box p{color:#b6c6d6;margin-bottom:24px}
.login-box form{gap:16px}.login-box .field>span{color:#d2dce6}
.login-box input{background:#101f30d9;border:1px solid #64758a;border-radius:7px;color:#f4f7fb;min-height:44px}
.login-box input:focus{border-color:#d2e4f5;outline:2px solid #b6d4ef55;outline-offset:2px}
.login-box .btn{min-height:44px;border-radius:7px}.login-box .btn.primary{background:#d6e2ed;border-color:#d6e2ed;color:#182a3a}.login-box .btn.primary:hover{background:#edf5fc}
.login-box .btn.ghost{width:100%;border-color:#71849b;color:#dfebf5;background:#25384d55}.login-box .btn.ghost:hover{background:#344b63}
.login-box .form-error:empty{display:none}.login-box .footnote{color:#afc0d1;text-align:center;margin-top:24px;line-height:1.9}.login-signature{color:#d5e0eb}
@media(max-width:600px){.login{padding:140px 18px 32px;background-position:48% top}.login-box{padding:28px 24px}.login-panel{min-height:0}}
@media(max-height:700px) and (min-width:601px){.login{padding-top:130px;padding-bottom:24px}.login-box{padding:24px 30px}}



.boot-screen{padding-top:clamp(170px,27vh,290px)}.boot-card{width:min(540px,100%);padding:28px 36px;background:rgba(13,25,39,.9);border:1px solid #a7bcd34d;border-radius:14px;backdrop-filter:blur(16px);box-shadow:0 25px 80px #05101c88;text-align:center}
.boot-top{display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:.15em;color:#aebed0;padding-bottom:19px;border-bottom:1px solid #8296ad40}
.boot-emblem{width:66px;height:66px;border:1px solid #b1c7dc66;border-radius:50%;display:grid;place-items:center;margin:27px auto 20px;background:#b3cee50b;color:#cedeea}.boot-emblem svg{width:34px;height:34px;stroke-width:1.2}.boot-eyebrow{font-size:9px;letter-spacing:.21em;color:#a9bfd3}.boot-card h1{font-size:clamp(23px,4vw,30px);margin:13px 0 8px;letter-spacing:-.025em}.boot-subtitle{font-size:12px;color:#b8c8d8}.boot-progress{height:3px;background:#8fa8c333;margin:27px 0 18px;overflow:hidden;border-radius:4px}.boot-progress span{display:block;height:100%;width:35%;background:#cfdfef;animation:fib-loading 1.8s ease-in-out infinite}.boot-status{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;line-height:1.6;color:#d0ddeb}.boot-pulse{width:6px;height:6px;background:#c3d9ed;border-radius:50%;flex-shrink:0}.boot-details{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid #8296ad40;font-size:8px;letter-spacing:.08em;color:#a5b6c9}.boot-signature{font-size:10px;color:#b5c6d7;margin-top:17px}
@keyframes fib-loading{from{transform:translateX(-110%)}to{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.boot-progress span{animation:none;width:100%;opacity:.6}}
@media(max-width:600px){.boot-card{padding:24px 21px}.boot-top,.boot-details{flex-wrap:wrap;justify-content:center}.boot-screen{padding-top:140px}.boot-status{font-size:10px}}

/* Professional operations dashboard additions */
.top-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.global-search{position:relative;min-width:260px}.global-search input{width:100%;min-height:36px;background:#0d1725;border:1px solid #32435c;border-radius:7px;color:#e9f0f7;padding:8px 11px}.global-results{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);background:#0f1928;border:1px solid #344760;border-radius:8px;box-shadow:0 18px 45px #0008;overflow:hidden}.global-results:empty{display:none}.global-results button,.global-results p{display:flex;width:100%;justify-content:space-between;gap:12px;padding:10px 12px;border:0;border-bottom:1px solid #233249;background:transparent;color:#e6edf5;text-align:left}.global-results button:hover{background:#17253a}.global-results span{font-size:10px;color:#94a9c3}.notification-badge{border:1px solid #354960;background:#122035;color:#edf3fa;border-radius:8px;min-height:36px;padding:7px 10px;cursor:pointer}.notification-badge span{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#d2b565;color:#101722;font-size:10px;font-weight:800;margin-left:4px}
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px;border:1px solid #2f425b;border-radius:10px;background:linear-gradient(135deg,#142238,#0d1725)}.dashboard-hero h2{font-size:28px;margin:8px 0 6px}.dashboard-hero p{color:#9fb2c9}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.kpi{padding:16px;border:1px solid #2c3d55;border-radius:8px;background:#101b2b}.kpi strong{display:block;font-size:26px;color:#e7d79a}.kpi span{display:block;margin-top:4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#92a6bf}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-list{padding:8px 14px 14px}.dashboard-list>button,.dashboard-list>div{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;border:0;border-bottom:1px solid #25354b;background:transparent;color:#e8eef5;text-align:left}.dashboard-list>button{cursor:pointer}.dashboard-list>button:hover strong{color:#e7d79a}.dashboard-list span{max-width:65%;font-size:11px;color:#9bb0c9;text-align:right}.status-chip{display:inline-flex;align-items:center;margin-top:6px;padding:3px 7px;border-radius:999px;border:1px solid #4b5d74;font-size:9px;line-height:1.2}.status-chip.green{background:#123126;border-color:#34795a;color:#9ce0bb}.status-chip.blue{background:#142d45;border-color:#3f6e9b;color:#a9d2f3}.status-chip.yellow{background:#332c19;border-color:#8e763a;color:#efd57d}.status-chip.red{background:#371e25;border-color:#8b424f;color:#ffb2b2}.status-chip.off{background:#1a2230;border-color:#46566c;color:#9eacbd}.agent-pool{padding:10px}.agent-pool button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;margin-bottom:7px;border:1px solid #30445d;border-radius:6px;background:#111d2e;color:#e7eef7;text-align:left;cursor:grab}.agent-pool button:active{cursor:grabbing}.slot.drop-target{outline:2px dashed #d2b565;outline-offset:3px;background:#2a271b}.profile-status{margin-bottom:14px}.notification-list p{padding:10px 0;border-bottom:1px solid #2c3a50}.notification-list p:last-child{border-bottom:0}
@media(max-width:1100px){.top-tools{order:3;width:100%}.topbar{flex-wrap:wrap}.global-search{flex:1;min-width:180px}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashboard-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-kpis{grid-template-columns:1fr 1fr}.global-search{min-width:0}.top-meta{display:none}}

/* V3: kompaktere Operations-Oberfläche, priorisierte Hinweise, Vollansicht Personalakte */
.kpi.good{border-color:#2d694f}.kpi.good strong{color:var(--good)}.kpi.warning{border-color:#6e6035}.kpi.warning strong{color:var(--warn)}.kpi.critical{border-color:#7a3e49}.kpi.critical strong{color:var(--bad)}
.notification-dashboard .notice-row{position:relative;padding-left:15px}.notification-dashboard .notice-row:before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:3px;background:#5f7189}.notification-dashboard .notice-row.critical:before{background:var(--bad)}.notification-dashboard .notice-row.warning:before{background:var(--warn)}.notification-dashboard .notice-row.info:before{background:var(--blue)}
.notification-list{display:grid;gap:8px}.notification-item{display:grid;width:100%;grid-template-columns:86px 1fr;gap:3px 12px;text-align:left;padding:12px;border:1px solid #2d3d54;border-radius:7px;background:#0d1725;color:var(--ink)}.notification-item:hover{background:#142238}.notification-item strong{font-size:12px}.notification-item small{grid-column:2;color:var(--soft);line-height:1.5}.notification-priority{grid-row:1/3;align-self:start;font-size:9px;text-transform:uppercase;letter-spacing:.08em;border:1px solid #506178;border-radius:999px;padding:4px 6px;text-align:center}.notification-item.critical .notification-priority{color:#ffb5b5;border-color:#7a3e49;background:#321c25}.notification-item.warning .notification-priority{color:#f1d987;border-color:#756436;background:#332c19}.notification-item.info .notification-priority{color:#b8dbf5;border-color:#3f6688;background:#142b40}
.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.detail-title{display:flex;align-items:center;gap:15px;margin-top:18px}.avatar.large{width:56px;height:56px;border-radius:10px;font-size:16px;color:#e9dca7;border:1px solid #53637a;background:#1b2a3e}.detail-title h2{font-size:25px;margin:5px 0}.detail-title p{color:var(--soft);font-size:12px}.detail-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:18px}.detail-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#8fa2bc;padding:11px 14px;font-size:11px;white-space:nowrap}.detail-tabs button:hover{color:#dce6f3}.detail-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.detail-content{min-height:260px}.profile-summary{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-facts>div{border:1px solid #263850;border-radius:6px;background:#0d1725;padding:14px}.quick-facts span{display:block;color:var(--soft);font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.quick-facts strong{font-size:15px}.loading-panel{padding:40px;text-align:center;color:var(--soft)}
.audit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.audit-summary>div{padding:13px 15px;background:#0f1928;border:1px solid var(--line);border-radius:7px}.audit-summary strong{display:block;font-size:20px}.audit-summary span{font-size:9px;color:var(--soft);text-transform:uppercase;letter-spacing:.08em}.audit-panel .activity{position:relative}.audit-panel .activity:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:2px;background:#4d5f77}.audit-panel .audit-patrol:before{background:var(--good)}.audit-panel .audit-personal:before{background:var(--gold)}.audit-panel .audit-fine:before{background:var(--bad)}.audit-panel .audit-clock:before{background:var(--blue)}.audit-body{flex:1}.audit-body>div{display:flex;gap:9px;align-items:center}.audit-kind{text-transform:uppercase;letter-spacing:.07em;font-size:8px;color:var(--soft);border:1px solid #39495f;border-radius:999px;padding:3px 6px}.audit-body small{display:block;color:#6f829d;font-size:9px;margin-top:5px}
@media(min-width:1500px){.board{grid-template-columns:minmax(0,1fr) 280px}.patrol-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.patrol-body{padding:11px}.slots{gap:7px;margin-bottom:10px}.slot{padding:8px}.fields-3{gap:7px;margin-bottom:10px}.rail{gap:12px;position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:auto;padding-right:2px}}
@media(max-width:1000px){.profile-summary{grid-template-columns:1fr}.audit-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{padding-left:0}.sidebar{position:relative;width:auto;inset:auto;height:auto;padding:12px}.sidebar .brand,.sidebar .nav-label,.side-bottom{display:none}.nav{display:flex;overflow:auto;gap:4px}.nav button{width:auto;min-width:max-content;padding:9px 10px}.topbar{height:auto;min-height:60px;padding:10px 14px}.topbar .path{display:none}.content{padding:16px}.page-head{align-items:flex-start}.page-head p{max-width:48ch}.board{display:block}.rail{margin-top:14px}.rail .panel:nth-of-type(n+2){display:none}.patrol-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:11px}.detail-head{flex-direction:column}.detail-tabs{margin-left:-16px;margin-right:-16px;padding-left:12px}.quick-facts{grid-template-columns:1fr 1fr}.audit-summary{grid-template-columns:1fr 1fr}.activity{gap:10px;padding:12px}.activity time{min-width:82px}.toolbar select{max-width:100%;flex:1 1 140px}.table-scroll{margin-left:-16px;margin-right:-16px;padding-left:16px}.dashboard-kpis{gap:8px}.kpi{padding:12px}.kpi strong{font-size:21px}}

/* V4: Operations-Erweiterungen */
.qualification{text-align:center;font-weight:800;font-size:16px}.qualification.ok{color:#75c99c}.qualification.missing{color:#7f8ca0}.patrol select[data-field="priority"]{font-weight:700}.status-chip.red{color:#f09a9a;border-color:#6b3b43}.status-chip.yellow{color:#e2c676;border-color:#62562f}.status-chip.blue{color:#91bce6;border-color:#38536e}
@media(min-width:1500px){.patrol-grid{grid-template-columns:repeat(3,minmax(310px,1fr))}.board{grid-template-columns:minmax(0,1fr) 300px}}

/* V5 Design System */
:root{--bg:#08111d;--panel:#0f1a28;--panel-2:#121f30;--line:#26364b;--line-soft:#1c2a3c;--ink:#eef4fb;--soft:#8fa1b7;--gold:#d5b866;--radius:10px;--shadow:0 14px 40px rgba(0,0,0,.22)}
body{background:radial-gradient(circle at 82% -10%,rgba(54,78,112,.11),transparent 34%),var(--bg)}
.sidebar{width:196px;padding:24px 14px;background:linear-gradient(180deg,#0b1522,#09121e);border-right-color:var(--line-soft)}.shell{padding-left:196px}.brand{margin-bottom:28px}.nav{gap:2px}.nav button{border-radius:7px;padding:10px 11px;position:relative}.nav button.active{background:#121f30;border-color:transparent;color:#ead38c}.nav button.active:before{content:'';position:absolute;left:-14px;top:7px;bottom:7px;width:2px;background:var(--gold);border-radius:2px}.nav button svg{opacity:.78}.nav button.active svg{opacity:1}
.topbar{background:rgba(9,18,30,.92);backdrop-filter:blur(12px);border-bottom-color:var(--line-soft);position:sticky;top:0;z-index:8}.content{padding-top:24px}.page-head{padding-bottom:18px;border-bottom:1px solid var(--line-soft)}.page-head h1{font-size:30px;font-weight:650}.eyebrow{color:#a99358}.panel,.patrol,.stat,.kpi{box-shadow:0 1px 0 rgba(255,255,255,.015);border-color:var(--line-soft)}.panel,.patrol{background:linear-gradient(180deg,var(--panel-2),var(--panel))}.dashboard-hero{background:linear-gradient(135deg,#142238,#0d1826);border-color:#2a3b50;box-shadow:var(--shadow)}
.status-chip,.pill{border-radius:999px}.btn{border-radius:7px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{box-shadow:0 4px 14px rgba(213,184,102,.12)}
.table-scroll{border-radius:9px}table{font-variant-numeric:tabular-nums}thead th{position:sticky;top:0;z-index:2;background:#0c1624}tbody tr{transition:background .14s ease}tbody tr:hover{background:#132135}td{border-top-color:var(--line-soft)}
.quick-access{display:flex;align-items:center;gap:7px;overflow:auto;margin:0 0 16px;color:#6f8199;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.quick-link,.quick-star{border:1px solid #26364c;background:#0d1725;color:#aebed1;border-radius:999px;padding:6px 9px;font-size:10px;text-transform:none;letter-spacing:0;white-space:nowrap}.quick-link:hover,.quick-link.active{border-color:#6a5b35;color:#e7d492;background:#171d22}.quick-star{color:var(--gold);font-size:14px;padding:3px 8px}
#toast{position:fixed;top:84px;right:22px;z-index:100;max-width:390px;background:#142236;border:1px solid #36506c;color:#eaf2fb;border-radius:9px;padding:12px 14px;box-shadow:0 18px 50px #0008;transform:translateY(-8px);opacity:0;pointer-events:none;transition:.18s ease}#toast.show{transform:none;opacity:1}#toast.error{border-color:#78434b;background:#2a1c25;color:#ffc0c0}
dialog{border-radius:12px;background:#0f1b2b;border-color:#344860;box-shadow:0 30px 100px #000c}.dialog-head{background:#101d2d}.dialog-footer{background:#0b1522}
.skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.skeleton-card{height:160px;border:1px solid var(--line-soft);border-radius:9px;background:#0f1a28;padding:18px;overflow:hidden;position:relative}.skeleton-card:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:shimmer 1.25s infinite}.skeleton-card i,.skeleton-card b,.skeleton-card span{display:block;background:#1a293c;border-radius:5px;margin-bottom:12px}.skeleton-card i{width:34px;height:34px}.skeleton-card b{width:48%;height:14px}.skeleton-card span{width:82%;height:9px}.skeleton-card span:last-child{width:64%}@keyframes shimmer{100%{transform:translateX(100%)}}
.density-compact .content{padding:18px 24px 28px}.density-compact .page-head{margin-bottom:16px}.density-compact .stat,.density-compact .kpi{padding:11px 13px}.density-compact .patrol-body{padding:9px}.density-compact .patrol-head{padding:10px 12px}.density-compact td{padding:9px 12px}.density-compact th{padding:11px 12px}.density-compact .slot{padding:7px}.density-compact .dashboard-list>button,.density-compact .dashboard-list>div{padding:8px 0}
.operations-mode{padding-left:0}.operations-mode .sidebar,.operations-mode .topbar,.operations-mode .page-head,.operations-mode .quick-access,.operations-mode .footer{display:none}.operations-mode .content{max-width:none;padding:14px}.operations-mode .board{grid-template-columns:minmax(0,1fr) 320px;gap:12px}.operations-mode .patrol-grid{grid-template-columns:repeat(3,minmax(300px,1fr));gap:10px}.operations-mode .rail{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto}.operations-mode .patrol{box-shadow:0 10px 30px rgba(0,0,0,.16)}
@media(min-width:900px){tbody tr td:last-child .btn{opacity:.45}tbody tr:hover td:last-child .btn,tbody tr:focus-within td:last-child .btn{opacity:1}}
@media(max-width:900px){.skeleton-grid{grid-template-columns:1fr 1fr}.quick-access{margin-top:-4px}.operations-mode .patrol-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.shell{padding-left:0}.quick-access span{display:none}.skeleton-grid{grid-template-columns:1fr}.operations-mode .patrol-grid{grid-template-columns:1fr}.operations-mode .rail{position:static;max-height:none}.page-head h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.btn,#toast,tbody tr{transition:none}.skeleton-card:after{animation:none}}

/* =========================================================
   V6 — BLACK / ANTHRACITE / GOLD DESIGN SYSTEM
   ========================================================= */
:root{
  --bg:#05070a;
  --panel:#101317;
  --panel-2:#14181d;
  --line:#292e34;
  --line-soft:#1e2328;
  --ink:#f1f3f5;
  --soft:#9ca4ad;
  --gold:#d6b25e;
  --blue:#9ca4ad;
  --good:#52c785;
  --bad:#df6d6d;
  --warn:#d8b24c;
  --shadow:0 18px 48px rgba(0,0,0,.34);
}
body{background:radial-gradient(circle at 80% -10%,rgba(214,178,94,.055),transparent 30%),#05070a}
a{color:#d7c27f}.sidebar{background:linear-gradient(180deg,#090b0e,#05070a);border-right-color:#1e2328}.topbar{background:rgba(7,9,12,.94);border-bottom-color:#1e2328}.brand-mark{border-color:#776638;background:#0d0f12}.nav-label{color:#666d75}.nav button{color:#a8afb7}.nav button:hover{background:#121519}.nav button.active{background:#15181b;color:#ead58f}.nav button.active:before{background:var(--gold)}
.user-card{border-top-color:#1e2328}.avatar{background:#191d21;color:#d6c386;border:1px solid #2b3035}.side-bottom p{color:#6d747c}.topbar .path b{color:#dadde1}.top-meta{color:#8e969f}
.btn{background:#14181d;border-color:#2b3036;color:#f0f2f4}.btn:hover{background:#1b2025}.btn.primary{background:var(--gold);border-color:var(--gold);color:#171717}.btn.ghost{background:transparent}.btn.danger{color:#f0a0a0;border-color:#653c43}
.stat,.panel,.patrol,.kpi{background:linear-gradient(180deg,#14181d,#0f1215);border-color:#24292e}.stat-icon{color:#c0c4c9;border-color:#33383d;background:#111417}.dashboard-hero{background:linear-gradient(135deg,#17191d,#0c0e11);border-color:#2d3136}.dashboard-hero p{color:#a4abb3}.dashboard-kpis .kpi strong{color:#e0c476}.kpi{background:#111417;border-color:#272c31}
input:not([type=checkbox]),select,textarea{background:#0b0e11;border-color:#30353b;color:#eef0f2}input::placeholder,textarea::placeholder{color:#6f767e}input:focus,select:focus,textarea:focus{border-color:#9f8749;outline-color:#9f8749}.field>span,.field-label{color:#949ba3}
.patrol-head{background:#0d1013;border-bottom-color:#24292e}.slot{background:#0b0e11;border-color:#272c31}.slot-title{color:#8f969e}.panel-head .tag{border-color:#393e44;color:#a9afb6}.code-row{border-bottom-color:#20252a;color:#bdc2c8}.rp-text{color:#afb5bc}.duty{border-bottom-color:#1f2429}.duty small{color:#959ca4}.notice{border-color:#594b27;background:#1b1810;color:#d9c98f}.error-banner{border-color:#663943;background:#25171c;color:#efb3b3}
thead th{background:#0c0f12;color:#9299a1}td{border-top-color:#20252a}tbody tr:hover{background:#15191d}.pill{border-color:#3c5d4b;color:#83cca4}.pill.off{border-color:#41464c;color:#9da4ac}.activity{border-bottom-color:#23282d}.activity p{color:#a4abb2}
dialog{background:#111418;border-color:#30353b}.dialog-head{background:#15191d}.dialog-footer{background:#0c0f12}
.quick-access{color:#737a82}.quick-link,.quick-star{border-color:#2b3035;background:#0f1215;color:#b9bec5}.quick-link:hover,.quick-link.active{border-color:#766234;color:#ead58f;background:#171612}.quick-star{color:var(--gold)}
#toast{background:#15191d;border-color:#5f5433;color:#f2f1ec;box-shadow:0 18px 50px #000a}#toast.error{border-color:#78434b;background:#25171c;color:#ffc0c0}
.skeleton-card{border-color:#23282d;background:#101317}.skeleton-card i,.skeleton-card b,.skeleton-card span{background:#20252a}.skeleton-card:after{background:linear-gradient(90deg,transparent,rgba(214,178,94,.05),transparent)}
.status-chip.blue{background:#171a1e;border-color:#454b51;color:#c2c7cc}.notification-dashboard .notice-row.info:before{background:#8f969e}.notification-item.info .notification-priority{color:#c1c6cb;border-color:#474d53;background:#171a1e}.audit-panel .audit-clock:before{background:#8f969e}
.notification-item{background:#0e1114;border-color:#292e34}.notification-item:hover{background:#15191d}.notification-priority{border-color:#4b5157}.notification-item.critical .notification-priority{background:#28171c}.notification-item.warning .notification-priority{background:#272111}.detail-tabs button{color:#9ca3ab}.detail-tabs button:hover{color:#eceef0}.quick-facts>div{background:#0e1114;border-color:#272c31}.audit-summary>div{background:#101317;border-color:#252a2f}.audit-kind{border-color:#3e444a}.audit-body small{color:#7d848c}
.agent-pool button{background:#101317;border-color:#2e343a;color:#eceef0}.slot.drop-target{background:#211d12;outline-color:var(--gold)}
.status-chip.green{background:#10251a;border-color:#326445;color:#9edab6}.status-chip.yellow{background:#271f10;border-color:#67562d;color:#e5ca79}.status-chip.red{background:#29161b;border-color:#713b44;color:#efaaaa}.status-chip.off{background:#15181b;border-color:#3a4046;color:#9fa6ad}
.qualification.missing{color:#777e85}.avatar.large{background:#171a1e;border-color:#3d4349;color:#e4cf88}

/* V7 · Event- und MD-Anmeldungen / Aktivität */
.signup-card .agenda-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.signup-summary{min-width:84px;text-align:center;border:1px solid var(--border,#2c2c2c);border-radius:10px;padding:10px 12px;background:#0a0a0a}.signup-summary strong{display:block;font-size:1.55rem;color:var(--accent,#d6b25e);line-height:1}.signup-summary span{display:block;margin-top:5px;color:var(--muted,#9da3aa);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.event-signup-box{display:flex;align-items:center;gap:10px;margin:18px 0;padding:14px;border:1px solid #2a2a2a;border-radius:10px;background:#090909}.roster-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:12px 0}.attendance-select{min-width:150px;background:#0b0b0b;color:#f2f2f2;border:1px solid #343434;border-radius:7px;padding:7px 9px}.status-chip.green{border-color:rgba(73,194,125,.38);color:#63d795}.status-chip.yellow{border-color:rgba(216,178,76,.4);color:#e0bf65}.status-chip.red{border-color:rgba(217,100,100,.4);color:#e97c7c}.status-chip.blue{border-color:#3a3a3a;color:#b6bdc5}.event-detail .table-scroll{margin-top:10px}.dashboard-kpis+.table-scroll{margin-top:16px}@media(max-width:760px){.signup-card .agenda-top,.roster-head{display:block}.signup-summary{margin-top:12px;width:100%;text-align:left}.signup-summary strong,.signup-summary span{display:inline;margin-right:8px}.attendance-select{width:100%}}

/* V8 · MD-Dienst Kapazität und Warteliste */
.md-capacity{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(79,201,133,.28);border-radius:10px;background:rgba(79,201,133,.06)}
.md-capacity strong{font-size:18px;color:var(--green,#4fc985)}
.md-capacity span{font-size:12px;color:var(--muted,#a4a9b0)}
.md-capacity.understaffed{border-color:rgba(229,182,74,.32);background:rgba(229,182,74,.07)}
.md-capacity.understaffed strong{color:var(--yellow,#e5b64a)}
.signup-summary.understaffed strong,.signup-summary.understaffed span{color:var(--yellow,#e5b64a)}

/* V9 · Wochenplan, Termintypen & Kalenderfarben */
.week-legend{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.week-legend span{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid #39352c;background:#111;color:#d7d2c8;font-size:10px}.calendar-legend{margin-top:14px}.calendar-entry,.week-entry{--type:#b89b55;border-left:3px solid var(--type)!important;background:#161513!important;color:#eee7d7!important}.type-event{--type:#b89b55!important}.type-einsatz{--type:#d06b62!important}.type-ausbildung{--type:#6fa475!important}.type-besprechung{--type:#a98dca!important}.type-pruefung{--type:#d9a84e!important}.type-sonstiges{--type:#909090!important}.type-md-dienst{--type:#d2b65f!important}.type-abwesenheit{--type:#797979!important}.week-legend .type-event,.week-legend .type-einsatz,.week-legend .type-ausbildung,.week-legend .type-besprechung,.week-legend .type-pruefung,.week-legend .type-sonstiges,.week-legend .type-md-dienst,.week-legend .type-abwesenheit{border-left:4px solid var(--type)}
.week-plan{display:grid;grid-template-columns:repeat(7,minmax(155px,1fr));gap:8px;overflow:auto;padding-bottom:8px}.week-day{min-height:310px;border:1px solid #302d28;background:#0d0d0e;border-radius:8px;min-width:155px}.week-day.today{box-shadow:inset 0 0 0 1px #d4b663}.week-day>header{padding:11px 12px;border-bottom:1px solid #2d2a25;color:#d9bf70;text-transform:uppercase;font-size:11px}.week-day>div{padding:8px}.week-entry{display:block;width:100%;text-align:left;border:1px solid #302d28;border-left-width:3px;border-radius:6px;padding:8px;margin-bottom:7px;font-size:10px}.week-entry b,.week-entry span{display:block}.week-entry span{margin-top:4px;color:#9f9a90}.week-entry.type-abwesenheit{cursor:default}@media(max-width:900px){.week-plan{grid-template-columns:repeat(7,180px)}}

/* V10 · Division Hubs */
.department-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(125deg,rgba(214,178,94,.08),rgba(255,255,255,.01) 46%,transparent)}
.department-hero h2{margin:5px 0 7px;font-size:28px}.department-hero p{margin:0;color:var(--soft);max-width:760px}
.department-badge{display:grid;place-items:center;min-width:78px;height:78px;border:1px solid rgba(214,178,94,.35);border-radius:16px;color:var(--gold);font-size:22px;font-weight:900;letter-spacing:.12em;background:#090a0c}
@media(max-width:720px){.department-hero{padding:18px}.department-badge{min-width:58px;height:58px;font-size:16px}
}

/* V11 · Mehrfach-Berechtigungsränge */
.role-fieldset{border:1px solid var(--border,#2a2a2a);border-radius:12px;padding:14px 16px;margin:0;min-width:0}.role-fieldset legend{padding:0 7px;color:var(--muted,#a7a7a7);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:4px}.role-grid .check{margin:0;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.02)}@media(max-width:720px){.role-grid{grid-template-columns:1fr}}

/* V12 – persönliche Dashboards & feinere Abteilungsrechte */
.department-permission-row{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(110px,.6fr));gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line,#2a2d31)}
.department-permission-row:last-child{border-bottom:0}.department-permission-row strong{font-size:.9rem}.personal-dashboard{display:grid;gap:16px;margin-bottom:18px}
@media(max-width:760px){.department-permission-row{grid-template-columns:1fr}.department-permission-row .check{margin-left:0}}

/* V13 · Dokumente & Fehlercenter */
.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:16px}.document-card{background:var(--panel,#111315);border:1px solid var(--line,#2a2d31);border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:210px}.document-card-top,.document-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.document-card h3{margin:14px 0 8px;font-size:16px}.document-card p{color:var(--muted,#a7b0ba);line-height:1.5;flex:1}.document-meta{font-size:11px;color:var(--muted,#a7b0ba);border-top:1px solid var(--line,#2a2d31);padding-top:10px;margin-top:8px}.document-card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.document-card a.btn{text-decoration:none}.error-message-cell{max-width:440px;white-space:normal;word-break:break-word;line-height:1.35}.status-chip.ok{color:#83d0a5}.status-chip.warn{color:#e3c978}@media(max-width:720px){.document-grid{grid-template-columns:1fr;padding:10px}.error-message-cell{max-width:240px}}


/* V14 · Abteilungs-News */
.department-news{margin-bottom:16px}.announcement-list{display:grid;gap:10px}.announcement{padding:16px;border:1px solid var(--line);border-left:3px solid #6f747a;border-radius:10px;background:#0b0c0e}.announcement.wichtig{border-left-color:var(--gold)}.announcement.kritisch{border-left-color:var(--red)}.announcement-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.announcement-head h3{margin:7px 0 0;font-size:16px}.announcement p{white-space:pre-wrap;line-height:1.55;color:var(--text)}.announcement-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--soft);font-size:12px;margin-top:10px}.announcement .actions{margin-top:12px}@media(max-width:680px){.announcement-head{display:block}.announcement-head>.subtle{display:block;margin-top:6px}}

/* V17 · External Operations Division */
.eod-tabs{margin:0 0 16px;overflow-x:auto;white-space:nowrap}.eod-kpis{margin-bottom:16px}.eod-tabs button{min-width:max-content}.department-hero+.eod-tabs{margin-top:-2px}
@media(max-width:760px){.eod-tabs{display:flex;max-width:100%;padding-bottom:4px}.eod-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

.login-emblem{display:block;width:112px;height:112px;object-fit:contain;margin:0 auto 18px;}