/* Вход через Кубика: окно ожидания подтверждения (bot-login.js) и кнопка «Войти через Telegram». */
.bot-login{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;
  background:rgba(10,16,19,.56);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:botLoginFade .18s ease}
.bot-login[hidden]{display:none}
.bot-login-card{width:min(400px,100%);background:#fff;color:#172126;border-radius:22px;padding:26px 24px 22px;text-align:center;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.55);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;animation:botLoginRise .24s cubic-bezier(.2,.75,.2,1)}
.bot-login-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#e8f5fd;position:relative}
.bot-login-icon::before{content:"";width:28px;height:28px;background:#229ed9;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 4.1 2.9 11.3c-1.3.5-1.2 1.2-.2 1.5l4.7 1.5 1.8 5.6c.2.6.4.8.9.8.4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.3-.5-1.9-1.4-1.5ZM9.6 14.5l8.8-5.6c.4-.3.8-.1.5.2l-7.4 6.7-.3 3.1-1.6-4.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 4.1 2.9 11.3c-1.3.5-1.2 1.2-.2 1.5l4.7 1.5 1.8 5.6c.2.6.4.8.9.8.4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.3-.5-1.9-1.4-1.5ZM9.6 14.5l8.8-5.6c.4-.3.8-.1.5.2l-7.4 6.7-.3 3.1-1.6-4.4Z'/%3E%3C/svg%3E") center/contain no-repeat}
.bot-login-icon[data-state=opening]::after,.bot-login-icon[data-state=waiting]::after{content:"";position:absolute;inset:-4px;border-radius:50%;
  border:3px solid rgba(34,158,217,.18);border-top-color:#229ed9;animation:botLoginSpin 1s linear infinite}
.bot-login-icon[data-state=success]{background:#e3f6ea}
.bot-login-icon[data-state=success]::before{background:#1f9d57}
.bot-login-icon[data-state=denied],.bot-login-icon[data-state=expired],.bot-login-icon[data-state=error]{background:#fbece8}
.bot-login-icon[data-state=denied]::before,.bot-login-icon[data-state=expired]::before,.bot-login-icon[data-state=error]::before{background:#b4432f}
.bot-login-title{margin:0;font-size:21px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:#172126}
.bot-login-text{margin:10px 0 0;font-size:15px;line-height:1.5;color:#536068}
.bot-login-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.bot-login-actions:empty{display:none}
.bot-login-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:14px;border:0;
  font:700 15px/1.2 inherit;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .16s,transform .16s}
.bot-login-button.primary{background:#229ed9;color:#fff}
.bot-login-button.primary:hover{background:#168dcc;transform:translateY(-1px)}
.bot-login-button.subtle{background:#eef3f5;color:#33434b}
.bot-login-button.subtle:hover{background:#e2eaee}
.bot-login-button:focus-visible{outline:3px solid rgba(34,158,217,.45);outline-offset:2px}
@keyframes botLoginFade{from{opacity:0}}
@keyframes botLoginRise{from{opacity:0;transform:translateY(12px) scale(.98)}}
@keyframes botLoginSpin{to{transform:rotate(360deg)}}

/* Кнопка в шапке: синяя, как у Telegram (header-login.js добавляет .tg-login). */
a.tg-login[data-header-login],
.home-unified .mc-nav .nlinks a.authnav.tg-login,
.header-links>a.header-account.tg-login{display:inline-flex;align-items:center;gap:8px;background:#229ed9;color:#fff;border-color:#229ed9}
a.tg-login[data-header-login]:hover,
.home-unified .mc-nav .nlinks a.authnav.tg-login:hover,
.header-links>a.header-account.tg-login:hover{background:#168dcc;border-color:#168dcc;color:#fff}
a.tg-login[data-header-login]::before{content:"";flex:none;width:17px;height:17px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 4.1 2.9 11.3c-1.3.5-1.2 1.2-.2 1.5l4.7 1.5 1.8 5.6c.2.6.4.8.9.8.4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.3-.5-1.9-1.4-1.5ZM9.6 14.5l8.8-5.6c.4-.3.8-.1.5.2l-7.4 6.7-.3 3.1-1.6-4.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 4.1 2.9 11.3c-1.3.5-1.2 1.2-.2 1.5l4.7 1.5 1.8 5.6c.2.6.4.8.9.8.4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.3-.5-1.9-1.4-1.5ZM9.6 14.5l8.8-5.6c.4-.3.8-.1.5.2l-7.4 6.7-.3 3.1-1.6-4.4Z'/%3E%3C/svg%3E") center/contain no-repeat}
.tg-login .tg-login-long{display:inline}
.tg-login .tg-login-short{display:none}
@media(max-width:1099px){.tg-login .tg-login-long{display:none}.tg-login .tg-login-short{display:inline}}

/* Большая кнопка на странице входа (account.js кладёт её вместо виджета). */
.bot-login-big{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:0 22px;border-radius:12px;
  background:#229ed9;color:#fff;font-size:15px;font-weight:800;text-decoration:none;transition:transform .16s ease,background .16s ease}
.bot-login-big:hover{background:#168dcc;transform:translateY(-1px);color:#fff}
.bot-login-big:active{transform:scale(.98)}
.bot-login-big::before{content:"";flex:none;width:20px;height:20px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 4.1 2.9 11.3c-1.3.5-1.2 1.2-.2 1.5l4.7 1.5 1.8 5.6c.2.6.4.8.9.8.4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.3-.5-1.9-1.4-1.5ZM9.6 14.5l8.8-5.6c.4-.3.8-.1.5.2l-7.4 6.7-.3 3.1-1.6-4.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.4 4.1 2.9 11.3c-1.3.5-1.2 1.2-.2 1.5l4.7 1.5 1.8 5.6c.2.6.4.8.9.8.4 0 .6-.2.9-.5l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.3-.5-1.9-1.4-1.5ZM9.6 14.5l8.8-5.6c.4-.3.8-.1.5.2l-7.4 6.7-.3 3.1-1.6-4.4Z'/%3E%3C/svg%3E") center/contain no-repeat}
@media(prefers-reduced-motion:reduce){.bot-login,.bot-login-card{animation:none}.bot-login-icon::after{animation-duration:3s!important}}
.bot-login-big{white-space:nowrap}
.telegram-widget:has(>.bot-login-big){width:min(268px,100%)}