.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.connection-grid .customer-form{margin-top:25px;border-top:1px solid #39434e;padding-top:22px}.connection-grid button{margin:8px 8px 0 0}main{padding-bottom:60px}.key-row{padding:14px 0;border-bottom:1px solid #39434e}.key-row small{display:block}@media(max-width:760px){.connection-grid{grid-template-columns:1fr}}

/* Saved accounts remain visually distinct from the add-account form. */
.connection-grid .key-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:18px 0 26px;padding:22px;border:1px solid #49786b;border-left:5px solid #42d6ab;border-radius:14px;background:#152d29;color:#f3fffa}
.connection-grid .key-row strong{font-size:1.5rem;line-height:1.3;overflow-wrap:anywhere}
.connection-grid .key-row small{font-size:1rem;line-height:1.5;color:#d3e8e1}
.key-saved-label{font-size:.9rem;font-weight:700;color:#7fe8bf}.key-environment{font-size:1rem;font-weight:600;text-transform:capitalize}
.connection-toast{position:fixed;z-index:10000;top:24px;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 32px));box-sizing:border-box;display:flex;align-items:center;gap:18px;padding:18px 22px;border:1px solid #7fe8bf;border-radius:14px;background:#e4fff1;color:#123c2a;box-shadow:0 12px 40px #0008;font-size:1rem;line-height:1.5;font-weight:600}.connection-toast[hidden]{display:none}.connection-toast button{margin-left:auto;background:transparent;color:#123c2a;border:0;font-size:1.7rem;min-width:44px;min-height:44px;padding:4px}
