/* Меню аккаунта — устройство пятой версии, размеры седьмой: карточка радиуса 12,
   пункты 32 высотой, значок 14/1.75, текст 12.5, подпись роли 11.5 приглушённым. */
.v7-acc {
  min-inline-size: 15rem; padding: 0.625rem 0.5rem;
  display: flex; flex-direction: column; gap: 2px;
  /* ПО ПРОТОКОЛУ CHG-0856: фон попапов = синий фирменный 3% поверх карточки */
  background: color-mix(in srgb, var(--em-ink-brand, #1f3a5a) 3%, var(--v5-card, #fff));
  border: 1px solid var(--v5-border-light, #e4e0d4);
  border-radius: var(--em-radius-lg, 0.75rem);
  box-shadow: 0 0.625rem 1.5625rem -0.3125rem rgba(45,55,72,.08), 0 0.5rem 0.625rem -0.375rem rgba(45,55,72,.05);
}
.v7-acc-role { padding: 2px 0.625rem 0.5rem; font-size: 0.71875rem; font-weight: 600; color: var(--v5-muted, #a3a099); }
.v7-acc button {
  display: flex; align-items: center; gap: 0.625rem;
  min-block-size: 2rem; padding: 0 0.625rem; border: 0; background: none; cursor: pointer;
  border-radius: var(--em-radius-sm, 0.5rem);
  font-size: 0.78125rem; font-weight: 400; color: var(--v5-text, #244154); text-align: start;
}
.v7-acc button:hover { background: color-mix(in srgb, var(--v5-text, #244154) 5%, transparent); }
.v7-acc button svg { inline-size: 0.875rem; block-size: 0.875rem; flex: 0 0 auto; }
.v7-acc-sep { inline-size: 100%; block-size: 1px; margin: 0.375rem 0; border: 0; background: var(--v5-border-light, #e4e0d4); }

/* ПО ПРОТОКОЛУ CHG-0858 п.2: флаги в раскрытом окне стран — размера флага шапки (20×15),
   местная сборка старше решения и держала их 16×12 */
.v5-region-countries button img,
.v5-region-menu img[src*="flags"],
div[class*="region"] img[src*="flags"] {
  inline-size: var(--em-flag-w, 1.25rem) !important;
  block-size: var(--em-flag-h, 0.9375rem) !important;
}


/* ПО ПРОТОКОЛУ CHG-0856: тот же синий 3% — окну стран местной сборки (оно старше решения) */
.v5-region-menu, .v5-role-menu, .v5-account-menu {
  background: color-mix(in srgb, var(--em-ink-brand, #1f3a5a) 3%, var(--v5-card, #fff)) !important;
}

/* ОКНО РОЛЕЙ (CHG-0850/0851): образец окна стран, ширина 25rem как у ролей пятой (CHG-0853) */
.v7-roles {
  inline-size: 25rem; max-block-size: 70vh; overflow-y: auto;
  display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem;
  background: color-mix(in srgb, var(--em-ink-brand, #1f3a5a) 3%, var(--v5-card, #fff));
  border: 1px solid var(--v5-border-light, #e4e0d4);
  border-radius: var(--em-radius-lg, 0.75rem);
  box-shadow: 0 0.625rem 1.5625rem -0.3125rem rgba(45,55,72,.08), 0 0.5rem 0.625rem -0.375rem rgba(45,55,72,.05);
}
.v7-roles-search input {
  inline-size: 100%; min-block-size: 2rem; padding: 0 0.625rem;
  border: 1px solid var(--v5-border, #d8d3c6); border-radius: var(--em-radius-sm, 0.5rem);
  background: var(--v5-card, #fff); font-size: 0.78125rem; color: var(--v5-text, #244154); outline: 0;
}
.v7-roles-list { display: flex; flex-direction: column; gap: 0.25rem; }
.v7-roles-row {
  display: flex; align-items: center; gap: 0.625rem; padding: 0.5rem 0.625rem;
  border-radius: var(--em-radius-sm, 0.5rem);
}
.v7-roles-row:hover { background: color-mix(in srgb, var(--v5-text, #244154) 4%, transparent); }
.v7-roles-row.has-role { background: color-mix(in srgb, var(--em-cta, #c3d3e8) 40%, transparent); }
.v7-roles-row svg { inline-size: 0.875rem; block-size: 0.875rem; flex: 0 0 auto; }
.v7-roles-text { display: grid; gap: 1px; min-inline-size: 0; flex: 1; }
.v7-roles-text b { font-size: 0.78125rem; font-weight: 600; color: var(--v5-text, #244154); }
.v7-roles-text span { font-size: 0.71875rem; color: var(--v5-secondary, #6e6b64); }
.v7-roles-code { font-style: normal; font-size: 0.6875rem; font-weight: 600; color: var(--v5-muted, #a3a099); }
.v7-roles-row button {
  min-block-size: 1.625rem; padding: 0 0.625rem; border: 0; border-radius: var(--em-radius-sm, 0.5rem);
  background: var(--em-cta, #c3d3e8); color: var(--em-cta-text, #1f3a5a);
  font-size: 0.71875rem; font-weight: 600; cursor: pointer;
}
.v7-roles-row button:disabled { background: transparent; color: var(--v5-muted, #a3a099); cursor: default; }

/* УНИВЕРСАЛЬНОЕ ОКНО ВХОДА/РЕГИСТРАЦИИ (CHG-0360/0183/0184) — модаль, кегли версии 7 */
.v7-auth-overlay { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center;
  background: rgba(31, 58, 90, .18); }
.v7-auth { position: relative; inline-size: 26.25rem; max-inline-size: 92vw; padding: 1.25rem;
  display: flex; flex-direction: column; gap: 0.75rem;
  background: color-mix(in srgb, var(--em-ink-brand, #1f3a5a) 3%, var(--v5-card, #fff));
  border: 1px solid var(--v5-border-light, #e4e0d4); border-radius: var(--em-radius-lg, 0.75rem);
  box-shadow: 0 0.625rem 1.5625rem -0.3125rem rgba(45,55,72,.12); }
.v7-auth-x { position: absolute; inset-block-start: 0.625rem; inset-inline-end: 0.625rem;
  inline-size: 1.75rem; block-size: 1.75rem; border: 0; border-radius: 0.5rem; background: none;
  cursor: pointer; color: var(--v5-secondary, #6e6b64); font-size: 0.75rem; }
.v7-auth-x:hover { background: color-mix(in srgb, var(--v5-text, #244154) 6%, transparent); }
.v7-auth-tabs { display: flex; gap: 0.25rem; }
.v7-auth-tabs button { min-block-size: 1.875rem; padding: 0 0.875rem; border: 0; cursor: pointer;
  border-radius: 6.25rem; background: none; font-size: 0.78125rem; font-weight: 600; color: var(--v5-secondary, #6e6b64); }
.v7-auth-tabs button.is-active { background: color-mix(in srgb, var(--section-accent, #d97757) 18%, transparent); color: var(--v5-text, #244154); }
.v7-auth-body { display: flex; flex-direction: column; gap: 0.625rem; }
.v7-auth-body h3 { margin: 0; font-size: 0.9375rem; font-weight: 600; color: var(--v5-text, #244154); }
.v7-auth-body p { margin: 0; font-size: 0.75rem; color: var(--v5-secondary, #6e6b64); }
.v7-auth-body label { display: grid; gap: 0.25rem; font-size: 0.75rem; font-weight: 600; color: var(--v5-secondary, #6e6b64); }
.v7-auth-body label input { min-block-size: 2.125rem; padding: 0 0.75rem;
  border: 1px solid var(--v5-border, #d8d3c6); border-radius: var(--em-radius-lg, 0.75rem);
  background: var(--v5-card, #fff); font-size: 0.78125rem; color: var(--v5-text, #244154); outline: 0; }
.v7-auth-go { min-block-size: 2.125rem; border: 0; border-radius: var(--em-radius-sm, 0.5rem); cursor: pointer;
  background: var(--em-cta, #c3d3e8); color: var(--em-cta-text, #1f3a5a); font-size: 0.78125rem; font-weight: 600; }
.v7-auth-go:hover { background: var(--em-cta-hover, #b0c5e0); }
.v7-auth-note { font-style: normal; font-size: 0.71875rem; color: var(--em-like, #d97757); }
.v7-auth-dirs { display: grid; gap: 0.375rem; }
.v7-auth-dir { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto;
  column-gap: 0.625rem; align-items: center; padding: 0.625rem 0.75rem;
  border: 1px solid var(--v5-border-light, #e4e0d4); border-radius: var(--em-radius-lg, 0.75rem);
  background: var(--v5-card, #fff); cursor: pointer; }
.v7-auth-dir input { grid-row: 1 / span 2; }
.v7-auth-dir b { font-size: 0.78125rem; font-weight: 600; color: var(--v5-text, #244154); }
.v7-auth-dir span { font-size: 0.71875rem; font-weight: 400; color: var(--v5-secondary, #6e6b64); }