/* Вход на сайте: аватар, меню аккаунта, окно «Войти» (макет google-login-mockup.html, утверждён 07.11.2026).
   Подключается к home.html одной строкой; всё своё — с префиксом ia-, чтобы не задеть стили лендинга. */
.ia-who{position:relative;flex:none;display:flex;align-items:center}
.ia-who[hidden]{display:none}
.ia-ava{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#5b6bd6 center/cover no-repeat;color:#fff;font:600 13px/1 "Geologica",sans-serif;letter-spacing:.02em;border:0;padding:0;cursor:pointer;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--blue);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.ia-ava:hover,.ia-who.open>.ia-ava{box-shadow:0 0 0 2px #fff,0 0 0 4.5px var(--blue);transform:scale(1.05)}
.ia-face{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#5b6bd6 center/cover no-repeat;color:#fff;font:600 16px/1 "Geologica",sans-serif}

.ia-acc{position:fixed;z-index:30;top:calc(var(--bar) + 8px);right:12px;width:300px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 28px 48px -26px rgba(21,23,26,.45);text-transform:none;letter-spacing:0;font:400 15px/1.35 "Geologica",sans-serif;color:var(--ink-2)}
.ia-acc::before{content:"";position:absolute;left:-24px;right:-24px;top:-20px;bottom:-24px;z-index:-1}
.ia-acc[hidden]{display:none}
.ia-head{display:flex;gap:12px;align-items:center;width:100%;margin-bottom:8px;padding:10px 8px;border-radius:9px;text-align:left;transition:background .15s}
.ia-head:hover{background:#e8effd}
.ia-head:hover b{color:var(--blue)}
.ia-head b{display:block;font-weight:600;font-size:16px;color:var(--ink)}
.ia-head .ia-mail{display:block;color:var(--ink-4);font-size:13px;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.ia-team{display:flex;width:calc(100% - 24px);align-items:center;justify-content:center;gap:10px;height:46px;margin:0 12px 8px;border:1px solid #cfd0ca;border-radius:9px;background:#fff;color:var(--ink)!important;font:500 15px/1 "Geologica",sans-serif;transition:border-color .2s,background .2s}
.ia-team:hover{border-color:#a9aca6;background:#f4f4f0}
.ia-team svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.ia-plan{padding:12px;border-radius:10px;background:#f4f4f0}
.ia-plan-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 10px;font-size:14px;color:var(--ink-3)}
.ia-plan-row b{font:600 12px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}
.ia-plan-row span+span{font:500 12.5px/1 var(--mono);color:var(--ink-4)}
.ia-up{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 16px;border-radius:9px;background:var(--blue);color:#fff!important;font:600 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;transition:background .2s,transform .2s,box-shadow .2s}
.ia-up:hover{background:#1a66ff;box-shadow:0 8px 16px -8px rgba(21,23,26,.45);transform:translateY(-1px)}
.ia-up i{font-style:normal;transition:transform .3s var(--ease)}
.ia-up:hover i{transform:translateX(4px)}
.ia-up.ia-soon,.ia-up.ia-soon:hover{background:#e6e5df;color:#8b9096!important;box-shadow:none;transform:none;cursor:not-allowed}
.ia-up.ia-soon i{transform:none!important}
.ia-sep{height:1px;margin:8px 2px;background:var(--line)}
.ia-mi{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:7px;background:none;color:var(--ink-2)!important;text-align:left;cursor:pointer;font:400 15px/1.3 "Geologica",sans-serif;text-transform:none;letter-spacing:0}
.ia-mi:hover,.ia-mi[aria-expanded="true"]{background:#e8effd;color:var(--blue)!important}
.ia-mi svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ia-mi .ia-r{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:var(--ink-4);font:500 12px/1 var(--mono)}
.ia-langs{position:absolute;top:var(--ly,0px);right:calc(100% + 6px);width:max-content;min-width:150px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 28px 48px -26px rgba(21,23,26,.45);animation:ia-lin .35s var(--ease) both}
@keyframes ia-lin{from{opacity:0;transform:translateX(10px)}}
.ia-langs[hidden]{display:none}
.ia-langs .ia-back{display:none}
.ia-lg{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:7px;background:none;color:var(--ink-2)!important;font:400 15px/1 "Geologica",sans-serif;cursor:pointer;text-align:left;text-transform:none;letter-spacing:0}
.ia-lg:hover{background:#e8effd;color:var(--blue)!important}
.ia-lg[aria-checked="true"]{color:var(--blue)!important}
.ia-lg[aria-checked="true"]::after{content:"\2713";margin-left:auto;padding-left:14px}
.ia-flag{flex:none;width:22px;height:15px;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.ia-flag svg{display:block;width:100%;height:100%;stroke:none!important;fill:initial!important}

/* окна сайта: «Войти» и «Поддержка» */
.ia-pop{position:fixed;inset:0;z-index:55;display:grid;place-items:center;padding:16px;background:rgba(21,23,26,.4);text-transform:none;letter-spacing:0}
.ia-pop[hidden]{display:none}
.ia-lp{position:relative;width:min(440px,100%);padding:24px;background:#fff;border-radius:14px;box-shadow:0 30px 60px -20px rgba(21,23,26,.5);font:400 15px/1.45 "Geologica",sans-serif;color:var(--ink)}
.ia-lp h3{margin:0 0 6px;font:600 21px/1.2 "Geologica",sans-serif;letter-spacing:-.01em}
.ia-lp>p{margin:0 0 16px;color:var(--ink-3);font-size:15px}
.ia-x{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:8px;background:none;font-size:22px;line-height:1;color:var(--ink-3);cursor:pointer}
.ia-x:hover{background:#f1f1ed}
.ia-opt{display:flex;align-items:center;gap:14px;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)!important;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.ia-opt:hover{border-color:var(--blue);background:#f6f9ff}
.ia-oi{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:9px;background:#eef3fd;color:var(--blue)}
.ia-oi svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ia-opt b{display:block;font-weight:600;font-size:15.5px}
.ia-opt span span{display:block;color:var(--ink-4);font-size:13px}
.ia-gbtn{display:flex;justify-content:center;min-height:44px;margin:4px 0}
.ia-or{display:flex;align-items:center;gap:12px;margin:14px 0 6px;color:var(--ink-4);font-size:13px}
.ia-or::before,.ia-or::after{content:"";flex:1;height:1px;background:var(--line)}
.ia-fine{margin:14px 0 0;color:var(--ink-4);font-size:12.5px}
.ia-fine a{color:var(--blue)!important}

/* окошко Google: место под шапкой справа (в Chrome окно рисует сам браузер) */
#ia-onetap{position:fixed;z-index:40;top:calc(var(--bar) + 8px);right:12px}

/* только предпросмотр (?demo=…): так выглядит окошко Google — на сайте его рисует Google */
.ia-gtap{position:fixed;z-index:40;top:calc(var(--bar) + 8px);right:12px;width:391px;max-width:calc(100% - 24px);background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15);font:400 14px/1.4 Roboto,Arial,sans-serif;color:#202124;text-transform:none;letter-spacing:0;animation:ia-gin .5s var(--ease) both}
@keyframes ia-gin{from{opacity:0;transform:translateY(-10px)}}
.ia-gtap .h{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;border-bottom:1px solid #e8eaed}
.ia-gtap .h p{flex:1;margin:0;color:#3c4043}
.ia-gtap .h button{border:0;background:none;width:24px;height:24px;cursor:pointer;color:#5f6368;font-size:20px}
.ia-gtap .a{display:flex;align-items:center;gap:12px;padding:14px 16px}
.ia-gtap .a .ia-face{width:32px;height:32px;font-size:12px}
.ia-gtap .a span{display:block;font-size:12px;color:#5f6368}
.ia-gtap .go{display:block;width:calc(100% - 32px);margin:2px 16px 14px;height:40px;border:0;border-radius:4px;background:#1a73e8;color:#fff;font:500 14px/40px Roboto,Arial,sans-serif;cursor:pointer}
.ia-gtap .f{margin:0;padding:0 16px 14px;font-size:12px;color:#5f6368}
.ia-gfake{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;height:42px;border:1px solid #dadce0;border-radius:4px;background:#fff;font:500 14px/1 Roboto,Arial,sans-serif;color:#3c4043;cursor:pointer}
.ia-demo{position:fixed;z-index:70;left:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 28px);padding:8px;border-radius:10px;background:rgba(21,23,26,.88);color:#fff;font:500 12px/1 var(--mono);text-transform:none;letter-spacing:0}
.ia-demo b{align-self:center;padding:0 6px;color:#9aa0a8;font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.ia-demo a{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1px solid #444a52;border-radius:6px;color:#fff!important}
.ia-demo a[aria-current]{background:#fff;color:var(--ink)!important;border-color:#fff}
.ia-toast{position:fixed;z-index:70;left:50%;bottom:72px;transform:translateX(-50%);padding:10px 16px;border-radius:9px;background:var(--ink);color:#fff;font:500 14px/1.3 "Geologica",sans-serif;max-width:calc(100% - 32px);text-transform:none;letter-spacing:0}
.ia-toast[hidden]{display:none}

@media (max-width:760px){
  .ia-who{margin-left:6px}
  #ia-onetap{top:auto;bottom:0;left:0;right:0}
  .ia-gtap{top:auto;bottom:0;left:0;right:0;width:auto;max-width:none;border-radius:12px 12px 0 0;animation-name:ia-gup}
  @keyframes ia-gup{from{transform:translateY(100%)}}
  .ia-acc{left:8px;right:8px;width:auto;max-height:calc(100svh - var(--bar) - 16px);overflow-y:auto}
  .ia-langs{position:static;width:auto;padding:0;border:0;box-shadow:none;animation:none}
  .ia-acc.lang-mode>*:not(.ia-langs){display:none}
  .ia-langs .ia-back{display:flex}
  .ia-pop{align-items:end;padding:8px}
}

/* шапка лендинга красит и прячет все ссылки .nav (отступы, на телефоне display:none) — меню и окна держат своё */
.ia-acc a.ia-head,.ia-acc a.ia-team,.ia-acc a.ia-up,.ia-acc a.ia-mi,.ia-pop a.ia-opt,.ia-pop a.ia-gfake{display:flex!important;white-space:normal}
.ia-acc a.ia-head{padding:10px 8px!important}
.ia-acc a.ia-team{padding:0!important}
.ia-acc a.ia-up{padding:0 16px!important}
.ia-acc a.ia-mi{padding:10px!important}

/* окно «Войти» (владелец 07.11): выпадает под кнопкой «Войти» — там же, где окошко Google, такой же ширины;
   заголовок, подпись, кнопка Google и «Почта и пароль» — по одной оси, по центру */
.ia-pop.ia-drop{display:block;padding:0;background:transparent}
.ia-pop.ia-drop[hidden]{display:none}
.ia-drop .ia-lp{position:fixed;top:calc(var(--bar) + 8px);right:12px;width:391px;max-width:calc(100% - 24px);padding:22px 24px 24px;border:1px solid var(--line);border-radius:12px;box-shadow:0 28px 48px -26px rgba(21,23,26,.45);text-align:center;animation:ia-gin .35s var(--ease) both}
.ia-drop .ia-lp>p{margin-bottom:18px}
.ia-drop .ia-x{right:10px;top:10px}
.ia-drop .ia-gbtn{margin:0 auto}
.ia-drop .ia-or{width:320px;max-width:100%;margin:14px auto 10px}
.ia-pop.ia-drop a.ia-opt{width:320px;max-width:100%;margin:0 auto;justify-content:center;padding:12px 14px!important;text-align:center}
.ia-drop .ia-opt .ia-oi{width:32px;height:32px}
@media (max-width:760px){
  .ia-drop .ia-lp{top:auto;bottom:0;left:0;right:0;width:auto;max-width:none;border-radius:12px 12px 0 0;animation-name:ia-gup}
}
/* Квадратик-маркер ховера из меню сайта (.nav a::before, .f-col a::before) в меню аккаунта и окнах не нужен. */
.ia-acc a::before,.ia-acc a::after,.ia-pop a::before,.ia-pop a::after,.ia-who a::before{content:none!important;display:none!important}