/* =========================================================
   STAFF-REDESIGN-6A – Login & Geräte-Onboarding
   ========================================================= */
.staffOnboarding{
  margin:12px 0 16px;
  padding:16px;
  border:1px solid rgba(245,196,0,.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(245,196,0,.12), transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));
  box-shadow:0 22px 52px rgba(0,0,0,.34);
}
.staffOnboarding.hidden{display:none!important;}
.staffOnboarding.is-visible{display:block;}
body.akl-onboarding-active .status-strip,
body.akl-onboarding-active .appScreen,
body.akl-onboarding-active .bottom-nav{display:none!important;}
body.akl-onboarding-active #staffOnboarding{display:block!important;}
.onboardHero{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px;}
.onboardHero h2{margin:2px 0 5px;font-size:25px;line-height:1.02;letter-spacing:-.05em;}
.onboardHero p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.42;max-width:330px;}
.onboardBadge{flex:0 0 auto;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#111;background:var(--yellow);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset;}
.onboardChecklist{display:grid;gap:10px;margin:12px 0 14px;}
.onboardCheck{
  width:100%;display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;text-align:left;
  border:1px solid rgba(255,255,255,.105);border-radius:17px;padding:11px 12px;background:rgba(0,0,0,.22);color:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.onboardCheck b{font-size:14px;line-height:1.1;}
.onboardCheck small{grid-column:2 / 4;color:rgba(255,255,255,.62);font-size:12px;line-height:1.35;margin-top:3px;}
.onboardIcon{grid-row:1 / 3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10);font-size:18px;}
.onboardCheck::after{content:'Prüfen';font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 7px;color:rgba(255,255,255,.70);background:rgba(255,255,255,.075);}
.onboardCheck.ok{border-color:rgba(46,204,113,.32);background:rgba(46,204,113,.08);}
.onboardCheck.ok::after{content:'OK';color:#08170d;background:#2ecc71;}
.onboardCheck.warn{border-color:rgba(245,196,0,.32);background:rgba(245,196,0,.08);}
.onboardCheck.warn::after{content:'Prüfen';color:#111;background:var(--yellow);}
.onboardCheck.bad{border-color:rgba(255,82,82,.36);background:rgba(255,82,82,.08);}
.onboardCheck.bad::after{content:'Blockiert';color:#fff;background:#e94545;}
.onboardActions{display:grid;gap:9px;}
.onboardActions .btn{min-height:44px;border-radius:15px;}
@media (max-width:430px){.staffOnboarding{padding:14px;border-radius:21px}.onboardHero h2{font-size:23px}.onboardCheck{grid-template-columns:38px 1fr auto;padding:10px}.onboardIcon{width:38px;height:38px}}

/* STAFF-REDESIGN-6B – Onboarding layout + status badge cleanup */
.onboardCheck{grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;}
.onboardCheck::after{grid-column:3;grid-row:1 / 3;align-self:center;justify-self:end;min-width:54px;text-align:center;}
.onboardCheck b{grid-column:2;grid-row:1;min-width:0;}
.onboardCheck small{grid-column:2;grid-row:2;margin-top:5px;}
.onboardIcon{grid-column:1;grid-row:1 / 3;align-self:center;}
.onboardHero h2{font-size:23px;letter-spacing:-.045em;}
.onboardHero p{font-size:12.5px;line-height:1.38;}
.staffOnboarding{padding:14px;}
.onboardCheck{padding:10px 11px;border-radius:16px;}
.onboardCheck b{font-size:13.5px;}
.onboardCheck small{font-size:11.5px;}
@media (max-width:380px){.onboardHero{flex-direction:column}.onboardBadge{align-self:flex-start}.onboardCheck{grid-template-columns:42px minmax(0,1fr) auto}.onboardCheck::after{min-width:48px;padding-inline:6px}}