/* Original archive design is supplied unchanged by style.css. These rules only
   connect the secure login, responsive viewport layout and session controls. */
body{margin:0}
.session-logout{display:inline-flex;margin:0}
.session-logout button{cursor:pointer}
.discord-login{display:flex;align-items:center;justify-content:space-between;text-decoration:none}
.original-login{height:100vh;height:100dvh;overflow:hidden}
.original-login .gate{height:100%;min-height:0}
.original-login .ghero{position:relative;min-height:0;overflow:hidden}
.gate-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%;filter:brightness(.48)}
.original-login .lbrand,.original-login .lcopy{position:relative;z-index:1}
.original-login .gmain{min-height:0}
.original-login .gbox .notice{padding:14px;border:1px solid var(--red);font-size:.9rem}
.vbar{display:none!important}
.original-home{height:100vh;height:100dvh;overflow:hidden}
.original-home #app{height:100%;display:flex;flex-direction:column}
.original-home .site-head{flex:none}
.original-home #app>main{flex:1;min-height:0;display:flex;flex-direction:column}
.original-home .hero{flex:1;min-height:0;padding-block:clamp(20px,6vh,72px);display:flex;align-items:center}
.original-home .hero-in{width:100%}
.original-home .hero h1{font-size:clamp(1.8rem,6vh,3rem)}
.original-home .hero-copy{gap:clamp(10px,2vh,20px)}
.original-home #app>main>.subnav,.original-home #app>main>.sections,.original-home .site-foot,.original-home .eilband{display:none}
@media(max-width:860px){.original-login .gate{grid-template-rows:minmax(0,.65fr) minmax(0,1fr)}.original-login .ghero{padding:20px;gap:15px}.original-login .gmain{align-content:center;padding:24px 20px}.original-login .lcopy h2{font-size:clamp(1.7rem,5vh,2.3rem)}.original-home .hero .lead{font-size:1rem}.original-home .hero .btn-row{flex-wrap:wrap}}
@media(max-height:650px){.original-login .lcopy>p:last-child,.original-login .hint{display:none}.original-login .gmain{padding:18px}.original-login .gbox{gap:12px}.original-home .hero .lead{display:none}.original-home .head-row{gap:5px 12px}.original-home .tabs a{padding:12px 8px}}
@media(max-width:860px) and (max-height:600px){.original-login .gate{display:block}.original-login .ghero{display:none}.original-login .gmain{height:100%}.original-login .gbox h1{font-size:1.7rem}}
/* Original HRH badge is visible on desktop and mobile. */
.hrh-badge{display:inline-flex;flex:none;align-items:center;justify-content:center;margin-left:12px}
.hrh-badge img{display:block;height:42px;width:auto;max-width:110px;object-fit:contain}
#hrh-access-error{position:relative;z-index:100;padding:14px 20px;border:2px solid var(--red);background:var(--surface);color:var(--ink);margin:0}
.login-wrap small{font-size:.7rem;color:var(--head-muted)}
@media(max-width:760px){.hrh-badge{margin-left:6px;order:2}.hrh-badge img{height:34px;max-width:85px}}
/* Website and tablet layout refinements. */
.original-tablet{height:100vh;height:100dvh;overflow:hidden}
.original-tablet .pad-website-link{color:inherit;font:600 13px var(--font-body);text-decoration:none;margin-right:12px}
.original-tablet .session-logout{margin:0}

