/* DKA GROUP · лендинг · B10: шторка входа / регистрации (app/auth-sheet.js).
   Телефон — как шторка калькулятора: фон бумаги, скругление 24 сверху, полоска-ручка, крестик 40, затемнение
   rgba(16,12,30,.5), появление снизу 460 мс, уход 300 мс. Компьютер — окно 440 по центру. Цвета — токены бренда. */
.b10-auth{position:fixed;inset:0;z-index:95;visibility:hidden;pointer-events:none}
.b10-auth.is-open{visibility:visible;pointer-events:auto}
.b10-auth__scrim{position:absolute;inset:0;background:rgba(16,12,30,.5)}
.b10-auth__panel{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;
  max-height:calc(100svh - env(safe-area-inset-top,0px) - 28px);background:var(--paper,#F3F1F8);border-radius:24px 24px 0 0;
  box-shadow:0 -12px 40px rgba(16,12,30,.18);outline:none;will-change:transform;
  padding-bottom:max(8px,min(env(safe-area-inset-bottom,0px),34px))}
.b10-auth__panel.is-drag{transition:none}
.b10-auth__panel.is-settle{transition:transform 360ms cubic-bezier(.32,.72,0,1)}
.b10-auth__top{position:relative;flex:none;height:44px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}
.b10-auth__grab{width:44px;height:5px;border-radius:3px;background:var(--border-strong,rgba(19,19,21,.24));transition:background-color 160ms,transform 160ms}
.b10-auth__panel.is-drag .b10-auth__grab{background:rgba(19,19,21,.45);transform:scaleX(1.12)}
.b10-auth__x{position:absolute;right:8px;top:2px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:999px;
  background:rgba(19,19,21,.06);color:var(--text-secondary,#55555C);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
.b10-auth__x:active{transform:scale(.94)}
.b10-auth__x:focus-visible{outline:2px solid var(--brand-600,#5B3FD6);outline-offset:2px}
.b10-auth__body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.b10-auth__frame{display:block;width:100%;height:420px;border:0;background:transparent;opacity:0;transition:opacity 200ms ease-out,height 240ms cubic-bezier(.32,.72,0,1)}
.b10-auth.is-ready .b10-auth__frame{opacity:1}
/* пока кабинет не ответил — спокойная загрузка на месте формы */
.b10-auth__wait{position:absolute;left:0;right:0;top:0;height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  font-size:14px;line-height:20px;color:var(--text-tertiary,#8A8A91);pointer-events:none;transition:opacity 200ms ease-out}
.b10-auth.is-ready .b10-auth__wait{opacity:0}
.b10-auth__spin{width:24px;height:24px;border-radius:50%;border:2px solid rgba(91,63,214,.18);border-top-color:var(--brand-600,#5B3FD6);animation:b10-spin 800ms linear infinite}
@keyframes b10-spin{to{transform:rotate(360deg)}}
/* компьютер — окно по центру */
.b10-auth.is-desk .b10-auth__panel{left:50%;right:auto;top:50%;bottom:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 64px);
  border-radius:24px;transform:translate(-50%,-50%);padding-bottom:16px;box-shadow:0 24px 64px rgba(16,12,30,.28)}
.b10-auth.is-desk .b10-auth__top{cursor:default}
.b10-auth.is-desk .b10-auth__grab{visibility:hidden}
html.b10-auth-open:not([data-layout=phone]){overflow:hidden}
@media (prefers-reduced-motion:reduce){.b10-auth__spin{animation-duration:1600ms}.b10-auth__frame,.b10-auth__panel.is-settle{transition:none}}
