/* Studio – additive Oberfläche für das Bewerbungscockpit.
   Diese Datei überschreibt keine Fachlogik und ergänzt die bestehende Stylesheet-Datei. */
:root{
  --canvas:#f6f7fc;
  --surface:#ffffff;
  --surface-alt:#f8f9fe;
  --surface-hov:#f0f2fb;
  --surface-press:#e7eaff;
  --stroke:#e4e7f1;
  --stroke-2:#cfd5e8;
  --divider:#eceef6;
  --fg:#202947;
  --fg-2:#67708d;
  --fg-3:#8d95ac;
  --brand:#4055c6;
  --brand-hov:#3346ab;
  --brand-tint:#e8ebff;
  --good:#23795b;
  --good-tint:#e6f6ee;
  --warn:#b5641b;
  --warn-tint:#fff2e6;
  --bad:#c74455;
  --bad-tint:#ffedf0;
  --sh2:0 12px 28px rgba(40,51,104,.08);
  --r-ctrl:10px;
  --r-card:16px;
  --row:52px;
}
:root[data-theme="dark"]{
  --canvas:#14182b;
  --surface:#1d2239;
  --surface-alt:#252b46;
  --surface-hov:#2b324f;
  --surface-press:#333b5d;
  --stroke:#343c5b;
  --stroke-2:#4c567b;
  --divider:#2b324e;
  --fg:#f1f3ff;
  --fg-2:#bac1dc;
  --fg-3:#929bbd;
  --brand:#9ba9ff;
  --brand-hov:#bdc6ff;
  --brand-tint:#2d3766;
  --good:#83d8b1;
  --good-tint:#183a32;
  --warn:#ffc184;
  --warn-tint:#432817;
  --bad:#ff9da8;
  --bad-tint:#48202b;
  --sh2:0 16px 34px rgba(0,0,0,.24);
}
body{font-family:Inter,"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;background:radial-gradient(circle at 96% 0,#e6e9ff 0,transparent 27rem),var(--canvas)}
:root[data-theme="dark"] body{background:radial-gradient(circle at 96% 0,#293463 0,transparent 27rem),var(--canvas)}
h1{font-size:30px;line-height:1.12;letter-spacing:-.045em}h2{font-size:17px;letter-spacing:-.02em}h3{font-size:13px}
.topbar{position:fixed;inset:0 auto 0 0;width:216px;min-height:100vh;z-index:30;display:flex;align-items:stretch;flex-direction:column;gap:0;padding:24px 14px;background:#252d59;border:0;box-shadow:none}
.brand{padding:0 10px;margin:0 0 27px;color:#fff;font-size:16px;letter-spacing:-.03em}.brand::before{content:"C";display:inline-grid;place-items:center;width:29px;height:29px;margin-right:10px;background:#bfc9ff;color:#27305e;border-radius:9px;font-size:13px;font-weight:800;vertical-align:middle}
.topbar nav{display:flex;flex:0;flex-direction:column;gap:4px}.topbar nav a{padding:11px 12px;color:#c8cfec;border-radius:10px;font-size:13px}.topbar nav a:hover{background:#ffffff13;color:#fff}.topbar nav a.on{background:#ffffff16;color:#fff;font-weight:650}.topbar form{margin-top:auto}.still{width:100%;justify-content:flex-start;color:#c8cfec;border-radius:10px;padding:10px 12px}.still:hover{background:#ffffff13;color:#fff}.topbar > .still{order:3;margin-top:18px}.topbar form{order:4}.topbar form .still{font-size:13px}
.wrap{max-width:1240px;margin:0 0 0 216px;padding:30px 34px;gap:20px}.fuss{max-width:1240px;margin:0 0 0 216px;padding:0 34px 30px}.card{border-radius:var(--r-card);box-shadow:var(--sh2);border-color:var(--stroke)}.card-h{padding:15px 18px;background:transparent}.row{padding:12px 18px;gap:14px}.row:hover{background:#f7f8ff}.punkt{width:32px;height:32px}.tag{border-radius:8px}.stat{padding:16px 18px;box-shadow:var(--sh2)}.stat b{font-size:27px}.tunreihe{border-radius:14px;box-shadow:var(--sh2)}
button,.btn{border-radius:10px;min-height:38px;transition:background .15s ease,border-color .15s ease,transform .15s ease}button.haupt,.btn.haupt{box-shadow:0 6px 14px rgba(64,85,198,.18)}button.haupt:hover,.btn.haupt:hover{transform:translateY(-1px)}input,textarea,select{border-radius:10px;min-height:38px;border-bottom-width:1px}.sprung{top:0;padding:9px 0;background:transparent}.sprung a{border-radius:999px;box-shadow:var(--sh2)}
.login{max-width:400px;margin:0 auto;padding:0;min-height:100vh;justify-content:center}.login::before{content:"Cockpit";font-size:30px;font-weight:750;letter-spacing:-.05em;text-align:center;color:var(--fg);margin-bottom:3px}.login h1{font-size:17px;text-align:center;color:var(--fg-2);font-weight:450;letter-spacing:0}.login form{background:var(--surface);border:1px solid var(--stroke);border-radius:18px;padding:23px!important;box-shadow:var(--sh2);margin-top:14px!important}.login button{background:var(--brand);border-color:var(--brand);color:#fff;margin-top:4px}.login button:hover{background:var(--brand-hov)}
@media(max-width:760px){.topbar{position:sticky;top:0;width:100%;min-height:0;inset:auto;flex-direction:row;align-items:center;padding:9px 14px;box-shadow:0 1px 0 var(--stroke);background:var(--surface)}.brand{color:var(--fg);padding:0;margin:0 8px 0 0;font-size:15px}.brand::before{display:none}.topbar nav{order:2;flex:1;display:flex;flex-direction:row;overflow:auto;gap:3px}.topbar nav a{white-space:nowrap;padding:8px 10px;color:var(--fg-2)}.topbar nav a.on{background:var(--brand-tint);color:var(--brand)}.topbar > .still{order:3;width:auto;margin:0;padding:8px}.topbar form{order:4;margin:0}.topbar form .still{font-size:0;width:30px;padding:8px}.topbar form .still::before{content:"↪";font-size:16px}.wrap,.fuss{margin-left:0;padding-left:16px;padding-right:16px}.wrap{padding-top:20px}.login{padding:0 20px}.login form{padding:20px!important}}