/* Left: original logoMark. Right: larger HRH wordmark at its natural ratio. */
.site-head .brand img{height:44px;width:auto;max-width:62px;object-fit:contain}
.original-login .lbrand img{height:44px;width:auto;max-width:62px;object-fit:contain}
.hrh-badge img{height:34px;width:auto;max-width:125px;object-fit:contain}
@media(max-width:760px){.site-head .brand img,.original-login .lbrand img{height:36px;max-width:52px}.hrh-badge img{height:28px;max-width:100px}}
/* Discord administration uses real server members/roles, with local accessible checkboxes. */
.access-admin .page-top{margin-top:25px;padding:28px;border:1px solid var(--line);border-radius:12px}
.access-admin .page-top h1{margin:8px 0 15px}
.directory-state{padding:15px 18px;border:1px solid var(--line);border-left:4px solid var(--red);background:var(--surface);border-radius:8px}
.directory-state.is-error{border-color:var(--red)}
.discord-admin-form{display:grid;gap:38px;padding-bottom:60px}
.access-section{display:grid;gap:18px}
.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.access-card,.mapping-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}
.access-card{padding:22px}.access-card h3{margin-bottom:18px}
.discord-picker{display:grid;gap:12px;min-width:0}
.picker-search{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}
.picker-search input{width:100%;padding:10px 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;font:inherit}
.picker-list{max-height:280px;overflow:auto;overscroll-behavior:contain;display:grid;gap:5px}
.picker-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:7px;cursor:pointer;line-height:1.3;min-width:0}
.picker-item:hover,.picker-item:has(input:checked){background:var(--soft);border-color:var(--line)}
.picker-item[hidden]{display:none}.picker-item input{accent-color:var(--red);width:18px;height:18px;flex:none}
.picker-item span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.picker-item strong{font-size:.92rem;font-weight:600}.picker-item small{color:var(--muted);font-size:.78rem}
.picker-empty{font-size:.85rem;color:var(--muted)}
.mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mapping-card summary{cursor:pointer;list-style:none;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px;font-weight:600}
.mapping-card summary::after{content:'+';color:var(--red)}.mapping-card[open] summary::after{content:'−'}
.mapping-count{font-size:.75rem;color:var(--muted);font-weight:400;margin-left:auto;white-space:nowrap}
.mapping-card .discord-picker{padding:0 18px 18px}.mapping-heading{margin-top:20px}
.access-save{position:sticky;bottom:0;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:10px;z-index:10}
.access-save p{font-size:.85rem;max-width:650px}
.hrh-badge img{height:48px;width:auto;max-width:165px;object-fit:contain}
.vacancy-image{width:52px;height:52px;object-fit:contain;background:white;border-radius:7px;flex:none;margin-right:12px}
.onode.vac{display:flex;align-items:center}.onode.vac .otext{min-width:0}
.prof.vac .frame{display:block}.prof.vac .frame img{object-fit:contain;background:white}
@media(max-width:760px){.access-grid,.mapping-grid{grid-template-columns:1fr}.access-card{padding:16px}.access-save{align-items:stretch;flex-direction:column}.mapping-card summary{flex-wrap:wrap}.hrh-badge img{height:38px;max-width:130px}}

/* Keep all account controls and the complete admin label visible. */
.site-head .head-row{max-width:none;padding-inline:24px;gap:12px;}
.site-head .tabs{flex-wrap:wrap;overflow:visible;gap:4px;}
.site-head .tabs a{flex:none;white-space:nowrap;padding-inline:9px;}
.site-head .tabs a.adm{border:1px solid var(--line);border-radius:7px;padding:10px 12px;}
.site-head .login-wrap{flex:none;margin-left:auto;min-width:120px;}
.site-head .login-link{max-width:240px;overflow-wrap:anywhere;white-space:normal;text-align:right;text-decoration:none;}
.site-head .hrh-badge{margin-left:14px;flex:none;}
.access-save[hidden]{display:none;}
.self-profile{padding-block:32px 60px;}.profile-card{max-width:960px;margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,4vw,40px);}
.profile-card>p{color:var(--muted);margin-block:15px 25px;}.profile-data{display:grid;gap:0;margin-bottom:28px;}.profile-data>div{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);}.profile-data dt{color:var(--muted);}.profile-data dd{margin:0;overflow-wrap:anywhere;}
#ap-steps .track .tflow li:last-child::before{background:transparent;color:var(--muted);}
@media(max-width:1100px){.site-head .head-row{flex-wrap:wrap;}.site-head .brand{order:1;margin-right:auto;}.site-head .login-wrap{order:2;}.site-head .hrh-badge{order:3;}.site-head .tabs{order:4;flex-basis:100%;}}
@media(max-width:600px){.site-head .head-row{padding-inline:12px;gap:8px;}.site-head .login-wrap{min-width:0;max-width:45%;}.site-head .login-link{font-size:.8rem;padding:7px;}.site-head .hrh-badge{margin-left:0;}.site-head .hrh-badge img{max-width:90px;height:36px;}.site-head .brand{flex:1 1 100%;}.profile-data>div{grid-template-columns:1fr;gap:5px;}}

