.gateway-popup{width:min(1080px,96vw);max-width:96vw;max-height:92dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--surface);color:var(--ink)}.gateway-popup::backdrop{background:#0007}.gateway-popup>header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-24px;background:var(--surface);padding:12px 0;z-index:2}.gateway-popup button{cursor:pointer}.gateway-popup input[type=search],.gateway-popup select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit}.gateway-popup button{padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit}.gateway-popup section{margin-block:16px}.gateway-popup h2{font-size:1.2rem}@media(max-width:600px){.gateway-popup{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:16px}.gateway-popup>header{top:-16px}}
.user-access-layout{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:24px}.user-access-layout aside{min-width:0}.user-access-people{display:grid;gap:8px;max-height:650px;overflow:auto;margin-top:12px}.user-access-person{display:flex;flex-direction:column;text-align:left;width:100%;white-space:normal}.user-access-person[aria-pressed=true]{outline:2px solid var(--accent)}.user-access-person small,.user-access-tool small{display:block;overflow-wrap:anywhere}.user-access-card{padding:20px;margin:16px 0;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.user-access-card>button{margin:4px}.user-access-tool{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.user-access-tool input{width:20px;min-width:20px;height:20px;margin:4px 0}.user-access-tool[hidden]{display:none}#connection-settings{margin-top:28px}#user-permissions{margin-top:28px}@media(max-width:760px){.user-access-layout{grid-template-columns:1fr}.user-access-people{max-height:220px}.user-access-card{padding:14px}.user-access-card>button{width:100%;margin:5px 0}}

.user-access-card>summary{font-weight:600;cursor:pointer;padding:8px 0}.user-access-tool-list{max-height:420px;overflow:auto;overscroll-behavior:contain}.user-access-card[hidden]{display:none}.user-access-layout select{margin:10px 0;max-width:100%}

.gateway-popup [hidden]{display:none!important}.gateway-popup{padding:0 24px 24px}.gateway-popup>header{top:0;padding:16px 0;border-bottom:1px solid var(--line)}.gateway-popup-tabs{display:flex;gap:8px;padding:14px 0}.gateway-popup-tabs button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.gateway-popup>div label{display:grid;gap:6px}.gateway-account-card{border:1px solid var(--line);border-radius:16px;padding:16px}.gateway-account-card button{margin:4px}.gateway-popup .policy-review{padding:16px;background:var(--accent-soft);border-radius:12px}.gateway-popup .user-access-person strong{overflow-wrap:anywhere}.gateway-popup .user-access-tool-list{max-height:35dvh}.gateway-popup #user-permissions{margin-top:8px}.gateway-popup #user-permissions>h2{font-size:1.1rem}@media(max-width:600px){.gateway-popup{padding:0 16px 16px}.gateway-popup>header{top:0}.gateway-popup-tabs button{flex:1}.gateway-popup .user-access-people{max-height:150px}}
.gateway-popup>a{display:inline-block;margin:12px 20px 0 0}.gateway-popup>p{margin:14px 0}.gateway-popup #user-permissions>p{color:var(--muted)}

.user-access-picker{border:0;padding:0;min-width:0}.user-access-picker>summary{cursor:pointer;padding:10px 0;font-weight:600}.user-access-picker[open]>summary{margin-bottom:8px}@media(max-width:760px){#user-permissions>p{display:none}.user-access-layout{gap:12px}}

.gateway-refresh{border-top:1px solid var(--line,#ddd);margin-top:16px;padding-top:16px}.gateway-refresh button{min-height:44px;margin:6px 6px 6px 0}.gateway-refresh label{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 0}.gateway-refresh select{max-width:100%;min-height:44px}.gateway-refresh li{overflow-wrap:anywhere}.gateway-refresh details{margin:8px 0}.gateway-refresh p{margin:10px 0}.gateway-refresh button:focus-visible,.gateway-refresh select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:640px){.gateway-refresh button{white-space:normal;width:100%}.gateway-refresh label{flex-wrap:wrap}}

.gateway-popup .gateway-tab-help{background:var(--accent-soft);padding:12px 14px;border-radius:12px;line-height:1.6}.gateway-popup-tabs button{min-height:44px}.gateway-account-manage{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.gateway-account-manage>summary{cursor:pointer;padding:10px 0;color:var(--muted)}
