.environment-login{margin:0 0 22px;text-align:left}
.environment-login>p{margin:0 0 9px;font-size:12px;font-weight:600;color:var(--ink)}
.environment-choices{display:flex;gap:8px;flex-wrap:wrap}
.environment-choices .environment-choice{flex:1 1 125px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:58px;padding:11px 13px;border:1px solid var(--line,#e3dff1);border-radius:12px;background:var(--card,#fff);color:var(--ink,#182437);font:inherit;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
.environment-choice strong{font-size:12px;font-weight:600}
.environment-choice small{font-size:10px;color:var(--muted,#68758a)}
.environment-choices .environment-choice.is-selected{background:var(--lav,#f1edff);border-color:var(--purple,#6944d8)}
.environment-choice:focus-visible{outline:2px solid var(--purple,#6944d8);outline-offset:2px}
.environment-login-note{display:block;margin-top:8px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.top-actions .environment-header{height:32px;min-width:0;padding:0 10px;border:1px solid var(--line,#e3dff1);border-radius:10px;background:var(--lav,#f1edff);color:var(--purple,#6944d8);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}
.environment-settings{margin-bottom:20px}
.environment-settings>p{font-size:12px;line-height:1.6;color:var(--muted)}
.environment-settings .environment-choices{max-width:400px}
.environment-endpoint{overflow-wrap:anywhere}
[hidden].environment-header,[hidden].environment-login{display:none!important}
@media(max-width:480px){.top-actions{gap:5px}.top-actions .environment-header{font-size:10px;padding:0 7px}}