/* ADMINYX · Портал сотрудника — сцена приложения и экраны входа */
html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}
body{background:var(--bg-0);-webkit-tap-highlight-color:transparent}
a{color:var(--ac)}a:hover{color:var(--ac-hover)}
.axp-stage{height:100%;display:flex;justify-content:center;align-items:stretch}
.axp-app{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-0)}
@media (min-width:560px){
  .axp-stage{align-items:center;padding:24px;background:radial-gradient(900px 600px at 50% -10%,color-mix(in oklab,var(--ac) 7%,transparent),transparent 60%),var(--bg-0)}
  .axp-app{max-width:430px;height:min(100%,900px);border:1px solid var(--ln-2);border-radius:24px;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
}
.axp-app>.pt{height:100%}
/* тосты */
.axp-toasts{position:absolute;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:120;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.axp-toast{display:flex;align-items:center;gap:10px;max-width:100%;padding:11px 14px;border-radius:14px;background:color-mix(in oklab,var(--bg-2) 94%,transparent);backdrop-filter:blur(12px);border:1px solid var(--ln-2);box-shadow:var(--sh-2);font-size:13.5px;font-weight:600;line-height:1.35;animation:anim-pop .3s var(--ease) both}
.axp-toast .dot{width:22px;height:22px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000}
/* вход */
.axa-wrap{height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 0%,color-mix(in oklab,var(--ac) 8%,transparent),transparent 60%);scrollbar-width:none}
.axa-wrap::-webkit-scrollbar{display:none}
.axa-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px;animation:ptRise .4s var(--out,ease) both}
.axa-logo{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.axa-logo .mk{width:46px;height:46px;border-radius:12px;background:var(--ac);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -10px var(--ac)}
.axa-sub{font-family:var(--font-m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-2)}
.axa-h{font-family:var(--font-d);font-weight:900;font-size:30px;line-height:1.05;letter-spacing:-.01em;text-wrap:balance}
.axa-p{font-size:14.5px;line-height:1.5;color:var(--tx-2);text-wrap:pretty}
.axa-eye{all:unset;cursor:pointer;width:40px;height:40px;margin-right:-8px;display:flex;align-items:center;justify-content:center;color:var(--tx-3);border-radius:50%;flex:none}
.axa-eye:hover{color:var(--tx-1);background:var(--bg-3)}
.pt-in.bad{border-color:var(--st-call)}
.pt-in.bad:focus-within{box-shadow:0 0 0 3px var(--st-call-dim)}
.axa-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border-radius:12px;font-size:13.5px;line-height:1.45;font-weight:600}
.axa-alert>.ic{flex:none;margin-top:1px}
.axa-alert.er{background:var(--st-call-dim);color:#FF8A82;border:1px solid color-mix(in oklab,var(--st-call) 40%,transparent)}
.axa-alert.wa{background:var(--st-break-dim);color:var(--st-break);border:1px solid color-mix(in oklab,var(--st-break) 40%,transparent)}
.axa-shake{animation:axaShake .4s ease both}
@keyframes axaShake{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
.axa-link{all:unset;cursor:pointer;align-self:center;padding:8px 10px;font-size:14px;font-weight:600;color:var(--tx-2);border-radius:8px}
.axa-link:hover{color:var(--tx-1);background:var(--bg-2)}
.axa-fine{font-size:12px;color:var(--tx-3);text-align:center;line-height:1.45}
.axa-steps{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--tx-3)}
.axa-steps span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.axa-steps span.done{color:var(--ok)}
.axa-steps span.on{color:var(--ac)}
.axa-steps i{flex:1;height:1px;background:var(--ln-2);min-width:12px}
.axa-str{font-size:12px;font-weight:700}
.axa-str.s0{color:var(--st-call)}.axa-str.s1{color:var(--st-break)}.axa-str.s2{color:var(--ac)}.axa-str.s3{color:var(--ok)}
.axa-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.axa-meter i{height:4px;border-radius:2px;background:var(--bg-3);transition:background .25s}
.axa-meter.s0 i:nth-child(-n+1){background:var(--st-call)}
.axa-meter.s1 i:nth-child(-n+2){background:var(--st-break)}
.axa-meter.s2 i:nth-child(-n+3){background:var(--ac)}
.axa-meter.s3 i{background:var(--ok)}
.pt-btn.soft{opacity:.6}
.axa-demo{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:12px;border:1px dashed var(--ln-2);border-radius:14px}
.axa-demo button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:9px;background:var(--bg-2)}
.axa-demo button:hover{background:var(--bg-3)}
.axa-demo b{font-size:13px}
.axa-demo span{font-size:11.5px;color:var(--tx-2);font-family:var(--font-m)}
.axa-card .pt-reqs li.ok{text-decoration:none;color:var(--ok)}