/* Account actions are separate from the searchable store picker. */
#account-menu{position:fixed;inset:auto;margin:0;width:300px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:6px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--ink);box-shadow:0 3px 6px #00000008,0 10px 25px #00000012;overflow-y:auto}
#account-menu::backdrop{background:transparent}
#account-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;box-shadow:none;text-align:left;background:transparent;border-radius:8px;color:var(--ink);font-size:12px;min-height:36px;padding:8px 10px;font-weight:400}
#account-menu button:hover,.account-menu-help>summary:hover{background:var(--bg)}
#account-menu .account-menu-identity{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:5px}
.account-menu-identity>.account-avatar{flex:0 0 32px;white-space:nowrap}
.account-menu-identity>div{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}
.account-menu-item>span[aria-hidden=true]{display:flex;align-items:center;justify-content:center;width:18px;flex:none;color:var(--muted);font-size:17px}
#account-menu hr{border:0;border-top:1px solid var(--line);margin:5px 0}
.account-menu-help>summary{display:flex;align-items:center;gap:10px;list-style:none;font-size:12px;cursor:pointer;min-height:36px;padding:8px 10px;border-radius:8px}
.account-menu-help>summary::-webkit-details-marker{display:none}
.account-menu-help>summary>span{width:18px;font-size:16px;color:var(--muted)}
.account-menu-help>div{margin:0 8px 10px;padding:10px;background:var(--bg);border-radius:8px}
.account-menu-help p{font-size:11px;line-height:1.6;color:var(--muted)}
#account-menu .account-menu-help-link{font-size:11px;min-height:30px;padding:8px 0 0;text-decoration:underline}
#account-menu button:focus-visible,#account-menu summary:focus-visible{outline:2px solid var(--accent,#a6bb81);outline-offset:-2px}
#store-picker .store-picker-footer{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.store-picker-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#store-picker .store-picker-templates{align-self:flex-start;padding:4px 0;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:3px}
#store-picker .store-picker-emblem{background:var(--bg);color:var(--ink)}
:root[data-theme=dark] #store-picker .store-picker-active{color:#edf5b9}
#store-picker>select{margin:0 12px 10px;width:calc(100% - 24px);flex-shrink:0}
.store-picker-project+ .store-picker-project{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.store-picker-project h3{font-size:12px;margin:8px 10px;color:var(--muted)}
.active-environment-context{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;margin-bottom:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.active-environment-context[hidden]{display:none}
.active-environment-context[data-environment=production]{border-inline-start:4px solid var(--green)}
.active-environment-context[data-environment=development]{border-inline-start:4px solid #a1732c}
.active-environment-context label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}
.active-environment-context select{font-size:12px;min-height:32px;max-width:100%}
.active-environment-origin{font-size:11px;color:var(--muted);overflow-wrap:anywhere;min-width:0}
@media(max-width:600px){.active-environment-context{gap:9px}.active-environment-context label{flex:1;min-width:0}.active-environment-origin{flex-basis:100%}.active-environment-context select{min-width:0;flex:1}}