/* Production polish layer, loaded last. */
:root{
  --navy:#071a35;--navy-2:#0b274d;--blue:#1167e8;--blue-hover:#0a56c7;
  --blue-soft:#eaf3ff;--canvas:#f4f7fb;--surface:#fff;--ink:#10213f;
  --muted:#65758d;--line:#dce5f0;--green:#087a55;--red:#c4322b;
  --radius-sm:8px;--radius:12px;--radius-lg:18px;
  --shadow-sm:0 1px 2px rgba(16,33,63,.04),0 5px 18px rgba(16,33,63,.05);
  --shadow:0 14px 40px rgba(16,33,63,.09);
}
html{scroll-behavior:smooth;background:var(--canvas)}
body{background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(17,103,232,.28);outline-offset:2px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow)}
.skip-link:focus{top:16px}
.admin-shell{background:var(--canvas)}
.sidebar{background:linear-gradient(180deg,var(--navy),#041326);border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 30px rgba(4,19,38,.12)}
.brand-sidebar{padding:3px 5px 20px;letter-spacing:-.02em;font-size:18px}
.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#3182ff,#0755cb);color:#fff;box-shadow:0 8px 20px rgba(17,103,232,.28)}
.side-nav{gap:4px}.side-nav>a,.settings-menu>summary{min-height:42px;border-radius:9px;padding:10px 12px;color:#b9c8dd;transition:.16s ease}
.side-nav>a:hover,.settings-menu>summary:hover{background:rgba(255,255,255,.07);color:#fff;text-decoration:none;transform:translateX(1px)}
.side-nav>a.active,.settings-menu>summary.active{background:linear-gradient(90deg,#1268e9,#0c57c9);color:#fff;box-shadow:0 8px 20px rgba(8,78,180,.25)}
.settings-subnav{border-left:1px solid rgba(255,255,255,.14);margin:5px 0 6px 20px;padding-left:8px}.settings-subnav a{border-radius:7px;color:#aabbd1}
.sidebar-user{border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.08)}
.admin-topbar{height:68px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(16,33,63,.02)}
.admin-topbar>strong{font-size:15px;color:var(--navy)}
.admin-content{max-width:1540px;width:100%;margin:0 auto;padding:28px 32px 48px}
.panel,.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--surface)}
.panel:hover,.card:hover{border-color:#cbd8e8}
h1,h2,h3{color:var(--navy);letter-spacing:-.025em}h1{font-size:clamp(28px,3vw,40px)}
.button{min-height:40px;border-radius:9px;padding:9px 15px;background:linear-gradient(180deg,#1b72ee,#0d5fd8);box-shadow:0 5px 14px rgba(17,103,232,.18);transition:.16s ease}
.button:hover{background:linear-gradient(180deg,#1367df,#084fb9);transform:translateY(-1px);box-shadow:0 8px 18px rgba(17,103,232,.24)}
.button.secondary{background:#fff;color:#164c91;border:1px solid #cbd9eb;box-shadow:none}.button.secondary:hover{background:#f5f9ff;border-color:#a9c2e3}
input,select,textarea,.readonly-field{border-color:#ccd8e7!important;border-radius:8px!important;background:#fff!important;transition:border-color .15s ease,box-shadow .15s ease!important}
input:hover,select:hover,textarea:hover{border-color:#9eb4ce!important}
input:focus,select:focus,textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(17,103,232,.12)!important;outline:0!important}
label{color:#263b5a}.muted{color:var(--muted)}
.status{border:1px solid transparent;font-weight:750}.status-in_review,.status-im_interview{background:#fff4d8;color:#875b00;border-color:#f2dfaa}.status-akzeptiert{background:#e7f7ef;color:#08734f;border-color:#bde6d3}.status-abgelehnt{background:#fff0ef;color:#aa2c26;border-color:#f3c7c3}
.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}
table{font-size:13px}th{background:#f7f9fc;color:#6a7890;border-bottom:1px solid var(--line);padding:12px 14px}td{padding:13px 14px}tbody tr{transition:background .12s ease}tbody tr:hover{background:#f7faff}
.metric,.dashboard-card,.pipeline-card{border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.language-picker select{background:#fff!important;color:var(--navy)!important;border-color:#cbd8e8!important}
.public-topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(16,33,63,.04)}
.public-topbar .brand{color:var(--navy)}.public-topbar nav a{color:#263b5a;font-weight:650}.public-topbar nav a:hover{color:var(--blue);text-decoration:none}
.public-content{background:linear-gradient(180deg,#fff 0,#f6f9fd 420px,var(--canvas) 100%)}
footer{background:#fff;border-top:1px solid var(--line);max-width:none;padding-left:max(24px,calc((100vw - 1440px)/2));padding-right:max(24px,calc((100vw - 1440px)/2))}
.alert{border:1px solid transparent;box-shadow:var(--shadow-sm)}
.alert.success{border-color:#bce5d3}.alert.error{border-color:#f1c6c2}.alert.info{border-color:#c9dbf3}
.mobile-nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--navy);cursor:pointer}
@media(max-width:1100px){.admin-content{padding:24px}.admin-topbar{padding-left:20px;padding-right:20px}}
@media(max-width:820px){
 .mobile-nav-toggle{display:inline-grid;place-items:center}.sidebar{transform:translateX(-105%);transition:transform .2s ease;z-index:200}.admin-shell.nav-open .sidebar{transform:translateX(0)}
 .admin-main{margin-left:0!important}.admin-topbar{position:sticky;top:0;z-index:150}.admin-content{padding:20px 16px 36px}
 .admin-shell.nav-open::after{content:"";position:fixed;inset:0;background:rgba(3,14,29,.48);z-index:180}
 .admin-shell.nav-open .sidebar{z-index:220}.public-topbar nav{display:none}.public-actions .button{display:none}
}
@media(max-width:560px){.admin-content{padding:16px 12px 30px}.panel.padded,.card{padding:18px!important}.admin-topbar{height:60px}.top-actions{gap:8px}.language-picker span{display:none}h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}