/* SAFE Command Center · gemeinsame Oberfläche */
:root{--bg:#0a111c;--panel:#101d2d;--line:#273b50;--muted:#a6b6c9;--blue:#72c2ff;--ink:#f2f6fc;--success:#87d9ae;--warning:#f0c47b;--danger:#ffaaa7}
body{background:#0a111c}.app-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle}button{transition:background .15s,border-color .15s;min-height:42px}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button:hover{background-color:#20384e}.primary:hover{background:#9bd4ff;color:#061322}button .app-icon{margin-right:8px}button>.app-icon:last-child:first-child{margin:0}h1,.top h1{text-transform:none;text-shadow:none;letter-spacing:-.025em}h2{font-size:21px;letter-spacing:-.015em}.eyebrow{font-size:11px;letter-spacing:.12em}.shell{grid-template-columns:264px minmax(0,1fr)}.shell>.side{position:sticky;top:0;height:100dvh;overflow-y:auto;padding:22px 16px;gap:24px;background:#0d1826;flex-direction:column;flex-wrap:nowrap;border-right:1px solid #26374b;border-bottom:0}.shell>.main{width:100%;max-width:none;padding:0 32px 40px}.main:before{display:none}#content{max-width:1360px;margin:0 auto}#content>.card,#content>form,#content>section.card{margin-bottom:20px}.card,.person,.stat{background:#101d2d;box-shadow:0 8px 24px #0001;border-radius:12px}.top{padding:8px 0 22px;border-bottom:1px solid var(--line);margin-bottom:24px}.top h1{font-size:30px}.top p{font-size:14px;max-width:75ch}.side nav{display:grid;gap:5px;flex-wrap:nowrap}.side nav button{display:flex;align-items:center;gap:0;color:#b7c7db;font-size:14px;min-height:44px;border-radius:7px;line-height:1.35;padding:10px 12px}.side nav button:hover{background:#162a3e;color:white}.side nav button.active{background:#1b344c;color:#d7efff;box-shadow:inset 3px 0 var(--blue)}.side .nav-dropdown-links{display:grid;padding:4px 0 6px 10px;gap:3px;border-left:1px solid #31465a;margin-left:14px}.side .nav-dropdown-links button{width:100%;min-width:0;font-size:13px;padding:9px 11px;white-space:normal}.side .nav-dropdown>summary{font-size:12px;min-height:44px;color:#90a8c0;padding:12px 10px;letter-spacing:.035em}.side .nav-branded-section{padding:10px 12px;color:#a9bdd2;font-size:12px}.side .nav-academy-logo{width:30px;height:38px}.identity{margin-top:auto;font-size:13px}.identity-role{display:block;color:#8da4bc}.identity-name{font-size:14px}.identity small{display:block}.app-command-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;width:100%;min-height:110px;margin:0;padding:10px 8px 22px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;box-shadow:none}.app-command-brand:hover{background:#162a3e}.app-command-brand .app-command-wordmark{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--blue);font-size:42px;font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase}.app-command-wordmark>span{display:block}.app-command-wordmark>b{display:block;position:static;margin:0;color:#80d2ff;font-size:46px;line-height:1;font-weight:900;transform:rotate(-9deg);flex:0 0 auto}.app-command-brand .app-command-subtitle{display:block;color:#bdd8ef;font-size:10px;font-weight:750;line-height:1.3;letter-spacing:.12em;white-space:nowrap}

.appbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap;min-height:77px;margin:0 -4px 22px;padding:12px 4px;background:#0a111cf5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.appbar button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;font-size:12px;background:#101e2e}.appbar-context{font-size:13px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-utilities{margin-left:auto;display:flex;gap:8px;align-items:center}.appbar-utilities button{white-space:nowrap}.notification-count{background:#8bd0ff;color:#082239;border-radius:20px;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 5px;margin-left:7px;font-size:11px;font-weight:800}.appbar #nav-toggle,#nav-close,.nav-scrim{display:none}.nav-scrim[hidden]{display:none!important}.pwa-install-button{margin-left:auto}.appbar:has(.pwa-install-button) .appbar-context{display:none}
.cockpit-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 0 30px;border-bottom:1px solid var(--line);margin-bottom:24px}.cockpit-hero h1{font-size:clamp(32px,3.5vw,46px);font-weight:750;margin:12px 0 10px;line-height:1.08}.cockpit-hero p{color:var(--muted);font-size:15px;margin:0 0 18px}.cockpit-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#c4d1df;font-size:13px}.cockpit-emblem{width:112px;height:124px;overflow:hidden;display:grid;place-items:center;flex-shrink:0;border-left:1px solid #31506b}.cockpit-emblem img{width:135px;height:161px;object-fit:contain;max-width:none}.cockpit-loading{display:flex;gap:10px;align-items:center;padding:14px;background:#12273b;border:1px solid #35556f;border-radius:9px;margin-bottom:18px;font-size:14px}.cockpit-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.cockpit-metric{position:relative;text-align:left;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:158px;padding:18px 20px;border:1px solid #2b4259;border-radius:11px;background:#111f30;box-shadow:0 5px 20px #0001}.cockpit-metric:hover{background:#172b40;border-color:#659ec8}.metric-heading{display:flex;align-items:center;gap:9px;font-size:13px;color:#c3d1df;font-weight:600}.metric-heading>.app-icon{color:#8ab5d5;margin:0}.metric-heading .metric-arrow{margin-left:auto;width:16px;flex-basis:16px;color:#6f8ca6}.cockpit-metric>b{font-size:38px;font-weight:700;line-height:1.2;margin:13px 0 5px;color:#88cfff;letter-spacing:-.04em}.cockpit-metric small{font-size:12px;font-weight:400}.metric-warning>b{color:var(--warning)}.metric-danger>b{color:var(--danger)}.metric-quiet>b{color:#c4d3e2}.cockpit-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:30px}.cockpit-panel{min-width:0;border:1px solid var(--line);border-radius:12px;background:#101d2d;overflow:hidden}.cockpit-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 18px;border-bottom:1px solid var(--line)}.cockpit-panel>header h2{margin:5px 0 0}.cockpit-panel>header button{font-size:12px;padding:7px 10px;min-height:38px}.cockpit-panel>header button .app-icon{display:none}.cockpit-list{padding:4px 20px}.cockpit-task,.cockpit-session{display:flex;width:100%;align-items:center;gap:12px;padding:18px 0;min-height:85px;text-align:left;border:0;border-bottom:1px solid #24364a;border-radius:0;background:transparent}.cockpit-task:last-child,.cockpit-session:last-child{border-bottom:0}.cockpit-task>span:nth-child(2),.cockpit-session>span:nth-child(2){min-width:0;flex:1}.cockpit-task strong,.cockpit-session strong{display:block;font-size:14px;overflow-wrap:anywhere}.cockpit-task small,.cockpit-session small{display:block;font-size:12px;font-weight:400;margin-top:4px}.task-state-dot{height:8px;width:8px;background:var(--blue);border-radius:50%;flex:0 0 8px}.task-state-dot.is-overdue{background:var(--danger)}.cockpit-task>.app-icon{display:none}.cockpit-session>.app-icon{width:17px;flex-basis:17px;color:#7e9db8;margin:0}.session-date{display:grid;place-items:center;align-content:center;flex:0 0 48px;width:48px;height:54px;border:1px solid #37516a;background:#162a3e;border-radius:8px;color:#a4d9ff}.session-date b{font-size:21px;line-height:1.1}.session-date small{font-size:10px;text-transform:uppercase;margin:3px 0 0;color:#a4bed5}.polished-empty{min-height:172px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 12px}.polished-empty>.app-icon{width:26px;height:26px;color:#7baccf;margin-bottom:12px}.polished-empty strong{font-size:14px;font-weight:600}.polished-empty p{font-size:12px;color:var(--muted);margin:7px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 15px}.section-heading h2{margin:5px 0 0}.cockpit-caption{font-size:12px;color:var(--muted)}.cockpit-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cockpit-area{display:flex;align-items:center;gap:12px;text-align:left;min-height:100px;padding:17px;border:1px solid var(--line);border-radius:10px;background:#0f1b2a;min-width:0}.cockpit-area>span:nth-child(2){flex:1;min-width:0}.cockpit-area strong{display:block;font-size:14px}.cockpit-area small{display:block;font-size:12px;font-weight:400;margin-top:5px;line-height:1.4}.area-symbol{display:grid;place-items:center;width:38px;height:42px;border:1px solid #2d4c67;background:#132c42;border-radius:9px;flex:0 0 38px;color:#9ad6ff}.area-symbol .app-icon{margin:0}.cockpit-area>.area-arrow{width:16px;flex-basis:16px;color:#7996af;margin:0}.status-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 8px;border:1px solid currentColor;border-radius:6px;font-size:11px;font-weight:600;line-height:1.35;vertical-align:middle}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor;flex:0 0 5px}.status-info{color:#9ad5ff;background:#163449}.status-warning{color:#f0c47b;background:#382e20}.status-danger{color:#ffaaa7;background:#3b252c}.status-success{color:#87d9ae;background:#18382f}.status-quiet{color:#abbcce;background:#202f40}.cockpit-task .status-pill{flex-shrink:0}
input,select,textarea{border-radius:7px;min-height:45px;border-color:#3c526a;background:#0c1725}input:focus,select:focus,textarea:focus{outline:2px solid #72c2ff;outline-offset:2px;border-color:var(--blue)}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--blue)}label{line-height:1.5}.stack{gap:20px}.formcard{max-width:850px}.optional-form-section{border:1px solid #30475d;border-radius:10px;background:#0d1927}.optional-form-section>summary{cursor:pointer;padding:17px 20px;color:#c3d9eb;font-size:14px;font-weight:650}.optional-form-section>section{padding:0 20px 20px}.optional-form-section>section>h2{display:none}.profile-hero{padding:26px;gap:20px;background:linear-gradient(115deg,#172f46,#101d2d 75%)}.profile-hero h2{font-size:26px;margin-bottom:7px}.profile-hero p{margin:5px 0;font-size:14px}.profile-avatar{border:1px solid #407197;background:#20435e;color:#bde5ff;border-radius:12px}.row:has(>[data-profile-action]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.row>[data-profile-action]{display:flex;align-items:center;text-align:left;min-height:68px;padding:15px;font-size:13px;border:1px solid #33506b;background:#14283b}.row>[data-profile-action]>.app-icon{color:#97d5ff;margin-right:12px}.equipment-status[data-status=processing] strong,.equipment-status[data-status=ordered] strong{color:var(--warning)}.equipment-status[data-status=processing] .equipment-progress>span,.equipment-status[data-status=ordered] .equipment-progress>span{background:var(--warning)}.equipment-status[data-status=delivered] strong,.equipment-status[data-status=completed] strong,.leave-status[data-leave-status=approved] b{color:var(--success)}.equipment-status[data-status=delivered] .equipment-progress>span,.equipment-status[data-status=completed] .equipment-progress>span,.leave-status[data-leave-status=approved] .leave-progress span{background:var(--success)}.leave-status[data-leave-status=processing] b{color:var(--warning)}.leave-status[data-leave-status=processing] .leave-progress span{background:var(--warning)}.ops-table{font-size:14px}.ops-table th{font-size:12px;color:#b3c7da;background:#13263a}.ops-table td{vertical-align:middle}.ops-table td button{font-size:12px;margin:3px;padding:8px 10px}.table-scroll{border-radius:8px}.record{gap:18px}.record>div{min-width:0}.record h3,.record p{overflow-wrap:anywhere}#notification-bell .app-icon{color:var(--blue)}
@media(min-width:1600px){.shell>.main{padding-left:48px;padding-right:48px}}
@media(max-width:1200px){.shell{grid-template-columns:242px minmax(0,1fr)}.shell>.main{padding-left:24px;padding-right:24px}.cockpit-columns{grid-template-columns:1fr}.cockpit-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row:has(>[data-profile-action]){grid-template-columns:repeat(2,minmax(0,1fr))}.appbar-context{display:none}.cockpit-metric{padding:17px 15px}.metric-heading{font-size:12px}}
@media(max-width:900px){.shell{display:block}.shell>.side{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);height:100dvh;z-index:50;transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s;padding:20px 16px;box-shadow:12px 0 40px #0005}.nav-is-open .shell>.side{transform:translateX(0);visibility:visible}.nav-is-open{overflow:hidden}.nav-is-open .nav-scrim{display:block;position:fixed;inset:0;z-index:45;background:#02070cb8;border:0;border-radius:0;backdrop-filter:blur(3px);width:100%;height:100%;padding:0}.shell>.main{padding:0 20px 30px}.appbar{min-height:68px;margin-bottom:20px}.appbar #nav-toggle{display:inline-flex}.appbar #nav-toggle .app-icon{margin-right:7px}#nav-close{display:grid;place-items:center;position:absolute;right:13px;top:12px;min-height:34px;width:34px;padding:6px;border:0;background:#152a3e;border-radius:6px}.app-command-brand{padding-top:28px;min-height:125px}.side nav{display:grid}.side .identity{display:block;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.side .identity small,.side .identity-role{display:block}.cockpit-hero{padding-top:8px}.cockpit-metrics{gap:12px}.appbar-utilities{gap:6px}.appbar .utility-label{display:none}.appbar-utilities button,#app-back{width:42px;min-width:42px;padding:9px}.appbar-utilities button .app-icon,#app-back .app-icon{margin:0}.appbar #notification-bell{width:auto;min-width:42px;max-width:80px}.notification-count{margin-left:4px}.pwa-install-button{font-size:11px!important;padding:8px!important;max-width:110px}.cockpit-emblem{width:95px}}
@media(max-width:650px){.shell>.main{padding:0 14px 25px}.appbar{gap:6px;min-height:65px;margin-bottom:17px}.appbar #nav-toggle{font-size:12px;padding:9px}.appbar #nav-toggle span{display:none}.appbar-utilities{gap:5px}.appbar-utilities button,#app-back,.appbar #nav-toggle{width:40px;min-width:40px;min-height:42px}.appbar #nav-toggle .app-icon{margin:0}.pwa-install-button{max-width:94px;font-size:10px!important;line-height:1.25}.cockpit-hero{gap:8px;padding-bottom:22px;margin-bottom:18px}.cockpit-hero h1{font-size:34px}.cockpit-hero .eyebrow{font-size:9px;line-height:1.6;max-width:260px}.cockpit-hero p{font-size:13px;max-width:27ch}.cockpit-emblem{width:67px;height:100px;border:0}.cockpit-emblem img{width:98px;height:122px}.cockpit-context{gap:8px;font-size:12px}.cockpit-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.cockpit-metric{padding:14px 12px;min-height:145px}.metric-heading{font-size:12px;align-items:flex-start;gap:7px}.metric-heading>.app-icon{width:17px;height:17px;flex-basis:17px}.metric-heading .metric-arrow{display:none}.cockpit-metric>b{font-size:34px;margin:12px 0 5px}.cockpit-metric small{font-size:11px}.cockpit-columns{gap:16px;margin-bottom:24px}.cockpit-panel>header{padding:17px 15px;gap:8px}.cockpit-panel>header h2{font-size:20px}.cockpit-panel>header .eyebrow{font-size:9px}.cockpit-panel>header button{font-size:11px;min-height:42px}.cockpit-list{padding:0 15px}.cockpit-task{gap:10px;flex-wrap:wrap}.cockpit-task>span:nth-child(2){flex-basis:60%}.cockpit-task .status-pill{margin-left:18px}.cockpit-task strong,.cockpit-session strong{font-size:13px}.cockpit-area-grid{grid-template-columns:1fr}.cockpit-area{min-height:86px;padding:15px}.cockpit-caption{display:none}.card{padding:18px}.top h1{font-size:26px}.top{gap:14px}.top>div{min-width:0}.row:has(>[data-profile-action]){grid-template-columns:1fr}.row>[data-profile-action]{min-height:58px}.profile-hero{padding:20px}.profile-hero h2{font-size:22px}.record{flex-wrap:wrap;align-items:flex-start}.record>.row{width:100%}.record button{min-height:44px}.table-scroll:has(.ops-table){overflow:visible}.ops-table{display:block;min-width:0!important;width:100%}.ops-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ops-table tbody{display:grid;gap:14px}.ops-table tr{display:block;background:#0c1928;border:1px solid var(--line);border-radius:9px;padding:12px}.ops-table td{display:grid;grid-template-columns:minmax(80px,.7fr) minmax(0,1.3fr);gap:10px;width:auto;padding:10px 0!important;border:0;border-bottom:1px solid #23364a;white-space:normal;overflow-wrap:anywhere}.ops-table td:last-child{border-bottom:0}.ops-table td::before{content:attr(data-label);color:#92adc4;font-size:12px;font-weight:600}.ops-table td>.status-pill{justify-self:start}.ops-table td:has(button){display:flex;flex-wrap:wrap;gap:6px}.ops-table td:has(button)::before{width:100%}.ops-table td button{margin:0;min-height:44px}.optional-form-section>summary{padding:15px;font-size:13px}.optional-form-section>section{padding:0 15px 15px}}
@media(prefers-reduced-motion:reduce){button,.shell>.side{transition:none!important}*{scroll-behavior:auto!important}}
@media print{body{background:white!important;color:#111!important}.shell{display:block}.shell>.side,.appbar,.nav-scrim,#nav-close{display:none!important}.shell>.main{padding:0!important;width:auto;max-width:none}#content{max-width:none}.card,.person,.stat,.profile-hero,.cockpit-panel{background:white!important;color:#111;box-shadow:none!important}.status-pill{color:#111!important;background:white!important;border-color:#777}.app-icon{color:#333}.ops-table{display:table;min-width:0!important}.ops-table thead{position:static;display:table-header-group;width:auto;height:auto;clip-path:none}.ops-table tbody{display:table-row-group}.ops-table tr{display:table-row;background:white;border:0}.ops-table td,.ops-table td:has(button){display:table-cell;padding:7px!important;border-bottom:1px solid #aaa}.ops-table th{background:white;color:#111}.ops-table td::before{display:none}.muted,small,.note,.eyebrow{color:#444!important}.profile-avatar{background:white;color:#111}.cockpit-emblem{border:0}.cockpit-hero p,.cockpit-context{color:#333}.cockpit-metrics,.cockpit-areas{display:none}.cockpit-columns{display:block}.polished-empty p{color:#444}}