.scope-switcher { position: relative; }
.scope-switcher .scope-switcher__trigger { display: inline-flex; align-items: center; gap: 12px; min-height: 46px; padding: 7px 14px; border: 0; border-radius: 8px; background: #edf2ff; color: #1254ce; font: inherit; font-size: 18px; font-weight: 600; line-height: 1.3; cursor: pointer; }
.scope-switcher__trigger > img, .scope-switcher__trigger .scope-tool-icon, .scope-switcher__trigger .scope-tool-icon__logo { width: 32px; height: 32px; object-fit: contain; }
.scope-switcher__trigger > svg { flex: 0 0 auto; transition: transform .15s ease; }
.scope-switcher__trigger[aria-expanded="true"] > svg { transform: rotate(180deg); }
.scope-switcher .scope-switcher__menu { width: 430px; max-width: calc(100vw - 32px); min-width: 0; padding: 12px; margin-top: 8px !important; border: 1px solid #dfe5ee; border-radius: 8px; background: #fff; box-shadow: 0 18px 44px #1c39661f; }
.scope-switcher .scope-switcher__option { display: flex; align-items: center; gap: 18px; width: 100%; min-height: 64px; padding: 12px 16px; border-radius: 8px; color: #293447; font-size: 17px; font-weight: 500; line-height: 1.4; text-decoration: none; white-space: normal; }
.scope-switcher .scope-switcher__option + .scope-switcher__option { margin-top: 4px; }
.scope-switcher .scope-switcher__option.is-selected, .scope-switcher .scope-switcher__option[href]:hover, .scope-switcher .scope-switcher__option[href]:focus-visible { color: #293447; background: #f0f4ff; }
.scope-switcher__logo { flex: 0 0 auto; width: 34px; height: 34px; object-fit: contain; }
.scope-switcher__name { min-width: 0; overflow-wrap: anywhere; }
.scope-switcher__trigger > span { font-weight: 600; color: inherit; }
.scope-switcher .scope-switcher__name { font-weight: 500; color: #293447; }
.scope-switcher__arrow { flex: 0 0 auto; margin-left: auto; color: #7c8ca8; }
.scope-switcher__badge { flex: 0 0 auto; border-radius: 999px; padding: 5px 10px; background: #fff5e8; color: #be6a00; font-size: 12px; font-weight: 600; white-space: nowrap; }
.scope-switcher__option.is-soon { cursor: not-allowed; }
.scope-switcher :focus-visible { outline: 2px solid #1769ff; outline-offset: 2px; }
@media (max-width: 575px) {
  .scope-switcher .scope-switcher__trigger { gap: 8px; padding: 7px 10px; font-size: 16px; }
  .scope-switcher__trigger > img, .scope-switcher__trigger .scope-tool-icon, .scope-switcher__trigger .scope-tool-icon__logo { width: 28px; height: 28px; }
  .scope-switcher .scope-switcher__menu { position: fixed !important; top: 78px !important; left: 12px !important; right: 12px !important; transform: none !important; width: auto; max-width: none; max-height: calc(100dvh - 102px); overflow-y: auto; padding: 8px; }
  .scope-switcher .scope-switcher__option { gap: 10px; padding: 12px 10px; font-size: 15px; }
  .scope-switcher__logo { width: 30px; height: 30px; }
  .scope-switcher__badge { padding: 4px 7px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .scope-switcher__trigger > svg { transition: none; } }