:root{color-scheme:dark;--bg:#080d15;--bg2:#0e1520;--panel:#17191f;--panel2:#1e222b;--border:#303640;--text:#f3f6fc;--muted:#969ca9;--blue:#60a5fa;--blue2:#307fce;--green:#34d399;--yellow:#fbbf24;--red:#fb7185;--sidebar:#05466e;--shadow:0 14px 42px #0004;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55}a{color:var(--blue);text-decoration:none}a:hover{filter:brightness(1.12)}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1{font-size:29px;letter-spacing:-1.2px;line-height:1.15}h2{font-size:22px;letter-spacing:-.6px}h3{font-size:16px;letter-spacing:-.4px}small,.muted,.hint{color:var(--muted)}.hint{font-size:12px;margin:10px 0 18px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:850;color:var(--blue);text-transform:uppercase}.blue{color:var(--blue)!important}.green{color:var(--green)!important}.yellow{color:var(--yellow)!important}.red-text{color:var(--red)!important}.ico{display:inline-grid;place-items:center;width:25px;min-width:25px;font-size:21px;font-weight:700;line-height:1;color:inherit}
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:20;display:flex;flex-direction:column;background:linear-gradient(180deg,#07517e 0%,#04446d 45%,#063c60 100%);border-right:1px solid #2870a0;box-shadow:8px 0 30px #0003;transition:width .25s,transform .25s}.brand{height:78px;min-height:78px;padding:13px 15px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff2e}.brand img{height:47px;width:47px;object-fit:contain}.brand strong{display:block;font-size:20px;letter-spacing:-.8px;color:white;line-height:1.1}.brand small{display:block;font-size:11px;color:#b9d9f0;max-width:185px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-scroll{overflow:auto;flex:1;padding:10px 9px 14px;scrollbar-color:#4d8cb4 transparent;scrollbar-width:thin}.nav-link{width:100%;min-height:43px;display:flex;align-items:center;gap:12px;padding:9px 11px;border:0;border-radius:9px;background:none;color:#e8f5ff;text-align:left;font-size:13px;font-weight:650;white-space:nowrap}.nav-link .ico{font-size:19px;color:#b3dcff}.nav-link:hover{background:#ffffff12;filter:none}.nav-link.selected{background:#18669e;color:#fff;box-shadow:inset 4px 0 0 var(--blue)}.nav-link.selected .ico{color:#83baff}.nav-link>b{margin-left:auto;font-size:18px;font-weight:500;opacity:.7}.subnav{display:none;margin:0 0 4px 41px;padding:3px 0 5px 11px;border-left:1px solid #ffffff25}.subnav a{display:block;padding:5px 0;color:#c2e2f5;font-size:12px}.nav-group:hover .subnav,.nav-group:focus-within .subnav,.nav-group:has(.selected) .subnav{display:block}.side-bottom{border-top:1px solid #ffffff35;padding:7px 9px 5px}.nav-count{margin-left:auto;font-style:normal;font-size:11px;background:var(--blue);color:#041522;border-radius:15px;padding:1px 7px}.userbox{border-top:1px solid #ffffff30;margin-top:8px;padding-top:9px}.user-toggle{border:0;background:none;color:#fff;display:flex;align-items:center;gap:9px;width:100%;padding:7px;text-align:left}.user-toggle>span:nth-child(2){flex:1;min-width:0}.user-toggle strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis}.user-toggle small{font-size:11px;color:#b4d9ef}.avatar{width:38px;height:38px;object-fit:cover;border-radius:50%;border:1px solid #70b8f8;display:inline-grid;place-items:center;flex-shrink:0}.avatar.fallback{background:#233950;color:#dceeff;font-weight:800}.avatar.big{width:58px;height:58px;font-size:23px}.user-menu{display:none;margin:3px 2px;background:#073658;border:1px solid #ffffff1e;border-radius:9px;padding:5px}.user-menu.open{display:block}.user-menu a{display:block;color:#d7efff;padding:7px 11px;border-radius:6px;font-size:12px}.user-menu a:hover{background:#ffffff15}.user-menu .logout{color:#ff9eae}.made{text-align:center;font-size:10px;color:#a4d1ed;padding:12px 3px 3px}.made b{color:#fb7185}.main{margin-left:270px;width:calc(100% - 270px);min-width:0;transition:margin .25s,width .25s}.topbar{height:70px;background:#0d1420;border-bottom:1px solid #242e3a;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:25px;position:sticky;top:0;z-index:10}.global-search{height:41px;border:1px solid #364657;border-radius:8px;background:#171e29;display:flex;align-items:center;gap:9px;padding:0 13px;width:min(670px,65%)}.global-search span{font-size:26px;color:#99b1c9}.global-search input{background:none;border:0;outline:none;color:var(--text);width:100%;font-size:12px}.global-search input::placeholder{color:#8893a4}.topright{display:flex;align-items:center;gap:22px}.bell{font-size:23px}.topclock{text-align:right}.topclock span{display:block;color:var(--muted);font-size:11px}.topclock strong{font-size:21px;line-height:1.1}.mobile-nav{display:none}.content{max-width:1580px;margin:auto;padding:28px 36px 60px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:7px 0 24px}.pagehead h1{margin:0 0 8px}.pagehead p{color:var(--muted);margin:0}.head-actions{display:flex;gap:8px;align-items:center}.hero{position:relative;border:1px solid #344153;overflow:hidden;border-radius:16px;padding:34px 35px;background:radial-gradient(ellipse at 95% 40%,#22416d44,transparent 40%),linear-gradient(105deg,#0b1826 0%,#1d2c3c 55%,#0d1523 100%);margin-bottom:18px}.hero:before{content:"";position:absolute;right:-20px;bottom:-70px;width:440px;height:250px;background:linear-gradient(140deg,#77a7dc15,transparent);clip-path:polygon(0 80%,18% 65%,33% 80%,47% 24%,51% 14%,56% 23%,66% 69%,78% 46%,100% 75%,100% 100%,0 100%);pointer-events:none}.hero-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h1{margin:8px 0;font-size:28px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{color:#b0bccb;margin:0}.hero-stats{display:flex;gap:30px;align-items:center}.hero-stats span{text-align:center;font-size:11px;color:#a6b3c2}.hero-stats b{display:block;color:#f8fbff;font-size:24px}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:15px}.quick-card{border:1px solid #313b4b;background:linear-gradient(145deg,#1b2029,#141920);padding:17px 15px;border-radius:13px;min-height:124px;color:#f4f7ff;transition:transform .2s,border-color .2s}.quick-card:hover{transform:translateY(-3px);border-color:#518fcf;filter:none}.quick-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #3e5d82;background:#203247;border-radius:11px;margin-bottom:11px;color:var(--blue)}.quick-icon .ico{font-size:25px}.quick-card strong{display:block;font-size:13px}.quick-card small{display:block;font-size:11px;margin-top:3px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#1b1d23,#15181e);box-shadow:0 5px 18px #0002;padding:20px;margin-bottom:14px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-head h3{margin:0;font-size:14px}.panel-head a{font-size:12px;font-weight:650}.tiny{color:#9399a7;font-size:10px;letter-spacing:1.3px;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.stat-box{background:#15191f;border:1px solid #2b3038;border-radius:10px;padding:12px;min-height:90px}.stat-box small{display:block;text-transform:uppercase;font-size:10px}.stat-box strong{display:block;font-size:26px;line-height:1.25;margin-top:8px;color:#fff}.stat-box.smallstat{min-height:83px}.stat-box.smallstat strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.event-stack{display:flex;flex-direction:column;gap:7px}.event-row{display:flex;align-items:center;gap:10px;border:1px solid #2d323c;border-radius:9px;background:#181b21;padding:10px 11px;min-height:55px}.event-row>div:nth-child(2){flex:1;min-width:0}.event-row strong{display:block;font-size:12px}.event-row small{display:block;font-size:11px}.event-row time{color:#aeb4bf;font-size:11px;white-space:nowrap}.event-dot{width:5px;height:35px;border-radius:5px;background:var(--blue);flex-shrink:0}.event-dot.green{background:var(--green)}.event-dot.rose{background:#f9a8d4}.event-dot.red{background:var(--red)}.event-dot.pink{background:#e879f9}.shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shortcut{display:flex;align-items:center;gap:10px;border:1px solid #313844;border-radius:11px;padding:11px 10px;color:#e9f0fb;font-size:12px}.shortcut .ico{background:#1f344a;border-radius:7px;color:var(--blue);font-size:18px}.shortcut span:nth-child(2){flex:1}.activity-panel{margin-top:0}.table-wrap{width:100%;overflow-x:auto}.no-pad{padding:0;overflow:hidden}.no-pad>.panel-head{padding:18px 20px;margin:0}.table-wrap table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}table th{color:#8c929f;font-size:10px;font-weight:750;letter-spacing:.65px;text-transform:uppercase;background:#1c1d23;padding:12px 13px;white-space:nowrap}table td{border-top:1px solid #333840;padding:12px 13px;color:#d4d7df;vertical-align:middle}table tr:hover td{background:#ffffff05}table td strong{color:#f6f7fa}table td small{display:block}.activity-panel table th,.activity-panel table td{padding:10px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #454b56;background:#24272e;color:#e6e9f0;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{background:#333944;transform:translateY(-1px);filter:none}.btn-primary{background:var(--blue);border-color:var(--blue);color:#061528}.btn-primary:hover{background:#8dc0ff}.btn-danger{color:#ff9aaa;border-color:#63303b;background:#371b25}.btn-danger:hover{background:#4a202d}.btn-small{font-size:11px;padding:7px 10px}.badge{display:inline-flex;align-items:center;gap:4px;border:1px solid #4b4c56;border-radius:7px;padding:4px 8px;background:#22252c;color:#c3c8d1;font-size:10px;font-weight:800;white-space:nowrap}.badge.green{color:#42e6a2!important;background:#0d2d24;border-color:#235942}.badge.red{color:#ff7384!important;background:#381b25;border-color:#733442}.badge.blue{color:#70b2ff!important;background:#172c46;border-color:#345a87}.badge.yellow{color:#fbbf24!important;background:#302815;border-color:#70531b}.tabs{display:flex;gap:8px;align-items:center;border-bottom:1px solid #303640;margin:5px 0 24px;overflow:auto}.tabs a{display:inline-flex;align-items:center;color:#a3a8b4;font-weight:700;padding:12px 15px;white-space:nowrap;border-bottom:2px solid transparent}.tabs a.active,.tabs a:hover{color:var(--blue);border-bottom-color:var(--blue)}.tabs.wrap{flex-wrap:wrap}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:13px}.field>span{color:#a8abb6;font-size:12px;font-weight:650}.field input,.field select,.field textarea,textarea,input[type="text"],input[type="url"],input[type="number"],input[type="date"],input[type="datetime-local"]{background:#25262b;border:1px solid #41434b;border-radius:8px;color:#f3f5f9;padding:11px 12px;min-width:0;outline:none;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6daaf5;box-shadow:0 0 0 3px #60a5fa22}.field textarea{resize:vertical}.field-end{justify-content:flex-end}.field-end .btn{width:100%;min-height:42px}.readonly{border:1px solid #373c46;border-radius:8px;padding:11px 12px;background:#202329;color:#aab1be;min-height:43px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.form-grid-3{grid-template-columns:2fr 1fr 1fr}.form-panel{max-width:1050px}.form-panel h3{margin-bottom:22px}.form-subtitle{padding-top:19px;border-top:1px solid #383c46;margin:12px 0 20px}.inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline-form .field{flex:1;min-width:170px}.inline-form .btn{margin-bottom:13px}.danger-panel{border-color:#67323b}.member-banner{display:flex;align-items:center;justify-content:space-between;border:1px solid #364e6a;background:#172332;border-radius:13px;padding:17px 20px;margin-bottom:14px}.member-banner>div{display:flex;align-items:center;gap:13px}.member-banner h2{margin:0}.member-banner p{color:#a9b4c5;margin:3px 0 0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.keyvals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px}.keyvals>div>span{display:block;color:#9096a2;font-size:10px;text-transform:uppercase}.keyvals strong{font-size:13px;overflow-wrap:anywhere}.timeline{display:flex;flex-direction:column;gap:10px}.timeline-item{padding:16px 18px;border:1px solid #3c404a;background:linear-gradient(135deg,#1d2027,#15191f);border-radius:12px}.timeline-item strong{font-size:13px}.timeline-item p{margin:10px 0 5px;color:#bdc2cb}.timeline-item small{font-size:11px}.timeline-item.unread{border-left:3px solid var(--blue)}.timeline-item .badge{margin-right:8px}.number-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:14px}.number-tile{min-height:55px;border:1px solid #3b4857;border-radius:9px;padding:8px 10px;background:#22262c}.number-tile strong{display:block;font-size:13px;color:#aeb7c3}.number-tile small{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.number-tile.occupied{border-color:#3c6998;background:#202a38}.number-tile.occupied strong,.number-tile.occupied small{color:#68afff}.number-tile.reserved{border-color:#755a1d;background:#302819}.number-tile.reserved strong,.number-tile.reserved small{color:#ffcb45}.number-tile.blocked{border-color:#79404b;background:#322027}.number-tile.blocked strong,.number-tile.blocked small{color:#ff7f92}.badges{display:flex;gap:6px;flex-wrap:wrap}.shared-card .panel-head{align-items:center}.checkline{display:flex;align-items:center;gap:8px;margin:10px 0 16px}.checkline input{width:17px;height:17px;accent-color:var(--blue)}
.dispatch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.dispatch-stat{border:1px solid #383d46;background:#191b20;border-radius:13px;padding:16px 19px}.dispatch-stat strong{display:block;font-size:35px;line-height:1.1}.dispatch-stat small{font-size:10px;letter-spacing:2px;font-weight:850}.dispatch-stat.blue{background:linear-gradient(130deg,#19283a,#1c2029);border-color:#345f8b}.dispatch-stat.green{background:linear-gradient(130deg,#142821,#1b2022);border-color:#23624c}.dispatch-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}.dispatch-bar{display:flex;align-items:center;justify-content:space-between;gap:15px}.dispatch-actions{display:flex;align-items:end;gap:10px}.dispatch-actions .field{margin:0}.dispatch-actions .field>span{display:none}.dispatch-actions select{width:160px}.dispatch-actions .btn{min-height:43px}.patrol-item{border:1px solid #373c46;background:#191c22;border-radius:11px;padding:12px;margin-bottom:9px}.patrol-item>div:first-child{display:flex;justify-content:space-between;gap:10px}.patrol-item strong{display:block}.patrol-item small{display:block}.patrol-item .action-pair{margin-top:9px}.staff-item{border-bottom:1px solid #30343e;padding:9px 0}.staff-item strong{display:block}.staff-item small{display:block}.staff-item .badge{float:right}.action-pair{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.empty{color:#9da3ae;font-size:13px;padding:13px 0}.empty-state{padding:35px;text-align:center}.empty-state h2{font-size:33px}.calendar-panel{padding:0;overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:10px}.calendar-toolbar>div{display:flex;align-items:center;gap:7px}.calendar-toolbar strong{font-size:18px;margin-left:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #41444e}.weekday{text-align:center;color:#9ea2ad;font-size:11px;font-weight:800;padding:11px;border-right:1px solid #333842;background:#202127}.day{height:115px;overflow:hidden;border-top:1px solid #353942;border-right:1px solid #353942;padding:9px 7px}.day>strong{font-size:12px;display:block;margin-bottom:6px}.day.outside{opacity:.3}.day.today>strong{background:var(--blue);color:#08192c;width:23px;height:23px;border-radius:50%;display:grid;place-items:center}.cal-event{border-radius:4px;background:#263e65;color:#83bbff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 5px;margin-bottom:3px}.cal-event.green{background:#163e31;color:#5ee1ad}.cal-event.rose{background:#4b283c;color:#f5a2c8}.cal-event.red{background:#4c232a;color:#ffa4ac}.cal-event.pink{background:#412c4d;color:#edb0fc}.modal{border:1px solid #40516b;border-radius:16px;background:#1a1e26;color:#f3f6fc;width:min(740px,calc(100% - 24px));max-height:90vh;overflow:auto;padding:25px;box-shadow:0 20px 80px #000a}.modal::backdrop{background:#000b;backdrop-filter:blur(3px)}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.event-cards,.docs-grid,.org-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.event-cards>.panel,.docs-grid>.panel,.org-cards>.panel{margin:0}.doc-card .doc-symbol{font-size:27px;color:var(--blue);margin-bottom:14px}.doc-card p{color:#aeb3be;white-space:pre-line}.doc-card small{display:block;margin-top:13px}.org-card .org-crest{font-weight:900;color:var(--blue);font-size:30px;margin-bottom:8px}.org-card .btn{margin-top:18px}.task-card{color:var(--text)}.big-number{font-size:45px;color:var(--blue);font-weight:800}.chart-panel{padding:20px 10px}.chart{display:flex;align-items:center;flex-direction:column;gap:0}.chart-level{display:flex;align-items:center;flex-direction:column;max-width:100%;padding:8px 0 19px;position:relative}.chart-level:after{content:"";width:1px;height:16px;background:#4b586b;position:absolute;bottom:0}.chart-level:last-child:after{display:none}.rank-label{border:1px solid #434852;background:#24252b;color:#b9bdc7;font-size:10px;font-weight:800;letter-spacing:1.2px;border-radius:20px;padding:3px 11px;margin-bottom:8px}.chart-row{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;max-width:1100px}.chart-person{border:1px solid #3a608b;background:#1c2027;color:#fff;border-radius:10px;padding:10px 13px;min-width:170px}.chart-person strong{display:block}.chart-person small{display:block;font-size:11px}.section-heading{text-align:center;font-size:12px;letter-spacing:2px;color:#b4b7c3;margin:30px 0 20px}.division-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.division-card{border-top:3px solid var(--division-accent)}.division-people{max-height:410px;overflow:auto}.division-people>div{border:1px solid #3a3d48;border-radius:10px;padding:10px;margin-bottom:7px}.division-people strong{display:block}.division-people small{display:block}.profile-hero{display:flex;align-items:center;justify-content:space-between}.profile-hero>div{display:flex;align-items:center;gap:16px}.profile-hero .avatar{width:70px;height:70px}.profile-hero h2{margin:0}.profile-hero p{margin:0;color:var(--muted)}.inbox-bottom{display:flex;align-items:center;justify-content:space-between}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.admin-items{margin-top:20px;border-top:1px solid #3c4049;padding-top:10px}.admin-items>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #30343e}.scrollbox{max-height:430px;overflow:auto}.rank-edit{display:flex;gap:7px;align-items:center;margin:7px 0}.rank-edit input{padding:7px}.rank-edit input[name=weight]{width:65px}.rank-edit input[name=name]{flex:1}.warrant-card p{color:#c2c8d2}.warrant-chat{margin:14px 0;border-top:1px solid #3a3d45;padding-top:12px}.chat-line{padding:12px;border:1px solid #343c46;border-radius:9px;margin:7px 0;background:#141921}.chat-line strong{font-size:12px}.chat-line span{float:right;font-size:10px;color:var(--muted)}.chat-line p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
#toast{position:fixed;right:24px;bottom:22px;z-index:999;max-width:440px;display:none;background:#143e2e;border:1px solid #34785c;color:#d6ffeb;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow)}#toast.show{display:block}#toast.error{background:#4a202b;border-color:#a3495a;color:#ffdce2}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,#153d6444,transparent 40%),linear-gradient(140deg,#0a1019,#101c2c)}.login-box{width:min(430px,100%);border:1px solid #34506c;border-radius:22px;background:linear-gradient(145deg,#152638,#101821);padding:38px;text-align:center;box-shadow:0 20px 90px #0008}.login-logo{width:88px;height:88px;object-fit:contain;margin-bottom:20px}.login-box h1{font-size:32px;margin:12px 0}.login-box p{color:#aebccc}.login-rule{height:1px;background:#32475c;margin:25px 0}.login-btn{width:100%;padding:15px;margin:16px 0}.login-box small{display:block}.backlink{display:inline-block;margin-top:20px;color:var(--blue);font-weight:650}.public-shell{background:radial-gradient(ellipse at 60% 0,#132f52,transparent 42%),#09111c;min-height:100vh}.public-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1320px;margin:auto;padding:17px 24px}.public-nav nav{display:flex;gap:30px}.public-nav nav a{color:#b9c8d9;font-weight:650}.public-brand{display:flex;align-items:center;gap:9px;color:white;font-size:23px}.public-brand img{width:43px;height:43px;object-fit:contain}.public-hero{max-width:1320px;margin:0 auto;padding:110px 24px 115px}.public-hero h1{font-size:clamp(46px,7vw,92px);letter-spacing:-4px;line-height:1.04;margin:16px 0 25px}.public-hero h1 em{font-style:normal;color:var(--blue)}.public-hero p{max-width:660px;font-size:18px;color:#a7bbd1;margin-bottom:28px}.public-hero .btn{margin-right:10px}.public-section{max-width:1320px;margin:0 auto;padding:45px 24px 65px;scroll-margin-top:35px}.public-section h2{font-size:38px;margin:8px 0 24px}.public-orgs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.public-org{color:var(--text);padding:20px;min-height:215px}.public-org-symbol{display:grid;place-items:center;width:65px;height:52px;border-radius:13px;background:#203d5b;color:#7dbbff;font-weight:900;margin-bottom:17px}.public-org h3{font-size:15px}.public-org p,.public-features p{color:#a6b2c3;font-size:12px}.public-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-support{display:grid;grid-template-columns:1fr 1fr;gap:25px}.public-support p{color:#a6b5c7}.public-footer{text-align:center;padding:35px;color:#8197ac;border-top:1px solid #26394e}.public-wrap{max-width:1080px;margin:0 auto;padding:40px 25px}.public-wrap h1{font-size:42px;margin-top:20px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.status-grid h2{font-size:36px;margin:13px 0}.support-ticket{margin:18px 0}.support-ticket form{margin:15px 0}.public-wrap .backlink{margin-bottom:18px}
body.light{color-scheme:light;--bg:#f2f6fb;--bg2:#fff;--panel:#fff;--panel2:#f4f7fb;--border:#d5deea;--text:#1a2a40;--muted:#6b7b90;--shadow:0 10px 30px #1c34451a}body.light .main{background:#f2f6fb}body.light .topbar{background:#fff;border-color:#d8e2ee}body.light .global-search{background:#f3f6fa;border-color:#d2ddeb}body.light .global-search input{color:#17273d}body.light .panel,body.light .quick-card{background:#fff;color:#1b2a3c;box-shadow:0 3px 13px #19395512}body.light .panel h3,body.light .panel strong,body.light .quick-card strong,body.light .stat-box strong,body.light table td strong{color:#17273d}body.light .stat-box,body.light .event-row,body.light .shortcut,body.light .timeline-item,body.light .day,body.light .number-tile{background:#f7f9fc;color:#25364c}body.light .field input,body.light .field select,body.light .field textarea,body.light input[type="text"],body.light input[type="number"],body.light input[type="url"],body.light input[type="date"],body.light input[type="datetime-local"]{background:#f7f9fc;color:#1c293a;border-color:#cfd8e4}body.light .readonly{background:#edf1f7;color:#4d5a6a}body.light table th{background:#f1f4f9;color:#657588}body.light table td{color:#35455b;border-color:#e0e6ef}body.light .dispatch-stat{background:#fff}body.light .modal{background:#fff;color:#17283d}body.light .modal h2{color:#17283d}body.light .chart-person{background:#fff;color:#1a2a40}body.light .division-people>div{background:#f6f9fd}body.light .hero{background:linear-gradient(110deg,#d7eaff,#f6faff)}body.light .hero h1,body.light .hero-stats b{color:#173351}body.light .hero p{color:#546c87}
body.nav-collapsed .sidebar{width:74px}body.nav-collapsed .sidebar .brand{padding:10px}body.nav-collapsed .brand>div,body.nav-collapsed .nav-link span:not(.ico),body.nav-collapsed .nav-link b,body.nav-collapsed .subnav,body.nav-collapsed .user-toggle>span:not(.avatar),body.nav-collapsed .user-menu,body.nav-collapsed .made,body.nav-collapsed .nav-count{display:none}body.nav-collapsed .nav-link{justify-content:center}body.nav-collapsed .main{margin-left:74px;width:calc(100% - 74px)}
@media(max-width:1350px){.content{padding:24px}.topbar{padding:0 24px}.hero-stats{gap:17px}.quick-grid{grid-template-columns:repeat(3,1fr)}.public-orgs{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1080px){.dashboard-grid,.detail-grid,.admin-grid,.dispatch-layout{grid-template-columns:1fr}.division-grid,.event-cards,.docs-grid,.org-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.number-grid{grid-template-columns:repeat(5,1fr)}.hero-top{flex-direction:column;align-items:flex-start}.public-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);width:270px}.sidebar.mobile-open{transform:translateX(0)}.main,body.nav-collapsed .main{margin-left:0;width:100%}.mobile-nav{display:block;background:none;border:0;color:var(--blue);font-size:25px}.topbar{padding:0 14px;height:60px;gap:8px}.topright{gap:9px}.global-search{width:100%;height:38px}.global-search input{font-size:11px}.topclock span{display:none}.topclock strong{font-size:16px}.content{padding:18px 12px}.hero{padding:23px}.hero-stats{width:100%;justify-content:space-between}.quick-grid{grid-template-columns:repeat(2,1fr)}.filter-grid,.form-grid,.form-grid-3,.public-support{grid-template-columns:1fr}.pagehead{align-items:flex-start;flex-direction:column}.number-grid{grid-template-columns:repeat(3,1fr)}.public-nav nav{display:none}.public-hero{padding:65px 20px}.public-hero h1{letter-spacing:-2px}.public-orgs,.public-features,.division-grid,.event-cards,.docs-grid,.org-cards,.status-grid{grid-template-columns:1fr}.dispatch-bar{flex-direction:column;align-items:flex-start}.calendar-toolbar{flex-wrap:wrap}.day{height:88px;padding:5px}.cal-event{font-size:9px}.weekday{padding:6px}.shortcuts{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.btn,.user-menu{display:none!important}.main{margin:0;width:100%}.content{max-width:none;padding:0}.panel{break-inside:avoid;box-shadow:none}.chart-level{break-inside:avoid}body{background:white;color:black}}
.copy-modal textarea{width:100%;background:#24272e;color:#f3f5f9;border:1px solid #4b5260;border-radius:9px;margin:17px 0;padding:13px;resize:vertical;font:12px/1.6 ui-monospace,Consolas,monospace}.copy-modal>.action-pair{margin-top:10px}.copy-modal>p{color:#9da8b9}.patrol-status{background:#232b37;border:1px solid #3b5877;border-radius:8px;color:#d9e9fa;padding:7px 10px;font-size:12px}.ticket-result input{width:100%;background:#192c41;color:#c8e5ff;border:1px solid #4d85b7;border-radius:8px;padding:12px}.ticket-result p{color:#b4c6d9}

.case-notes-title{margin-top:22px}

.user-menu form{margin:0}.user-menu button.logout{border:0;background:none;color:#ff9eae;display:block;width:100%;text-align:left;padding:7px 11px;border-radius:6px;font-size:12px;font-weight:650}.user-menu button.logout:hover{background:#ffffff15}

/* StatePortal UI refresh · 2026-10 · progressive enhancement, no external assets */
:root{--bg:#080b13;--bg2:#0e1320;--panel:#131925;--panel2:#1a2232;--border:#2a3547;--sidebar:#0a0d17;--text:#f4f7ff;--muted:#99a6b9;--blue:#81a8ff;--blue2:#4f7dec;--shadow:0 18px 54px #0004;--radius:17px}
body{background:var(--bg);letter-spacing:-.012em}
a,button,.btn,.panel,.nav-link,.field input,.field select,.field textarea,.public-org,.shortcut{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,opacity .22s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #95b5ff;outline-offset:3px}
.btn:hover,.public-org:hover,.quick-card:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.985)}
.panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 30px #00000016;background:linear-gradient(145deg,#171e2a,#111722)}
.panel:hover{border-color:#39465c}
.sidebar{background:linear-gradient(170deg,#0b101d,#0b1425 70%,#080e19);border-right:1px solid #273448;box-shadow:8px 0 34px #0002}
.brand{border-color:#263448}.brand img{border-radius:9px;background:#050609;object-fit:contain}.brand small{color:#9eafc8}
.nav-link{color:#b8c5d9;border:1px solid transparent;border-radius:11px}.nav-link .ico{color:#93a7c8}
.nav-link:hover{background:#202c4080;color:#fff}.nav-link.selected{background:linear-gradient(100deg,#2d4d84,#233656);border-color:#41659b;box-shadow:inset 3px 0 #9dbdff;color:#fff}
.nav-scroll{scrollbar-color:#33455f transparent}.side-bottom,.userbox{border-color:#263448}.user-menu{background:#131e30;border-color:#354761;border-radius:13px}.user-menu a{color:#dce6f6}
.main{background:radial-gradient(ellipse 65% 35% at 85% -12%,#19315960,transparent 80%),#0b1019}
.topbar{background:#0c121ded;border-color:#283347;backdrop-filter:blur(18px)}.global-search{background:#151e2c;border-color:#303d51;border-radius:12px}.global-search:focus-within{border-color:#6c93e5;box-shadow:0 0 0 3px #6b8de022}
.content{animation:sp-fade-in .32s ease both}.pagehead h1{font-size:clamp(25px,2.3vw,34px);font-weight:800;letter-spacing:-1.2px}.pagehead p{font-size:13px}
.hero{background:radial-gradient(circle at 85% 20%,#4268b038,transparent 55%),linear-gradient(120deg,#17233b,#0f1829 70%);border-color:#354866;border-radius:20px}
.field input,.field select,.field textarea,input[type="text"],input[type="number"],input[type="url"],input[type="date"],input[type="datetime-local"]{border-radius:11px;background:#0e1624;border-color:#354258;color:#edf4ff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#83a5ff;box-shadow:0 0 0 3px #698cf21c;outline:0}
.btn{border-radius:11px;font-weight:700}.btn-primary{background:linear-gradient(120deg,#4c77df,#5d88ec);color:#fff;border-color:#7197e7;box-shadow:0 4px 18px #345fc62c}.btn-primary:hover{box-shadow:0 7px 24px #4068d15a}
.badge{border-radius:999px}.dispatch-stat{border-radius:16px;background:linear-gradient(140deg,#151f31,#121a2a)}
.admin-grid,.dashboard-grid,.detail-grid,.dispatch-layout{gap:18px}.event-row{border-radius:12px}
@keyframes sp-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Screenshot-inspired unified login, used by all agency subdomains */
.sp-login{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(340px,25%) minmax(0,75%);background:#09090c;color:#f7f8fc}
.sp-login-side{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:2;background:#09090c;padding:24px 34px 28px 36px}
.sp-login-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sp-login-brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:0}.sp-login-brand img{width:30px;height:30px;object-fit:cover;object-position:50% 35%;border-radius:6px}.sp-login-brand strong{font-size:15px;letter-spacing:-.7px;font-weight:850;white-space:nowrap}
.sp-login-header-actions{display:flex;align-items:center;gap:16px;color:#a9adba;font-size:12px}.sp-login-header-actions>span:first-child{padding:7px 11px;border:1px solid #383a44;border-radius:9px;color:#c6cbdb}.sp-login-gear{font-size:20px;opacity:.8}
.sp-login-main{margin:auto 0;max-width:355px;width:100%;padding:20px 0 28px}.sp-login-kicker{color:#8d8e9a;font-size:11px;font-weight:800;letter-spacing:2.4px}.sp-login-main h1{font-size:clamp(34px,2.7vw,43px);font-weight:850;letter-spacing:-2px;margin:3px 0 6px}.sp-login-main>p{font-size:14px;color:#9da1ad;margin-bottom:34px}
.sp-login-choice{display:flex;align-items:center;gap:14px;width:100%;border:1px solid #373944;border-radius:13px;padding:14px;background:linear-gradient(145deg,#18191e,#111216);color:#fff;box-shadow:0 8px 32px #0002}.sp-login-choice:hover{filter:none;border-color:#6688c7;background:#1d2230;box-shadow:0 0 0 4px #5d86dc15;transform:translateY(-2px)}
.sp-choice-icon{width:44px;height:44px;flex:0 0 44px;border-radius:10px;background:#1d2d46;border:1px solid #3a5579;color:#76b1ff;font-size:24px;display:grid;place-items:center}.sp-login-choice>span:nth-child(2){min-width:0;flex:1}.sp-login-choice strong{display:block;font-size:14px;letter-spacing:-.4px}.sp-login-choice small{display:block;font-size:11px;color:#a4a9b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-choice-arrow{font-size:19px;color:#9aa7bc}
.sp-login-footnote{display:block;margin-top:12px;color:#777e8e;font-size:11px}.sp-login-bottom{display:flex;justify-content:space-between;gap:12px;color:#72798b;font-size:11px}.sp-login-bottom span{font-size:9px;letter-spacing:1px}
.sp-login-scene{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 18% 48%,#232647 0%,transparent 54%),linear-gradient(126deg,#111324 0%,#10162a 57%,#070f23 100%);isolation:isolate}
.sp-scene-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 93% 4%,#305aff70,transparent 52%);pointer-events:none}
.sp-scene-copy{position:absolute;z-index:5;top:38%;left:5%;max-width:650px}.sp-time-greeting{display:block;color:#e5e9f6;font-weight:800;font-size:13px;letter-spacing:2.3px}.sp-time-greeting>span{color:#8d96b5}.sp-time-greeting time{font-size:12px;color:#a6b0ca}.sp-scene-copy h2{font-size:clamp(55px,5.3vw,94px);letter-spacing:-5.2px;line-height:1.05;margin:20px 0 16px;font-weight:850}.sp-scene-copy p{font-size:clamp(17px,1.4vw,22px);color:#e0e6f6;margin:0 0 32px}.sp-scene-line{height:1px;width:165px;background:linear-gradient(90deg,#b4b9d0,transparent);margin-bottom:18px}.sp-scene-org{font-size:12px;color:#c1c9e1;letter-spacing:.7px;opacity:.8}
.sp-wave{position:absolute;z-index:1;left:-28%;width:165%;height:63%;border-radius:50% 50% 0 0/33% 42% 0 0;pointer-events:none;transform:rotate(-8deg)}
.sp-wave-one{bottom:-14%;left:-10%;height:72%;background:linear-gradient(175deg,#424c9c,#242d65);transform:rotate(-16deg);opacity:.9}
.sp-wave-two{bottom:-30%;left:20%;height:83%;background:linear-gradient(172deg,#326ba6,#15375f 64%,#1b2851);transform:rotate(-19deg);opacity:.95}
.sp-wave-three{bottom:-46%;left:-38%;height:80%;background:linear-gradient(162deg,#43509a,#1a2956);transform:rotate(12deg)}
.sp-wave-four{bottom:-69%;left:-12%;height:93%;background:linear-gradient(150deg,#3160a7,#17244d 63%,#0a1127);transform:rotate(-9deg)}

/* Staff qualifications & admin page */
.sp-training-catalog{margin-bottom:18px;padding:25px}.sp-training-catalog form{margin-top:20px}.sp-catalog-list{display:grid;gap:8px;margin-top:22px}.sp-catalog-item{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #334158;background:#111a2a;border-radius:13px;padding:14px 16px}.sp-catalog-item strong,.sp-catalog-item small{display:block}.sp-catalog-item small{font-size:12px;margin-top:5px;color:var(--muted)}.sp-result{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.sp-result strong{font-size:15px;color:#c7d9ff}.sp-grant-field{display:none}.sp-training-field{display:block}.sp-training-form .form-grid{align-items:end}.sp-training-form .panel-head a{font-size:12px}
.sp-adminpage{max-width:1250px}.sp-admin-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.sp-admin-top h1{font-size:clamp(30px,4vw,48px);letter-spacing:-2px;margin:8px 0}.sp-admin-top p{color:var(--muted)}.sp-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.sp-admin-stats .panel{padding:22px}.sp-admin-stats small,.sp-admin-stats strong{display:block}.sp-admin-stats small{letter-spacing:1.5px;font-weight:750;font-size:10px}.sp-admin-stats strong{font-size:38px;letter-spacing:-2px;margin-top:8px}.sp-admin-form{padding:26px;margin:18px 0}.sp-admin-form .form-grid{margin:16px 0}.sp-admin-form .btn{margin-top:8px}.sp-ticket{border-top:1px solid #354057;margin-top:20px;padding-top:20px}.sp-ticket .panel-head{margin-bottom:12px}

/* Refreshed homepage */
.public-shell{background:radial-gradient(ellipse at 85% 2%,#18315b 0%,transparent 39%),#090f1b}.public-nav{max-width:1400px;padding-top:23px;padding-bottom:23px}.public-brand img{border-radius:9px;background:#07080b}.public-nav nav a{font-size:13px}.public-hero{max-width:1400px;padding-top:128px;padding-bottom:130px;position:relative}.public-hero:after{content:"";position:absolute;right:0;top:100px;width:30%;height:320px;background:radial-gradient(circle,#355bc14a,transparent 65%);filter:blur(30px);pointer-events:none}.public-hero h1{max-width:1000px;font-size:clamp(50px,6.7vw,92px);font-weight:850;letter-spacing:-5px}.public-hero h1 em{color:#a5bfff}.public-hero p{color:#b5c3d9;max-width:660px;line-height:1.7}.public-section{max-width:1400px}.public-section h2{font-weight:850;letter-spacing:-1.4px}.public-org{background:linear-gradient(140deg,#182338,#111827);border-color:#30405b;min-height:220px}.public-org:hover{border-color:#7699df;box-shadow:0 15px 35px #0003}.public-org-symbol{background:#263c64;color:#b7caff}.public-features .panel{padding:25px;min-height:160px}.public-features h3{font-size:17px}.public-features p{font-size:13px;line-height:1.7}.public-support{padding:28px}.public-footer{border-color:#243248}

@media(max-width:1050px){.sp-login{grid-template-columns:minmax(310px,35%) 1fr}.sp-login-side{padding:24px}.sp-scene-copy{left:6%;top:35%}.sp-scene-copy h2{font-size:clamp(52px,7vw,75px)}.sp-wave{height:66%}}
@media(max-width:720px){.sp-login{grid-template-columns:1fr}.sp-login-side{min-height:62vh;min-height:62dvh;padding:22px 25px}.sp-login-main{margin:80px auto 80px;max-width:440px}.sp-login-scene{min-height:42vh;min-height:42dvh}.sp-scene-copy{top:22%;left:7%}.sp-scene-copy h2{font-size:clamp(45px,11vw,70px);letter-spacing:-3px;margin:10px 0}.sp-scene-copy p{font-size:16px}.sp-scene-org{display:none}.sp-login-bottom{font-size:10px}.sp-admin-top{align-items:flex-start;flex-direction:column}.sp-admin-stats{grid-template-columns:1fr}.sp-catalog-item{align-items:flex-start;flex-direction:column}.sp-admin-form{padding:18px}.public-hero h1{letter-spacing:-2.5px}.public-features .panel{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.sp-workflow{margin-top:30px;margin-bottom:50px}.sp-workflow-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.sp-workflow-head h2{font-size:clamp(32px,3.6vw,52px);letter-spacing:-2px;margin:10px 0 0}.sp-workflow-head>p{max-width:400px;color:#9bafca;font-size:15px;line-height:1.8}.sp-workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sp-workflow-steps>div{background:linear-gradient(140deg,#141e30,#0d1524);border:1px solid #2e405e;border-radius:16px;padding:25px}.sp-workflow-steps>div>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#263f6e;color:#b2cbff;font-weight:800;font-size:13px;margin-bottom:30px}.sp-workflow-steps h3{font-size:18px}.sp-workflow-steps p{color:#a8b6ca;font-size:13px;line-height:1.7;margin:0}
@media(max-width:980px){.sp-workflow-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sp-workflow-head{display:block}.sp-workflow-steps{grid-template-columns:1fr}}
.sp-login-header-actions select{background:#101116;border:1px solid #383a44;border-radius:9px;color:#c6cbdb;padding:7px 10px;max-width:98px;font-size:12px;cursor:pointer}
.sp-login-header-actions select:focus-visible{outline:2px solid #8eaeff}
/* StatePortal Modern UI · Event Center / Personal / Blacklist */
:root{--bg:#090d16;--panel:#121824;--panel2:#192234;--border:#2b3548;--blue:#6da8ff;--radius:18px}
body{background:radial-gradient(ellipse at 70% -15%,#18376a30,transparent 48%),var(--bg);-webkit-font-smoothing:antialiased}
.sidebar{background:linear-gradient(180deg,#0c111d 0%,#0b1423 100%);border-right:1px solid #263348;box-shadow:8px 0 40px #0002}
.sidebar .brand{border-color:#273249}.sidebar .brand img{filter:drop-shadow(0 2px 8px #ffffff0b)}
.sidebar .nav-link{color:#b8c5d9;border:1px solid transparent;font-weight:620;border-radius:11px;margin-bottom:3px}
.sidebar .nav-link:hover{background:#1c2c44;border-color:#34465f;color:#fff}
.sidebar .nav-link.selected{background:linear-gradient(100deg,#1b3558,#172439);border:1px solid #385c90;box-shadow:inset 3px 0 0 #79aaff;color:#fff}
.sidebar .nav-link .ico{color:#86a3c7}.sidebar .user-menu{background:#151e2e;border:1px solid #34445c;border-radius:14px;box-shadow:0 14px 30px #0004}
.side-language{padding:8px 11px;display:flex;justify-content:space-between;align-items:center;gap:9px;border-top:1px solid #34445c;margin-top:6px}
.side-language label{font-size:11px;color:#b7c6dd}.side-language select{background:#1c2940;border:1px solid #41536e;color:#e9f2ff;padding:8px 9px;border-radius:9px;max-width:120px}
.topbar{background:#0d1320ed;backdrop-filter:blur(16px);border-color:#243147}.global-search{border-radius:12px;background:#131d2e;border-color:#2b3b56}
.content{animation:sp-enter .35s cubic-bezier(.2,.8,.2,1) both}.pagehead h1{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.9px}
.pagehead p{line-height:1.55}.head-actions{flex-wrap:wrap;justify-content:flex-end}
.panel{background:linear-gradient(140deg,#161c29,#111722);border:1px solid #2b364a;border-radius:18px;box-shadow:0 12px 36px #0000001a}
.panel:hover{border-color:#3d4d65}.panel-head h3{font-size:15px;letter-spacing:-.2px}
.btn{border-radius:10px;min-height:36px}.btn-primary{background:linear-gradient(135deg,#78b4ff,#4f8fea);border-color:#73a9f0;box-shadow:0 5px 15px #2f6ec02a}
.btn-primary:hover{background:linear-gradient(135deg,#9ccaff,#6aa7fa);box-shadow:0 8px 22px #4f8fea36}
.field input,.field select,.field textarea{border-radius:11px!important;border-color:#384257!important;background:#202734!important;min-height:43px;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#6ba6fb!important;box-shadow:0 0 0 3px #609fff22}
.modal{width:min(840px,calc(100% - 26px));border-radius:20px;background:linear-gradient(160deg,#1b2130,#131822);border:1px solid #41516a;padding:27px;box-shadow:0 32px 100px #000b;animation:sp-modal .2s ease-out both}
.modal::backdrop{background:#030710b8;backdrop-filter:blur(7px)}
.sp-wide-dialog{width:min(920px,calc(100% - 24px))}.sp-event-dialog{width:min(870px,calc(100% - 24px))}
.modal-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.modal-title h2{margin:0;font-size:23px;letter-spacing:-.6px}
.sp-event-center{display:grid;gap:14px}.sp-event-item{padding:22px 24px}.sp-event-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.sp-event-title{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.sp-event-title h3{font-size:17px;letter-spacing:-.4px;margin:0}
.sp-event-meta{font-size:12px;color:#97a7bd;line-height:1.8;margin:10px 0 3px}.sp-event-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end}
.sp-event-state{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sp-event-state select{border-radius:9px;border:1px solid #3b4354;background:#242833;color:#cfd9e9;padding:8px;font-size:12px}
.sp-event-details{border-top:1px solid #344156;margin-top:20px;padding-top:18px;animation:sp-enter .22s ease-out}.sp-event-details[hidden]{display:none}
.sp-event-details>p{font-size:13px;color:#b4c1d5}.sp-event-people{display:grid;gap:8px}.sp-event-people>div{display:flex;align-items:center;gap:14px;background:#192333;border:1px solid #2f3c53;border-radius:11px;padding:10px 13px}
.sp-event-people strong{font-size:13px;flex:1}.sp-event-people small{color:#92a3b8}.sp-event-add{border-top:1px solid #344156;padding-top:20px;margin-top:20px}
.sp-repeat{margin:16px 0;padding:12px 14px;border:1px solid #344054;border-radius:13px;background:#161b25}
.sp-discord-copy textarea{width:100%;border:1px solid #425470;background:#0c1320;color:#dce8ff;padding:17px;border-radius:12px;font:12px/1.7 ui-monospace,Consolas,monospace;resize:vertical}
.sp-discord-copy p{color:#a9b8cb}.sp-divider{border-top:1px solid #34435b;margin:26px 0}.danger-panel .sp-divider+h3{color:#ffacba}
.table-wrap th{background:#192233}.table-wrap td{border-color:#2a3548}.no-pad{overflow:hidden}
.quick-card{border-radius:15px;background:linear-gradient(150deg,#1c273a,#141b28)}.quick-card:hover{box-shadow:0 12px 35px #0004}
.sp-adminpage .panel{border-color:#344056}.sp-adminpage .sp-admin-form{padding:27px}
body.light .sp-event-state select,body.light .side-language select{color:#1b2a3c;background:#fff}
body.light .sp-event-people>div{background:#eef3fa}body.light .sp-event-details>p{color:#53677f}
@keyframes sp-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes sp-modal{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.sp-event-summary{flex-direction:column}.sp-event-tools{justify-content:flex-start}.sp-event-state{width:100%}.sp-event-meta{line-height:1.6}.head-actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.content,.modal,.sp-event-details{animation:none!important}*{scroll-behavior:auto!important}}

/* StatePortal · Precision UI / 26 Oct 2026
   Deliberately restrained: crisp edges, typographic hierarchy, consistent spacing. */
:root{
 --sp-surface:#15181e;--sp-surface-raised:#1a1e25;--sp-line:#303640;
 --sp-ink:#f3f5f9;--sp-secondary:#a3adbc;--sp-accent:#69a9ff;
}
body:not(.light){background:#0d1118;color:var(--sp-ink)}
body:not(.light) .main{background:radial-gradient(ellipse 80% 25% at 50% -12%,#17253a 0%,transparent 100%),#0d1118}
body:not(.light) .sidebar{background:#0e121a;border-right:1px solid #252c37;box-shadow:none}
body:not(.light) .topbar{background:#10151cf2;border-bottom:1px solid #27303d;box-shadow:none}
body:not(.light) .panel{background:var(--sp-surface);border:1px solid var(--sp-line);box-shadow:none;border-radius:16px}
body:not(.light) .panel:hover{border-color:#3b4553}
body:not(.light) .panel-head{border-color:#2d343f}
body:not(.light) .panel-head h3{font-weight:750;letter-spacing:-.4px}
body:not(.light) .pagehead h1{font-weight:790;letter-spacing:-1.25px}
body:not(.light) .pagehead p{color:#9faaba}
body:not(.light) .sidebar .nav-link{color:#9faec1;font-weight:590}
body:not(.light) .sidebar .nav-link:hover{background:#1b2635;border-color:#293d56}
body:not(.light) .sidebar .nav-link.selected{background:#1b2b42;border:1px solid #355078;box-shadow:inset 2px 0 #76aeff;color:#f2f7ff}
body:not(.light) .btn{font-weight:650;border-color:#3a4352;background:#232a35;color:#e5ecf8;box-shadow:none;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
body:not(.light) .btn:hover{background:#2b3647;border-color:#60748f;transform:translateY(-1px)}
body:not(.light) .btn:active{transform:translateY(0)}
body:not(.light) .btn-primary{background:#65a6fa;border:1px solid #75b3ff;color:#091522;box-shadow:none}
body:not(.light) .btn-primary:hover{background:#85baff;border-color:#a4ccff;box-shadow:0 5px 16px #438bfa20}
body:not(.light) .btn-danger{background:#39242a;color:#ffb6c1;border-color:#67404c}
body:not(.light) .btn-danger:hover{background:#503039;border-color:#965061}
body:not(.light) .sp-warning-btn{background:#33291e;color:#f3c992;border:1px solid #6a5332}
body:not(.light) .sp-warning-btn:hover{background:#453524;border-color:#a98144}
body:not(.light) .field input,body:not(.light) .field select,body:not(.light) .field textarea{
 background:#22262d!important;border:1px solid #3b424d!important;border-radius:9px!important;color:#f4f6fa;
}
body:not(.light) .field input:focus,body:not(.light) .field select:focus,body:not(.light) .field textarea:focus{
 border-color:#71adff!important;box-shadow:0 0 0 3px #6aabff1e;
}
body:not(.light) .field>span{color:#a5afbd;font-size:11px;font-weight:650}
body:not(.light) .modal{
 position:relative;width:min(790px,calc(100vw - 32px));max-height:min(88dvh,930px);
 background:#171b22;border:1px solid #404a58;border-radius:17px;padding:29px 32px 32px;
 box-shadow:0 36px 130px #000b,0 0 0 1px #ffffff08;overflow:auto;
}
body:not(.light) .sp-wide-dialog{width:min(890px,calc(100vw - 32px))}
.modal::backdrop{background:#06090fcb;backdrop-filter:blur(7px)}
.modal .modal-title,.modal .panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;
 margin-bottom:23px;padding-bottom:19px;border-bottom:1px solid #323a46}
.modal .modal-title h2,.modal .panel-head h3{font-size:19px;letter-spacing:-.55px;font-weight:760;margin:0}
.modal .form-grid{gap:16px 17px}
.modal .form-subtitle{margin-top:26px;padding-top:19px;border-top:1px solid #2d3642}
.modal .modal-actions{margin-top:24px;padding-top:18px;border-top:1px solid #303944}
.modal .hint{color:#a2afbf;font-size:12px}
.sp-modal-close{
 width:34px;height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;
 background:#242a34;border:1px solid #424c5b;color:#d2dce8;border-radius:9px;cursor:pointer;
 font:600 19px/1 system-ui,sans-serif;transition:background .17s,border-color .17s,color .17s,transform .17s;
}
.sp-modal-close:hover{background:#394456;border-color:#6d89b0;color:#fff;transform:rotate(90deg)}
.sp-modal-close:focus-visible{outline:2px solid #76b3ff;outline-offset:2px}
.sp-modal-close.sp-auto-close{position:absolute;top:21px;right:24px;z-index:5}
.modal:has(.sp-auto-close)>.panel-head,.modal:has(.sp-auto-close)>.modal-title{padding-right:40px}
.modal:has(.sp-auto-close)>h2,.modal:has(.sp-auto-close)>h3,.modal:has(.sp-auto-close)>form>h2{padding-right:45px}
.modal .panel-head [data-close],.modal .modal-title [data-close]{width:34px;min-width:34px;height:34px;padding:0;display:inline-grid;place-items:center;border-radius:9px;background:#252d39;border:1px solid #455164;color:#d7e2f1}
.modal .panel-head [data-close]:hover,.modal .modal-title [data-close]:hover{background:#34435a;border-color:#7196c4}
/* Personnel reference: wide framed information card with 3-column rhythm. */
.detail-grid .sp-record-card{grid-column:1/-1;padding:26px 29px 29px;border-color:#343b46}
.sp-record-card .panel-head{margin-bottom:23px;padding-bottom:18px;border-bottom:1px solid #2e3540}
.sp-record-card .panel-head h3{display:flex;align-items:center;gap:12px;font-size:19px}
.sp-record-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#202e43;color:#7bb6ff;font-size:17px}
.sp-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 30px}
.sp-record-grid>div{min-width:0;display:flex;flex-direction:column;gap:8px}
.sp-record-grid>div>span{font-size:11px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:#858e9e;font-weight:800}
.sp-record-grid>div>strong{font-size:14px;font-weight:700;line-height:1.45;color:#f4f6fb;overflow-wrap:anywhere}
.sp-record-grid>div:nth-child(2)>strong{color:#4edc91}
.sp-record-grid>div:nth-child(6)>strong{color:#75b4ff}
.sp-record-grid>div:nth-child(3)>strong{color:#83cf9e}
.member-banner{border:1px solid #303c4c;background:#141c28;padding:20px 24px;border-radius:15px}
.member-banner h2{font-size:20px;letter-spacing:-.5px}
/* Events: the main row is deliberately compact; editing stays in details. */
.sp-event-center{gap:11px}
.sp-event-item{padding:19px 23px;border-radius:15px}
.sp-event-title{gap:10px}.sp-event-title h3{font-size:16px;font-weight:750}
.sp-event-meta{font-size:11.5px;margin:7px 0 0;color:#a1acba;line-height:1.5}
.sp-event-tools{gap:8px;align-self:center}
.sp-event-details{border-top:1px solid #343d49;margin-top:16px;padding-top:19px}
.sp-event-state{margin-top:20px;padding:15px;background:#1e252f;border:1px solid #354152;border-radius:11px}
.sp-event-state select{min-height:36px;background:#252e3a;border:1px solid #465366;color:#eaf1fc}
.sp-event-people>div{background:#1b222d;border-color:#303c4e}
.sp-count{display:inline-flex;align-items:center;justify-content:center;background:#334256;color:#b6d2f4;min-width:20px;height:20px;padding:0 5px;border-radius:6px;font-size:10px;margin:0 2px}
.sp-event-add{border-top:1px solid #323d4d}
.sp-event-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-event-dialog .field:has(select[name="leader_membership_id"]){grid-column:1/-1}
/* Blacklist expiry date input */
.sp-warning-btn{white-space:nowrap}
body:not(.light) .table-wrap th{background:#1b232f;color:#a5b3c8}
body:not(.light) .table-wrap tr:hover td{background:#1a222d}
body:not(.light) .tabs{border-color:#344050}
body:not(.light) .tabs a.active{border-color:#7bb2fa;color:#c5e0ff}
body:not(.light) .badge{font-weight:680}
@media(max-width:900px){.sp-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.sp-event-tools{align-self:flex-start}}
@media(max-width:600px){
 .sp-record-grid{grid-template-columns:1fr 1fr;gap:18px 12px}
 .sp-record-grid>div>strong{font-size:12px}.sp-record-card{padding:18px!important}
 body:not(.light) .modal{padding:21px 18px 24px}
 .sp-modal-close.sp-auto-close{top:14px;right:15px}
 .sp-event-dialog .form-grid{grid-template-columns:1fr}
 .sp-event-summary{gap:13px}
 .sp-event-meta{font-size:11px}
}
body.light .sp-record-grid>div>strong{color:#223147}
body.light .sp-record-grid>div:nth-child(2)>strong{color:#167e55}
body.light .sp-modal-close{background:#edf2f8;color:#293c53;border-color:#c9d4e4}
@media(prefers-reduced-motion:reduce){.sp-modal-close,.btn{transition:none!important}}

.field[hidden]{display:none!important}

/* Event Center: schlanke Event-Erstellung mit direkter Teilnehmerauswahl */
.sp-event-auto-date{margin:4px 0 16px;color:var(--muted,#97a3b6);font-size:.86rem}
.sp-participant-picker{min-width:0;margin:18px 0 8px;padding:15px 16px;border:1px solid rgba(160,176,203,.22);border-radius:14px;background:rgba(112,135,170,.045)}
.sp-participant-picker legend{padding:0 8px;font-weight:700;font-size:.94rem;color:var(--text,#f2f5fa)}
.sp-participant-picker legend .sp-picker-count{font-weight:500;font-size:.76rem;margin-left:10px;color:#76b5ff}
.sp-participant-picker>p{margin:0 0 12px;color:var(--muted,#97a3b6);font-size:.84rem}
.sp-participant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:230px;overflow:auto;padding:2px 4px 4px 0}
.sp-participant-option{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(160,176,203,.16);border-radius:10px;background:rgba(255,255,255,.018);cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.sp-participant-option:hover{background:rgba(75,145,230,.075);border-color:rgba(112,168,238,.4);transform:translateY(-1px)}
.sp-participant-option:has(input:checked){background:rgba(65,135,230,.12);border-color:rgba(91,162,250,.56)}
.sp-participant-option input{width:17px;height:17px;accent-color:#64a7ff;flex:none}
.sp-participant-option span{display:flex;flex-direction:column;gap:2px;min-width:0}
.sp-participant-option strong{font-size:.87rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-participant-option small{font-size:.75rem;color:var(--muted,#97a3b6)}
@media(max-width:600px){.sp-participant-grid{grid-template-columns:1fr}}

/* GOV · Waffenscheinprüfung – klares, strukturiertes Dark-Interface */
.sp-permit-grid,.sp-permit-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.sp-permit-stats{grid-template-columns:2fr 1fr 1fr}
.sp-permit-stats>.panel{padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.sp-permit-stats small{font-size:11px;font-weight:750;letter-spacing:.11em;color:#7f8a9c}
.sp-permit-stats strong{font-size:22px;letter-spacing:-.035em}
.sp-permit-grid>.panel{margin-bottom:0}
.sp-permit-instructions{display:grid;gap:15px;margin-top:15px}
.sp-permit-instructions>div{display:flex;align-items:center;gap:14px;color:#a9b4c7;font-size:13px}
.sp-permit-instructions b{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid #324154;border-radius:9px;color:#74b6ff;background:#182539}
.sp-permit-catalog{margin:18px 0;padding:24px}
.sp-permit-catalog-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:18px 0;color:#a8b4c6;font-size:13px}
.sp-permit-catalog-actions form{margin-left:auto}
.sp-permit-question-list{display:grid;gap:8px;margin:18px 0}
.sp-permit-question-row{border:1px solid #293544;background:#151b25;border-radius:12px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.sp-permit-question-row>div{display:grid;grid-template-columns:35px 1fr;column-gap:10px;align-items:center;flex:1}
.sp-permit-question-row small{grid-column:2;color:#8391a7;margin-top:4px}
.sp-permit-question-number{font-weight:800;color:#6db4ff;font-size:12px}
.sp-permit-settings{margin:12px 0;border:1px solid #2c3848;border-radius:12px;padding:12px 15px}
.sp-permit-settings summary{cursor:pointer;color:#a9b8ce;font-size:13px;font-weight:700}
.sp-permit-settings form{margin-top:16px}
.sp-permit-exam-form{padding:24px;margin-bottom:22px}
.sp-permit-exam-questions{display:grid;gap:15px;margin:24px 0}
.sp-permit-exam-question{border:1px solid #303a4a;border-radius:15px;background:linear-gradient(145deg,#181d27,#141923);padding:20px;margin:0;min-width:0}
.sp-permit-exam-question legend{font-size:15px;font-weight:750;line-height:1.6;padding:0 9px;color:#eaf1fc;max-width:100%}
.sp-permit-exam-question legend span{color:#65a8ff;font-size:12px;margin-right:10px}
.sp-permit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.sp-permit-answer{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid #333d4c;border-radius:10px;background:#1c222c;cursor:pointer;transition:background .18s,border-color .18s,transform .18s;font-size:13px}
.sp-permit-answer:hover{background:#253044;border-color:#4c85c8;transform:translateY(-1px)}
.sp-permit-answer:has(input:checked){border-color:#60a5fa;background:#192f4d;box-shadow:0 0 0 1px #60a5fa44}
.sp-permit-answer input{accent-color:#60a5fa;width:16px;height:16px;flex-shrink:0}
.sp-permit-answer-key{display:grid;place-items:center;width:25px;height:25px;border:1px solid #425066;border-radius:7px;font-size:11px;font-weight:800;color:#90b9eb;flex-shrink:0}
.sp-permit-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #293647;padding-top:20px;margin-top:20px}
.sp-permit-submit>div{display:grid;gap:6px}.sp-permit-submit small{color:#8c99aa}
.sp-permit-history{padding:24px}.sp-permit-attempt{border:1px solid #2c3544;border-radius:13px;margin-top:10px;overflow:hidden;background:#171c25}
.sp-permit-attempt summary{display:flex;align-items:center;gap:20px;cursor:pointer;padding:17px 19px;list-style:none;transition:background .2s}
.sp-permit-attempt summary:hover{background:#202838}.sp-permit-attempt summary::-webkit-details-marker{display:none}
.sp-permit-attempt-person{display:grid;gap:5px;flex:1}.sp-permit-attempt-person small{color:#8996a9}
.sp-permit-attempt-score{display:flex;align-items:center;gap:15px}.sp-permit-attempt-score>strong{font-size:18px;font-variant-numeric:tabular-nums}
.sp-permit-chevron{color:#8c99aa}.sp-permit-attempt[open] .sp-permit-chevron{transform:rotate(180deg)}
.sp-permit-attempt-detail{padding:18px 20px;border-top:1px solid #2c3544;display:grid;gap:13px}
.sp-permit-attempt-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#9ba9bb}
.sp-permit-review-question{border:1px solid #293544;border-radius:10px;padding:13px 16px;display:grid;gap:8px}
.sp-permit-review-question>div{display:flex;gap:14px;align-items:center;justify-content:space-between}
.sp-permit-review-question small{color:#88b9fa}
.sp-permit-scoreline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid #2a5745;border-radius:13px;padding:17px 19px;background:#10231e;margin-bottom:18px}
.sp-permit-scoreline strong{font-size:21px}.sp-permit-empty{text-align:center;padding:45px 20px}
.sp-permit-empty-icon{display:inline-grid;place-items:center;width:54px;height:54px;background:#203c5b;color:#8ac2ff;border-radius:14px;font-size:27px}
.sp-permit-admin-link{margin-bottom:18px}
@media(max-width:760px){.sp-permit-grid,.sp-permit-stats,.sp-permit-options{grid-template-columns:1fr}.sp-permit-submit,.sp-permit-question-row{flex-direction:column;align-items:stretch}.sp-permit-attempt-score{flex-wrap:wrap}.sp-permit-catalog-actions form{margin-left:0}}
body.light .sp-permit-exam-question,body.light .sp-permit-question-row,body.light .sp-permit-answer,body.light .sp-permit-attempt{background:#f4f7fb;color:#18253a}
body.light .sp-permit-answer:has(input:checked){background:#e0edff}

/* GOV Waffenschein: Dialog und separater Verlauf */
.sp-permit-start{display:flex;justify-content:flex-end;margin:18px 0 24px}
.sp-permit-dialog{width:min(860px,calc(100vw - 32px));max-height:min(90vh,980px);overflow:auto;padding:24px;background:var(--panel,#0d1827);border:1px solid rgba(135,163,197,.32);border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.5)}
.sp-permit-dialog .sp-permit-exam-form{box-shadow:none;border:0;padding:0;margin:0;background:transparent}
.sp-permit-dialog .modal-title{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}
.sp-permit-dialog .modal-title h2{margin:0 0 6px}
.sp-permit-dialog .modal-title p{margin:0;opacity:.7}
.sp-permit-history[hidden]{display:none!important}


/* StatePortal: überarbeiteter Leitungsbereich mit fokussierten Aktionen */
.sp-leader-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 29px;border:1px solid #34516b;border-radius:18px;background:radial-gradient(circle at 95% 20%,#25496e66,transparent 35%),linear-gradient(110deg,#122b41,#121b29 70%);margin-bottom:15px;overflow:hidden}
.sp-leader-hero h2{font-size:28px;letter-spacing:-.04em;margin:8px 0 5px}.sp-leader-hero p{color:#a7b9ce;margin:0;font-size:13px}.sp-leader-icon{font-size:36px;color:#90c9ff;border:1px solid #496a88;background:#18334c;border-radius:16px;width:68px;height:68px;display:grid;place-items:center;flex:none}
.sp-leader-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.sp-leader-metrics>div{border:1px solid #2f4254;background:#171f2a;border-radius:13px;padding:16px 19px;display:flex;flex-direction:column;gap:8px}
.sp-leader-metrics small{font-size:10px;letter-spacing:.12em;color:#91a6ba;font-weight:800}.sp-leader-metrics strong{font-size:25px;font-variant-numeric:tabular-nums;line-height:1.1}
.sp-admin-tabs{display:flex;gap:7px;overflow:auto;border-bottom:1px solid #334557;padding:0 2px 9px;margin:0 0 23px;scrollbar-width:thin}
.sp-admin-tabs button{font:inherit;font-size:12px;font-weight:750;border:1px solid transparent;border-radius:10px;background:transparent;color:#9eb0c4;padding:11px 16px;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.sp-admin-tabs button:hover{background:#263548;color:#e4f0fc}.sp-admin-tabs button.active{background:#1d3956;color:#b5dcff;border-color:#456b91}
.sp-admin-pane[hidden]{display:none!important}.sp-admin-pane{animation:spPaneFade .18s ease both}@keyframes spPaneFade{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.sp-admin-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.sp-admin-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:156px;padding:23px;border:1px solid #33485c;border-radius:15px;background:linear-gradient(145deg,#1b2734,#151d27);color:#e9f2fc;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}
.sp-admin-tile:hover{border-color:#6599c8;background:linear-gradient(145deg,#223850,#172432);transform:translateY(-2px)}
.sp-admin-tile>span{font-size:24px;color:#7dbbfa}.sp-admin-tile strong{font-size:16px}.sp-admin-tile small{font-size:12px;color:#9fb2c6}.sp-admin-tile>b{position:absolute;right:21px;top:23px;color:#84a7c6;font-size:17px}
.sp-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:5px 0 19px}.sp-section-head h2{font-size:20px;margin:0 0 5px}.sp-section-head h3{font-size:17px;margin:0 0 5px}.sp-section-head p{font-size:12px;color:#a0b1c5;margin:0}.sp-admin-actions{display:flex;gap:8px;flex-wrap:wrap}
.sp-admin-list .sp-catalog-item{padding:14px 4px;border-bottom:1px solid #2c3a49}.sp-admin-list .sp-catalog-item:last-child{border-bottom:0}.sp-admin-division-dot{width:11px;height:11px;border-radius:50%;background:var(--dot);display:inline-block;flex:none;margin-right:8px}
.sp-admin-empty{padding:26px;text-align:center}.sp-admin-empty p{color:#9baec2}.sp-medical-question{border:1px solid #354559;border-radius:13px;padding:19px 21px;background:#171f2a}.sp-medical-question-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.sp-medical-question-title>span{color:#80bcfa;font-weight:800;font-size:12px}.sp-medical-question-title strong{font-size:14px;line-height:1.5}
.sp-medical-decision{border:1px solid #45607b;border-radius:13px;background:#1b2a3b;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.sp-medical-decision>div:first-child{display:grid;gap:5px}.sp-medical-decision small{color:#9eb5ca;font-size:12px}.sp-medical-decision-choices{display:flex;gap:9px;flex-wrap:wrap}.sp-medical-decision-choices label{cursor:pointer}.sp-medical-decision-choices input{position:absolute;opacity:0;pointer-events:none}.sp-medical-decision-choices span{display:inline-flex;align-items:center;border:1px solid #46617a;border-radius:10px;padding:11px 15px;background:#1c2b3a;font-weight:750;font-size:12px;transition:.16s}.sp-medical-decision-choices label:has(input:checked) span{background:#1b4b41;border-color:#38a17e;color:#c5ffec}.sp-medical-decision-choices label:last-child:has(input:checked) span{background:#4c2931;border-color:#cc677a;color:#ffe0e6}.sp-medical-decision-choices input:focus-visible+span{outline:2px solid #80c5ff;outline-offset:3px}
body.light .sp-leader-hero,body.light .sp-admin-tile,body.light .sp-leader-metrics>div,body.light .sp-medical-question,body.light .sp-medical-decision{background:#f3f7fc;color:#24354b}
body.light .sp-leader-hero p,body.light .sp-section-head p{color:#596d85}
@media(max-width:840px){.sp-leader-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-admin-shortcuts{grid-template-columns:1fr}.sp-medical-decision{flex-direction:column;align-items:stretch}.sp-section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.sp-leader-hero{padding:20px}.sp-leader-icon{display:none}.sp-leader-metrics>div{padding:13px}.sp-medical-decision-choices{flex-direction:column}}

/* Sechs Behördenportale als gleichmäßiges 3×2-Raster auf der Startseite. */
@media(min-width:801px){.public-orgs{grid-template-columns:repeat(3,minmax(0,1fr))}}