.ptabs a{display:inline-flex;align-items:center;padding:12px 18px;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:6px;}.ptabs a:hover{background:var(--soft);}.org-edit-control{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:20px;}.org-edit-control p{font-size:.85rem;color:var(--muted);}.profile-documents{margin-block:28px;}.own-documents{list-style:none;padding:0;display:grid;gap:12px;}.own-documents li{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--line);padding:16px;border-radius:8px;}.own-documents small{display:block;color:var(--muted);margin-top:5px;}.certificate-owner{display:grid;gap:6px;margin-top:10px;max-width:380px;}.member-status{display:block;font-size:.8rem;color:var(--muted);}@media(max-width:600px){.own-documents li{align-items:stretch;flex-direction:column;}}

.mapping-grid{align-items:start;}.mapping-card{align-self:start;}.profile-avatar-editor{display:flex;gap:24px;align-items:center;margin-bottom:30px;}.self-avatar{width:100px;height:100px;object-fit:cover;border-radius:50%;border:2px solid var(--line);}.profile-avatar-editor form{display:grid;gap:10px;min-width:0;}.profile-avatar-editor input{max-width:100%;}.padmin .pgroup{margin-block:25px;}@media(max-width:600px){.profile-avatar-editor{align-items:flex-start;flex-direction:column;}}

