/* SASP unified visual system */
:root{--ui-bg:#100f0b;--ui-panel:#1f1d16;--ui-panel-2:#27251d;--ui-line:rgba(225,197,94,.18);--ui-line-strong:rgba(233,199,77,.38);--ui-text:#f7f5ed;--ui-muted:#b8ad83;--ui-dim:#988c5f;--ui-cyan:#e6c139;--ui-blue:#e8c546;--ui-green:#45d7a2;--ui-amber:#f3be57;--ui-red:#ff6d7f;--ui-radius:16px;--ui-shadow:0 18px 55px rgba(0,0,0,.22)}
html{scroll-behavior:smooth}.app-body{background:radial-gradient(circle at 30% 0,rgba(174,142,28,.08),transparent 30%),radial-gradient(circle at 90% 12%,rgba(191,165,70,.07),transparent 26%),var(--ui-bg);color:var(--ui-text)}
.app-body .content{padding-inline:clamp(18px,2vw,34px)}.app-body .content>section,.app-body .content>div{max-width:1680px;margin-left:auto;margin-right:auto}.app-body h1,.app-body h2,.app-body h3{color:var(--ui-text);letter-spacing:-.02em}.app-body h1{font-size:clamp(30px,3vw,44px);line-height:1.05}.app-body p{line-height:1.58}.app-body .eyebrow{color:#d9cda1;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.app-body .topbar{min-height:72px;margin-bottom:18px;padding:10px 0;border-bottom:1px solid rgba(211,184,88,.12);background:linear-gradient(180deg,rgba(24,23,18,.82),rgba(24,23,18,0));backdrop-filter:blur(16px)}.app-body .top-pill,.app-body .user-chip{border-color:var(--ui-line);background:linear-gradient(145deg,rgba(42,39,30,.88),rgba(23,22,17,.92));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.app-body .sidebar{border-right:1px solid rgba(207,179,79,.17);background:linear-gradient(180deg,rgba(20,19,15,.99),rgba(13,13,10,.995));box-shadow:15px 0 55px rgba(0,0,0,.16)}.app-body .brand-modern{margin:7px;padding:10px;border-color:var(--ui-line);border-radius:15px;background:linear-gradient(145deg,rgba(54,51,39,.8),rgba(29,27,21,.85))}.app-body .sidebar-group{margin-bottom:6px;border-color:rgba(205,178,79,.12);border-radius:13px;background:rgba(31,29,23,.36);overflow:hidden}.app-body .sidebar-group summary{min-height:48px;padding:8px 10px}.app-body .sidebar-group[open]{border-color:rgba(231,195,67,.25);background:rgba(43,40,31,.55);box-shadow:0 10px 28px rgba(0,0,0,.16)}.app-body .sidebar-group-links{padding:4px 6px 7px}.app-body .sidebar-group-links a{min-height:39px;margin:2px 0;border-radius:10px;color:#cac09d}.app-body .sidebar-group-links a:hover{background:rgba(183,154,49,.11);color:#f9f7ef}.app-body .sidebar-group-links a.active{border:1px solid rgba(231,195,67,.35);background:linear-gradient(135deg,rgba(186,151,25,.25),rgba(151,126,36,.18));color:#fff;box-shadow:inset 3px 0 #e7c23e}
.app-body .card,.app-body .panel,.app-body .settings-card,.app-body .application-admin-card,.app-body .portal-month-card,.app-body .calendar-side>section{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:radial-gradient(circle at 0 0,rgba(198,165,46,.07),transparent 28%),linear-gradient(145deg,rgba(36,34,26,.96),rgba(20,19,15,.98));box-shadow:var(--ui-shadow)}
.app-body input:not([type=checkbox]):not([type=radio]),.app-body textarea,.app-body select{min-height:43px;border:1px solid rgba(207,178,75,.27);border-radius:10px;background-color:rgba(19,17,13,.86);color:#f7f4ea;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.app-body textarea{line-height:1.5}.app-body input:hover,.app-body textarea:hover{border-color:rgba(232,198,76,.44)}.app-body input:focus,.app-body textarea:focus,.app-body select:focus{outline:0;border-color:var(--ui-cyan);box-shadow:0 0 0 3px rgba(230,193,57,.12);background-color:rgba(23,21,16,.98)}.app-body label{color:#c1b794;font-weight:800}.app-body label>small{color:var(--ui-dim)}
.app-body .btn{min-height:40px;border-radius:10px;font-weight:900;letter-spacing:.005em;box-shadow:0 8px 22px rgba(206,169,33,.16);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.app-body .btn:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 12px 28px rgba(223,182,34,.22)}.app-body .btn.secondary{border-color:var(--ui-line);background:rgba(126,105,29,.17);color:#e5dcbe;box-shadow:none}.app-body .btn.danger{background:linear-gradient(135deg,#d74256,#a92843)}
.app-body table{border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border:1px solid var(--ui-line);border-radius:14px;background:rgba(23,22,17,.62)}.app-body thead th{padding:12px 14px;border-bottom:1px solid rgba(209,182,83,.2);background:rgba(52,49,38,.72);color:#d4c591;font-size:9px;letter-spacing:.045em;text-transform:uppercase}.app-body tbody td{padding:13px 14px;border-bottom:1px solid rgba(185,162,77,.1);color:#e5dec5}.app-body tbody tr:last-child td{border-bottom:0}.app-body tbody tr{transition:background .18s ease}.app-body tbody tr:hover{background:rgba(153,127,35,.08)}
.app-body .alert{padding:13px 15px;border-radius:12px;font-weight:750}.app-body .alert.success{border-color:rgba(69,215,162,.32);background:rgba(41,164,122,.11);color:#bdf5df}.app-body .alert.error{border-color:rgba(255,109,127,.3);background:rgba(187,58,79,.12);color:#ffc3cc}.app-body .nav-badge,.app-body .application-admin-tabs b{box-shadow:0 4px 14px rgba(255,110,65,.2)}
.app-body ::-webkit-scrollbar{width:9px;height:9px}.app-body ::-webkit-scrollbar-track{background:#13110d}.app-body ::-webkit-scrollbar-thumb{border:2px solid #13110d;border-radius:999px;background:#75621b}.app-body ::-webkit-scrollbar-thumb:hover{background:#a28727}
.sasp-public-body,.sasp-application-body,.sasp-status-page-body{--ui-line:rgba(227,198,91,.18);color:#f7f5ed}.sasp-public-nav{box-shadow:0 18px 60px rgba(0,0,0,.2)}.sasp-public-footer{border-top-color:rgba(215,188,89,.13)!important}.sasp-application-card,.sasp-status-page-card{box-shadow:0 35px 100px rgba(0,0,0,.34)}
/* Readable, structured recruitment administration */
.app-body .applications-manage-head,.app-body .application-admin-tabs,.app-body .application-admin-list{width:min(1420px,100%)}.app-body .applications-manage-head{margin-bottom:20px}.app-body .applications-manage-head h1{font-size:40px}.app-body .applications-manage-head>div>p:last-child{max-width:720px;color:#bcb28c;font-size:12px}.app-body .application-admin-tabs{gap:9px;margin-bottom:16px}.app-body .application-admin-tabs a{min-height:52px;padding:11px 13px;border-color:rgba(221,193,91,.18);border-radius:12px}.app-body .application-admin-tabs a:hover{border-color:rgba(231,195,65,.34);background:rgba(176,145,34,.1)}.app-body .application-admin-tabs span{font-size:9px}.app-body .application-admin-tabs strong{font-size:11px}.app-body .application-admin-tabs b{min-width:24px;padding:4px 7px;border-radius:999px;font-size:9px;text-align:center}.app-body .application-admin-list{gap:16px}.app-body .application-admin-card>header{grid-template-columns:54px 1fr auto;gap:14px;padding:18px 20px}.app-body .application-admin-avatar{width:52px;height:52px;border-radius:14px;font-size:15px}.app-body .application-admin-card header small{color:#afa378;font-size:9px}.app-body .application-admin-card header h2{margin:5px 0 3px;font-size:20px}.app-body .application-admin-card header p{color:#bfb592;font-size:10px}.app-body .application-status-chip{padding:8px 11px;font-size:10px;font-weight:900}.app-body .application-admin-content{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.4fr);gap:12px;padding:17px 19px}.app-body .application-admin-content section{min-height:116px;padding:16px;border-color:rgba(215,188,91,.16);border-radius:12px}.app-body .application-admin-content small{color:#b4a97f;font-size:9px;font-weight:900;letter-spacing:.045em}.app-body .application-admin-content p{max-height:190px;margin:9px 0 0;color:#ded7bf;font-size:11px;line-height:1.65}.app-body .application-review-form-extended{grid-template-columns:180px 250px minmax(360px,1fr);gap:14px;padding:19px}.app-body .application-review-form label{color:#c2b895;font-size:9px}.app-body .application-review-form-extended label>small{margin-top:7px;color:#a49971;font-size:8px;line-height:1.45}.app-body .application-review-form-extended input,.app-body .application-review-form-extended select{min-height:46px;font-size:11px}.app-body .application-review-form-extended textarea{min-height:112px;padding:12px;font-size:11px}.app-body .application-review-form-extended .note textarea{min-height:96px}.app-body .application-review-form-extended button{min-height:50px;font-size:12px}.app-body .application-admin-card>footer{padding:11px 18px;color:#a29770;font-size:9px}
@media(max-width:1150px){.app-body .application-review-form-extended{grid-template-columns:1fr 1fr}.app-body .application-review-form-extended .public-message,.app-body .application-review-form-extended .note,.app-body .application-review-form-extended button{grid-column:1/-1}}@media(max-width:760px){.app-body .application-admin-content,.app-body .application-review-form-extended{grid-template-columns:1fr}.app-body .application-admin-content section:last-child,.app-body .application-review-form-extended>*{grid-column:1!important}.app-body .application-admin-tabs{grid-template-columns:1fr 1fr}.app-body .application-admin-card>header{grid-template-columns:48px 1fr}.app-body .application-status-chip{grid-column:2}.app-body .applications-manage-head h1{font-size:32px}}@media(max-width:440px){.app-body .application-admin-tabs{grid-template-columns:1fr}}
.application-delete-form{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin:0 18px 16px;padding-top:13px;border-top:1px solid rgba(255,109,127,.12)}.application-delete-form>span{margin-right:auto;color:#765f6a;font-size:8px}.application-delete-form .btn{min-height:37px;box-shadow:none}@media(max-width:620px){.application-delete-form{align-items:stretch;flex-direction:column}.application-delete-form .btn{width:100%}}
@media(max-width:900px){.app-body .content{padding-inline:14px}.app-body h1{font-size:30px}.app-body table{display:block;overflow-x:auto}.app-body .topbar{min-height:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-body *,body[class*=sasp-] *{transition:none!important;animation:none!important}}

/* Interne Benutzeranlage */
.internal-user-create-head,.internal-user-create-card{width:min(1050px,100%)}.internal-user-create-head{margin-bottom:18px}.internal-user-create-head p:last-child{max-width:760px}.internal-user-create-card{padding:22px}.internal-user-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.internal-user-create-form label{min-width:0;color:#c3b891;font-size:10px;font-weight:900}.internal-user-create-form input,.internal-user-create-form select{width:100%;min-height:48px;margin-top:7px}.internal-user-create-note{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr;gap:14px;padding:14px;border:1px solid rgba(58,207,160,.2);border-radius:13px;background:rgba(37,155,121,.07)}.internal-user-create-note strong{color:#71e1b1}.internal-user-create-note span{color:#bcb28f;font-size:10px;line-height:1.55}.internal-user-create-form button{grid-column:1/-1;min-height:50px}@media(max-width:700px){.internal-user-create-form{grid-template-columns:1fr}.internal-user-create-note,.internal-user-create-form button{grid-column:1}.internal-user-create-note{grid-template-columns:1fr}}

/* Klassische flache Navigation wie in der ursprünglichen Portalansicht. */
.app-body .layout{width:100%;min-width:0}.app-body .sidebar{width:222px;min-width:222px;padding:2px 9px 14px}.app-body .content{min-width:0;max-width:none;width:calc(100% - 222px)}.app-body .sidebar .brand-modern{margin:0 0 10px;padding:10px 11px;border-radius:0 0 17px 17px}.app-body .sidebar .brand-modern .brand-mark{width:42px;height:42px}.app-body .sidebar .brand-modern .brand-text strong{font-size:16px}.app-body .sidebar .brand-modern .brand-text span{font-size:7px}.sidebar nav.sidebar-groups{display:flex;gap:2px;padding:0;background:transparent;border:0}.sidebar nav.sidebar-groups>a{min-height:36px;padding:5px 8px;border:1px solid transparent;border-radius:11px;background:transparent;color:#e9e2c9;box-shadow:none}.sidebar nav.sidebar-groups>a:hover,.sidebar nav.sidebar-groups>a.active{transform:none;border-color:rgba(221,185,53,.35);background:linear-gradient(90deg,rgba(185,151,28,.28),rgba(108,88,18,.12));box-shadow:none}.sidebar nav.sidebar-groups>a.active{color:#fff;box-shadow:inset 3px 0 #e9c74e}.sidebar nav.sidebar-groups>a .nav-icon{width:25px;height:25px;flex:none;border-radius:8px;font-size:9px}.sidebar nav.sidebar-groups>a .nav-label,.sidebar nav.sidebar-groups>a>span:last-child{font-size:12px;font-weight:850}.sidebar nav.sidebar-groups>a .nav-badge{min-width:24px;height:24px;display:grid;place-items:center;margin-left:auto;padding:0 6px;border-radius:999px;background:linear-gradient(145deg,#ff9f3d,#ed573f);color:#fff;box-shadow:0 4px 16px rgba(238,89,56,.35)}.sidebar nav.sidebar-groups>.logout-link{margin-top:5px!important;border-color:transparent!important;background:transparent!important;color:#e9e2c9!important}.app-body .content>section,.app-body .content>div{width:100%;max-width:1780px}.app-body .table-wrap{max-width:100%}@media(max-width:900px){.app-body .sidebar{width:100%;min-width:0;padding:10px}.app-body .content{width:100%}.sidebar nav.sidebar-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.sidebar nav.sidebar-groups{grid-template-columns:1fr}}

/* Zusammengefasste Arbeitsbereiche mit kontextbezogenen Reitern. */
.sidebar nav.sidebar-groups{gap:7px}.sidebar nav.sidebar-groups>a:not(.logout-link){min-height:48px;padding:8px 10px}.sidebar nav.sidebar-groups>a:not(.logout-link) .nav-icon{width:30px;height:30px}.sidebar nav.sidebar-groups>a:not(.logout-link) .nav-label{font-size:11px}.workspace-tabs{width:100%;max-width:1780px;margin:0 auto 18px;padding:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:7px;border:1px solid rgba(211,183,83,.16);border-radius:15px;background:rgba(28,27,21,.62);box-shadow:0 12px 34px rgba(0,0,0,.14)}.workspace-tabs a{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:54px;padding:8px 10px;border:1px solid transparent;border-radius:11px;color:#c0b692;text-decoration:none;transition:.18s ease}.workspace-tabs a:hover{border-color:rgba(220,187,69,.2);background:rgba(159,132,33,.09);color:#f3efe1}.workspace-tabs a.active{border-color:rgba(230,192,54,.38);background:linear-gradient(135deg,rgba(196,160,28,.22),rgba(164,138,45,.16));color:#fff;box-shadow:inset 0 -2px #e5c13d}.workspace-tab-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(220,190,80,.17);border-radius:10px;background:rgba(168,139,35,.10);color:#e9cf72;font-size:9px;font-weight:1000}.workspace-tabs strong,.workspace-tabs small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-tabs strong{font-size:10px}.workspace-tabs small{margin-top:3px;color:#988c60;font-size:7px}.workspace-tabs a.active small{color:#c2b483}.workspace-tabs b{min-width:22px;padding:4px 6px;border-radius:999px;background:#ee7141;color:#fff;font-size:8px;text-align:center}@media(max-width:900px){.workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.workspace-tabs{grid-template-columns:1fr}}

/* Command Bar: schmale Bereichsleiste plus kontextbezogenes Untermenü. */
.app-body .command-sidebar{width:278px;min-width:278px;display:grid;grid-template-columns:66px minmax(0,1fr);padding:0!important;overflow:hidden;background:#13120e}.app-body .command-sidebar+.content{width:calc(100% - 278px)}.command-rail{min-width:0;display:flex;flex-direction:column;align-items:center;padding:10px 8px;border-right:1px solid rgba(213,185,84,.14);background:linear-gradient(180deg,#1e1c15,#100f0c)}.command-logo{width:48px;height:54px;display:grid;place-items:center;margin-bottom:17px;border:1px solid rgba(219,189,80,.18);border-radius:14px;background:rgba(45,42,32,.75)}.command-logo img{width:43px;height:43px;object-fit:contain}.command-rail nav{width:100%;display:grid;gap:8px}.command-rail nav a,.command-logout{position:relative;width:48px;height:48px;display:grid;place-items:center;border:1px solid transparent;border-radius:13px;background:transparent;color:#b2a577;text-decoration:none;font-size:9px;font-weight:1000;transition:.18s ease}.command-rail nav a:hover{border-color:rgba(224,191,71,.21);background:rgba(172,143,38,.11);color:#f1edde}.command-rail nav a.active{border-color:rgba(232,197,70,.38);background:linear-gradient(145deg,#c09c18,#d5b43e);color:#fff;box-shadow:0 10px 25px rgba(194,157,25,.28)}.command-rail nav a b{position:absolute;right:-4px;top:-4px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border:2px solid #1a1812;border-radius:999px;background:#f06d3e;color:#fff;font-size:7px}.command-logout{margin-top:auto;color:#ef8790}.command-logout:hover{background:rgba(222,64,78,.1);color:#ffb0b7}.command-panel{min-width:0;padding:18px 11px;background:linear-gradient(180deg,rgba(26,25,19,.99),rgba(14,14,11,.99))}.command-panel>header{padding:0 7px 17px;border-bottom:1px solid rgba(202,176,80,.12)}.command-panel>header small,.command-panel>header strong,.command-panel>header span{display:block}.command-panel>header small{color:#ad9c5f;font-size:6px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}.command-panel>header strong{margin-top:5px;color:#faf8f2;font-size:17px}.command-panel>header span{margin-top:7px;color:#e8c546;font-size:8px;font-weight:900;text-transform:uppercase}.command-submenu{display:grid;gap:5px;margin-top:13px}.command-submenu a{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:48px;padding:7px 8px;border:1px solid transparent;border-radius:11px;color:#bdb391;text-decoration:none;transition:.18s ease}.command-submenu a:hover{border-color:rgba(218,186,71,.17);background:rgba(154,128,34,.09);color:#f5f2e6}.command-submenu a.active{border-color:rgba(230,192,53,.3);background:linear-gradient(90deg,rgba(186,152,29,.23),rgba(139,117,37,.08));color:#fff;box-shadow:inset 3px 0 #e7c33f}.command-submenu .nav-icon{width:31px;height:31px;border-radius:9px;font-size:9px}.command-submenu strong,.command-submenu small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-submenu strong{font-size:10px}.command-submenu small{margin-top:3px;color:#8e8258;font-size:7px}.command-submenu a.active small{color:#bcae7b}.command-submenu>a>b{min-width:21px;height:21px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:#f06d3e;color:#fff;font-size:7px}.workspace-tabs{display:none!important}@media(max-width:900px){.app-body .command-sidebar{position:static;width:100%;min-width:0;height:auto;display:block;overflow:visible}.app-body .command-sidebar+.content{width:100%}.command-rail{display:grid;grid-template-columns:50px minmax(0,1fr) 44px;padding:8px;border-right:0;border-bottom:1px solid rgba(213,185,84,.14)}.command-logo{width:44px;height:44px;margin:0}.command-logo img{width:37px;height:37px}.command-rail nav{display:flex;justify-content:center;gap:6px}.command-rail nav a,.command-logout{width:42px;height:42px}.command-logout{margin:0}.command-panel{padding:9px}.command-panel>header{display:none}.command-submenu{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.command-submenu a{min-height:43px}}@media(max-width:520px){.command-submenu{grid-template-columns:1fr}.command-rail nav a{width:38px;height:38px}.command-logo{width:40px;height:40px}.command-logo img{width:34px;height:34px}}