.connections-layout{width:100%;max-width:780px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:stretch}
.connections-layout>.back-panel{grid-column:1/-1;margin:0 0 2px;font-size:13px}
.connections-layout .access-card{width:100%;min-width:0;min-height:320px;margin:0;padding:28px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:16px}
.connections-layout .evolution-card h1,.connections-layout .codex-card h2{font-size:29px;line-height:38px;letter-spacing:-.7px;margin:0 0 22px}
.connections-layout .description{font-size:14px;line-height:21px}
.connections-layout .evolution-status,.connections-layout .codex-status{color:#647baa;font-size:14px;line-height:22px;margin:0 0 22px}
.connections-layout .evolution-status.linked,.connections-layout .codex-status.linked{color:#487965;font-size:17px;line-height:26px;font-weight:600;margin:0 0 22px}
.connections-layout .gradient-button,.connections-layout .disconnect-button{width:auto;max-width:100%;min-width:150px;min-height:42px;height:auto;margin:0;padding:11px 16px;font-size:14px;line-height:20px;font-weight:400;border-radius:10px}
.connections-layout .gradient-button .arrow{display:none}
.codex-card button:disabled{opacity:.55;cursor:wait}
.codex-card p{line-height:1.6}
.codex-help,.codex-account{color:#7a8fb6;font-size:12px;overflow-wrap:anywhere}
.codex-account{margin:0 0 18px}
.codex-code{display:block;font-family:monospace;font-size:24px;letter-spacing:2px;padding:14px 4px;border:1px solid #d7def0;border-radius:10px;background:#f6f8fd;margin:16px 0;overflow-wrap:anywhere}
.codex-authorize{display:grid;place-items:center;text-decoration:none;text-align:center;color:#080e2c}
.codex-error{color:#a43c4b;font-size:13px}
.codex-card [hidden]{display:none!important}
.connection-help{grid-column:1/-1;margin:0;text-align:center;line-height:20px}
.connection-help summary{cursor:pointer;display:inline-block}
.connection-help p{margin:8px auto 0;max-width:460px}
.connections-layout .qr-frame{width:100%;min-height:0;margin:0 0 18px;padding:8px}
.connections-layout .qr-frame img{max-width:100%;height:auto}
.connections-layout .qr-help{font-size:12px;line-height:19px;margin:0 0 14px}
/* Shared rows keep titles, states and actions aligned even with account metadata. */
.connections-layout .access-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:38px minmax(26px,auto) 22px 46px;gap:16px;align-content:center;justify-items:center}
.connections-layout .evolution-card h1,.connections-layout .codex-card h2{grid-row:1;margin:0}
.connections-layout .evolution-status,.connections-layout .codex-status,.connections-layout .evolution-status.linked,.connections-layout .codex-status.linked{grid-row:2;margin:0;align-self:center}
.connections-layout .description,.connections-layout .codex-account{grid-row:3;margin:0;line-height:22px;font-size:13px;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.connections-layout .gradient-button,.connections-layout .disconnect-button{grid-row:4;width:170px;min-width:0;height:46px;margin:0;padding:11px 14px;font-size:15px;align-self:center}
.connections-layout .qr-frame,.connections-layout #codex-device{grid-row:5;width:100%;margin:8px 0 0}
.connections-layout .qr-help,.connections-layout .codex-error{grid-row:6;margin:0}
.connections-layout #codex-device .codex-authorize{width:100%}
@media(max-width:480px){.connections-layout{gap:14px 12px}.connections-layout .access-card{padding:22px 10px;min-height:230px;border-radius:13px;grid-template-rows:28px minmax(40px,auto) 18px 42px;gap:10px}.connections-layout .evolution-card h1,.connections-layout .codex-card h2{font-size:22px;line-height:28px;margin:0}.connections-layout .evolution-status,.connections-layout .codex-status,.connections-layout .evolution-status.linked,.connections-layout .codex-status.linked{font-size:13px;line-height:20px;margin:0}.connections-layout .gradient-button,.connections-layout .disconnect-button{width:100%;max-width:150px;min-width:0;height:42px;padding:10px 8px;font-size:12px}.codex-code{font-size:19px;letter-spacing:0}.connections-layout .description,.connections-layout .codex-account{font-size:10px;line-height:18px}.connections-layout>.back-panel{font-size:12px}}