/* assets/auth_app/auth-app-login.css - «Войти через приложение МантисПро» на страницах входа */
.al-or{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:#94a3b8;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.al-or::before,.al-or::after{content:"";flex:1;height:1px;background:#e2e8f0}
.al-btn{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px 9px 9px;border-radius:14px;border:0;color:#fff;text-align:left;cursor:pointer;font:inherit;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 140% at 100% 0,rgba(58,200,220,.45) 0,transparent 55%),linear-gradient(135deg,#0c3f33 0%,#0E5040 45%,#12806a 100%);
  box-shadow:0 18px 34px -18px rgba(14,80,64,.85),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.al-btn::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1.4px) 0 0/10px 10px;-webkit-mask:linear-gradient(110deg,transparent 45%,#000);mask:linear-gradient(110deg,transparent 45%,#000)}
.al-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 22px 38px -18px rgba(14,80,64,.95),inset 0 1px 0 rgba(255,255,255,.22)}
.al-btn:active{transform:translateY(0)}
.al-btn:focus-visible{outline:3px solid rgba(58,200,220,.7);outline-offset:3px}
.al-ico{position:relative;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:4px;flex:none;backdrop-filter:blur(6px)}
.al-ico img{width:100%;height:100%;border-radius:8px;display:block}
.al-ph{position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;border-radius:6px;background:#fff;color:#0E5040;display:grid;place-items:center;font-size:.55rem;box-shadow:0 4px 10px -3px rgba(0,0,0,.45)}
.al-tx{display:block;min-width:0}
.al-tag{display:none;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.16);color:#c9fbea;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
.al-tag i{font-size:.58rem;color:#fde68a}
.al-tx b{display:block;font-size:.88rem;line-height:1.25;color:#fff}.al-tx small i{color:#fde68a;font-size:.6rem;margin-right:4px}.al-tx small{display:block;margin-top:1px;color:rgba(255,255,255,.72);font-size:.74rem;line-height:1.35}
.al-go{margin-left:auto;flex:none;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:.7rem;color:#fff;transition:transform .2s ease,background .2s ease}
.al-btn:hover .al-go{transform:translateX(3px);background:rgba(255,255,255,.3)}
@media (prefers-reduced-motion:reduce){.al-btn,.al-go{transition:none}}
.al-hide{display:none!important}
.al-need{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)}
.al-needmsg{margin-top:8px;font-size:.74rem;color:#b91c1c;font-weight:600}
.al-panel{color:#0f2a24;text-align:center}
.al-panel h2{font-size:1.2rem;color:#1a6b5a;margin:0 0 4px;line-height:1.25}
.al-panel .al-sub{color:#5b6f69;font-size:.88rem;margin:0 0 12px}
.al-qr{position:relative;width:196px;height:196px;margin:6px auto 0;border-radius:18px;background:#fff;border:1px solid #e3eaed;padding:12px;box-shadow:0 12px 30px -16px rgba(15,42,36,.4)}
.al-qr svg{width:100%;height:100%;display:block}
.al-qr .al-c{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:12px;border:4px solid #fff;background:#0E5040;overflow:hidden}
.al-qr .al-c img{width:100%;height:100%;display:block}
.al-num{margin-top:14px}.al-num small{display:block;color:#5b6f69;font-size:.78rem}
.al-num b{display:block;font:800 2.6rem/1 Unbounded,"Arial Black",sans-serif;letter-spacing:.06em;color:#0E5040;margin:4px 0}
.al-tm{display:flex;align-items:center;gap:8px;justify-content:center;font-size:.8rem;color:#5b6f69;margin-top:6px}
.al-tm i{display:block;width:120px;height:5px;border-radius:5px;background:#e5ebee;overflow:hidden}
.al-tm i u{display:block;height:100%;background:linear-gradient(90deg,#14735a,#0b86a0);transition:width 1s linear}
.al-how{margin-top:14px;padding:12px 14px;border-radius:14px;background:#f1f6f5;font-size:.8rem;display:grid;gap:7px;text-align:left}
.al-how div{display:flex;gap:10px;align-items:flex-start}.al-how em{flex:none;width:20px;height:20px;border-radius:50%;background:#0E5040;color:#fff;font-style:normal;font-size:.68rem;font-weight:800;display:grid;place-items:center}
.al-back{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:.8rem;font-weight:700;color:#5b6f69;background:none;border:0;cursor:pointer;font-family:inherit}
.al-st{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:8px auto 12px;font-size:1.8rem}
.al-st.ok{background:#d1fae5;color:#059669}.al-st.er{background:#fee2e2;color:#dc2626}.al-st.wa{background:#fef3c7;color:#b45309}.al-st.ph{background:#e3f3ee;color:#0E5040;position:relative}
.al-st.ph::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(14,80,64,.25);animation:alr 1.6s infinite}
@keyframes alr{from{transform:scale(.85);opacity:1}to{transform:scale(1.25);opacity:0}}
.al-pri{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;border-radius:12px;background:linear-gradient(120deg,#1d5d4d,#3a97b0);color:#fff;font-weight:800;border:0;cursor:pointer;font:inherit;font-weight:800;margin-top:6px}
@media (prefers-reduced-motion:reduce){.al-st.ph::after{animation:none}}

/* регистрация - вторая кнопка того же ряда под карточкой приложения */
.al-reg{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:11px 14px;border-radius:14px;border:1.5px solid #cfe0db;background:#fff;color:#0E5040;font:inherit;font-size:.86rem;font-weight:700;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.al-reg i{font-size:.82rem;color:#14735a}
.al-reg:hover{background:#f0f7f5;border-color:#0E5040;transform:translateY(-1px)}
.al-reg:focus-visible{outline:3px solid rgba(14,80,64,.35);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.al-reg{transition:none}}
/* логотип без рамки */
.al-ico{background:none;border:0;padding:0;backdrop-filter:none;width:36px;height:36px}
.al-ico img{border-radius:10px;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)}
.al-ph{display:grid;right:-6px;bottom:-6px}
/* регистрация - не вариант входа, а отдельный нижний ряд: линия-разделитель и спокойная ссылка */
.al-reg{margin-top:18px;padding:14px 4px 2px;border:0;border-top:1px solid #e2e8f0;border-radius:0;background:none;font-size:.84rem;font-weight:600;color:#475f58}
.al-reg::after{content:"→";font-weight:800;color:#0E5040;transition:transform .2s ease}
.al-reg i{color:#0E5040}
.al-reg:hover{background:none;border-color:#e2e8f0;transform:none;color:#0E5040}
.al-reg:hover::after{transform:translateX(3px)}