/* Dark theme shared by every tablet app. Screen styling leaves PDF/image data intact. */
@media screen {
  body.original-tablet,
  .original-tablet .pad.pad2.nida {
    color-scheme:dark;
    --bg:#111418;--surface:#1b2027;--soft:#252c35;--ink:#f1f5f9;
    --muted:#b7c1cf;--line:#414d5d;--red-text:#ff8992;--blue:#9cc8ff;
    --tablet-accent:#e3000f;--tablet-success:#9ae6b4;--tablet-warning:#f6d78b;
    color:var(--ink);background-color:var(--bg);
  }
  .original-tablet .pad.pad2.nida :is(.appview,.appbody:not(:has(.folder)),.nf-main,.cm-list,.prdpaper) {
    background:var(--bg);color:var(--ink);
  }
  .original-tablet .pad.pad2.nida :is(.appbar,.pcard2,.pad-grid>section,.clockw,.hp-card,.paper,.nform,.nf-nav,.nf-foot,.psec,.psec h4,.pfield,.pchk label,.paper-head,.paper-foot,.folder,.folder .ftab,.pacard,.pa-list li,.ppform,.pprow,.jcard,.jpv .job,.jcard .job.jprev,.jpv .prc,.ppprev .prc,.pptile,.kcard,.pkc,.pkv,.pkb,.ltab,.lhead,.frl,.mailview .mbody,.mrow,.tk,.kpi,.urk-t,.pdoc,.pdfcard,.cf-g,.cf-body,.sigw,.cfgsheet) {
    background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:none;
  }
  .original-tablet .pad.pad2.nida :is(h1,h2,h3,h4,h5,legend,label,strong,b,dt,dd,td,th,summary,.l-time,.alb,.psec h4 i,.ph-nr,.ph-stag,.nf-i,.nf-i i,.job p,.pd-lead) {
    color:var(--ink);
  }
  .original-tablet .pad.pad2.nida :is(.sub,small,.hint,.fhint,.cnote,.cfghint,.kpi span,.l-date,.l-who,.pqual,.pd-meta,.pd-foot,.pd-box p,.jfacts dt,.jcard header small,.pa-w small,.plist2 .pr small,.bwho small,.nf-i span,.cm-empty) {
    color:var(--muted);
  }
  .original-tablet .pad.pad2.nida .clockw .l-time {color:var(--ink)!important;}
  .original-tablet .pad.pad2.nida :is(input,select,textarea),
  .original-tablet :is(.cm-box,.ufbar,.pdfbox) :is(input,select,textarea) {
    color-scheme:dark;color:var(--ink);background:var(--soft);border-color:var(--line);
  }
  .original-tablet :is(input,textarea)::placeholder {color:#9aa8b9;opacity:1;}
  .original-tablet :is(input,select,textarea,button,a):focus-visible {outline:2px solid #9cc8ff;outline-offset:3px;}
  .original-tablet :is(input[type=checkbox],input[type=radio]) {accent-color:var(--tablet-accent);}
  .original-tablet :is(input,textarea)[readonly] {background:var(--surface);color:var(--muted);}
  .original-tablet :is(input,textarea,select):disabled {color:var(--muted);opacity:.65;}
  .original-tablet select option {background:var(--surface);color:var(--ink);}
  .original-tablet .pad.pad2.nida :is(button,.pbtn,.pmini,.abk,.nf-b,.fflags button,.seatpick,.seatchips button,.cm-tpl button,.ufx,.lb-x,.lc button) {
    color:var(--ink);background-color:var(--soft);border-color:var(--line);
  }
  .original-tablet .pad.pad2.nida :is(button,.pbtn,.pmini):hover {background-color:#303b49;color:var(--ink);}
  .original-tablet .pad.pad2.nida :is(button.on,.pbtn.on,.pmini.on,.btn.primary,.cm-send,.cfg-tabs button.on,.cfg-seg button.on,.nf-i.on,.paper .pbtn.on,.seatbtn.on) {
    background:var(--tablet-accent);border-color:var(--tablet-accent);color:#fff;
  }
  .original-tablet .pad.pad2.nida :is(.pbtn.on,.pmini.on,.nf-i.on) :is(b,strong,span,small,i) {color:#fff;}
  .original-tablet .pad.pad2.nida :is(.dng,.danger-btn,.vtal .nein) {background:#41242c;color:#ffb1b8;border-color:#88535f;}
  .original-tablet .pad.pad2.nida :is(.mrow:hover,.mrow.on,.mrow.un,.pacard:hover,.pkdoc:hover,.jap,.pchk label:has(input:checked),.cm.mine) {background:#283647;color:var(--ink);border-color:#5b7594;}
  .original-tablet .pad.pad2.nida :is(.ptabs2,.ptabs,.modes,.nf-nav,.paper-foot,.paper-head) {background:var(--surface);border-color:var(--line);}
  .original-tablet .pad.pad2.nida :is(.chip,.pill,.fst,.astat,.lcat,.kpos,.pips i,.fchips2 i,.jst,.ph-nr,.ph-stag,.ppb,.pkdoc,.pd-box,.pdoc blockquote,.cm-docs .cm-chip) {background:var(--soft);color:var(--ink);border-color:var(--line);}
  .original-tablet .pad.pad2.nida :is(.chip.ok,.jdone,.jst.auf,.pkres.angenommen,.fst.s-fertig,.astat.s-angenommen) {background:#19382d;color:var(--tablet-success);border-color:#376d55;}
  .original-tablet .pad.pad2.nida :is(.pkres.abgelehnt,.astat.s-abgelehnt,.cm-closed,.notice.warn) {background:#41242c;color:#ffb1b8;border-color:#88535f;}
  .original-tablet .pad.pad2.nida :is(.fst.s-offen,.fst.s-bearb,.astat.s-offen,.mnote,.vhint) {background:#3b3322;color:var(--tablet-warning);border-color:#766340;}
  .original-tablet .pad.pad2.nida :is(.appbar,.ptabs2,.nf-nav,.plist2 .pr,.pa-list li,.lhead,.japs,.pd-foot,.paper-foot,.psec,.pfield,.mailview,.tk,.msrch,.mfnew) {border-color:var(--line);}
  .original-tablet .pad.pad2.nida :is(.pdoc h4,.cm-lbl,.jcol h4,.urk-t.add,.mailview a,.pd-box b) {color:var(--red-text);}
  .original-tablet .pad.pad2.nida .aic {background:var(--surface)!important;border-color:var(--line);}
  .original-tablet .pad.pad2.nida .aic.fldr::before,
  .original-tablet .pad.pad2.nida .aic.fldr .fmini i {background:var(--soft);border-color:var(--line);color:var(--ink);}
  .original-tablet .pad.pad2.nida .alb {background:rgba(17,20,24,.92);color:var(--ink);}
  .original-tablet .pad.pad2.nida :is(.pad-status,.dock,.cfgsheet,.cfg-tabs,.cfg-seg,.pad-st,.stpop) {background:#1b2027;color:var(--ink);border-color:var(--line);}
  .original-tablet .pad.pad2.nida .stpop :is(button,button *) {color:var(--ink);}
  .original-tablet .pad.pad2.nida :is(.urk-prev,.urk-ed,.jpv,.ppprev,.cf-pv,.pdfpages,.pdfpg) {background:#111418;border-color:var(--line);}
  /* Modal apps are attached to body, outside the tablet root. */
  .original-tablet :is(.cm-box,.cm-box header,.cm-docs,.cm-list,.cm,.cm-f,.cm-tpl button,.cm-docs .cm-chip,.cm-lbl,#cm-form,.pdfbox,.pdfbox header,.pdfbox iframe,.pdfcard,.prdbox,.ufbar,.lc,.lb,.lflt,.pdoc) {
    background:var(--surface);color:var(--ink);border-color:var(--line);
  }
  .original-tablet .cm.mine {background:#283647;color:var(--ink);}
  .original-tablet :is(.cm-box,.pdoc,.pdfbox,.pdfcard) :is(h1,h2,h3,h4,b,strong,p,label,button,a) {color:var(--ink);}
  .original-tablet :is(.cm-box,.pdoc,.pdfbox) :is(small,cite,.pd-meta,.pd-foot) {color:var(--muted);}
  .original-tablet .pdoc .pd-box {background:var(--soft);color:var(--ink);}
  .original-tablet :is(.pdfbox iframe,.prdpaper,.pdfpages) {background:var(--bg);}
  .original-tablet {scrollbar-color:#596779 #1b2027;}
}
@media screen {
  .original-tablet .pad.pad2.nida :is(input,select,textarea):focus {background:var(--soft);color:var(--ink);border-color:#9cc8ff;}
  .original-tablet .pad.pad2.nida :is(p,span) {color:inherit;}
  .original-tablet .pad.pad2.nida :is(.sub,.hint,.cnote,.cfghint,.l-date,.l-who,.prc-foot,.pd-meta,.pd-foot,.kpi span,.jfacts dt,.job p) {color:var(--muted);}
  .original-tablet .pad.pad2.nida .mtabs .mfadd {color:var(--muted)!important;}
  .original-tablet .pad.pad2.nida .nform .nf-i.on {background:var(--tablet-accent);color:#fff;}
}

.team-lead-group{margin-block:20px 30px;}.team-lead-group>h4{margin-bottom:14px;color:var(--muted);}.profs>div>.prof{height:100%;}.team-leaders .profs>div{min-width:0;}

/* Vacant profiles must expose the real name field while editing. */
.prof.vac.editing-profile h3{display:block;}
.prof.editing-profile .pvac{display:none;}
.profile-name-label{display:block;margin-top:10px;font-size:.75rem;color:var(--muted);}
.prof.editing-profile h3 .ed{display:block;min-height:1.5em;padding:6px;overflow-wrap:anywhere;}