.connected-dialog{max-width:650px!important}.connected-emblem{width:48px;height:48px;display:grid;place-items:center;border:1px solid #caff003a;border-radius:16px;background:linear-gradient(125deg,#caff0033,#caff0008);color:var(--accent);margin-bottom:18px}.connected-emblem .icon{width:24px;height:24px}.connected-intro,.connected-invite-note{background:linear-gradient(130deg,#caff0018,#caff0004);border:1px solid #caff002f;border-radius:20px;padding:20px;margin:20px 0}.connected-intro p:last-child{margin-bottom:0}.connected-members{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.connected-members span{display:flex;gap:7px;align-items:center;padding:10px 14px;background:#caff0012;border:1px solid #caff0033;border-radius:999px;font-weight:650;font-size:12px}.connected-members .icon{width:16px;height:16px;color:var(--accent)}.connected-code{text-align:center;border:1px solid #caff0055;border-radius:20px;padding:22px;background:linear-gradient(125deg,#caff0028,#171c13);margin:22px 0}.connected-code small{display:block;font-size:10px;color:#c3c9b5;letter-spacing:.07em}.connected-code strong{display:block;font-size:23px;color:var(--accent);letter-spacing:.04em;overflow-wrap:anywhere;margin-top:14px}.connected-vial{border-left:3px solid var(--stock-color)}.connected-vial strong{display:block;color:#e6ffae;margin:10px 0}.connected-vial button{margin-top:10px;font-size:12px}.connected-history{margin:24px 0;border-top:1px solid #ffffff15;padding-top:20px}.connected-history summary{cursor:pointer;font-weight:700}.connected-use{padding:15px 0;border-bottom:1px solid #ffffff10}.connected-use small{display:block;color:var(--muted);margin-top:6px}.connected-start,.connected-bottom{gap:10px;flex-wrap:wrap}.connected-loading{padding:30px 20px;background:#caff000c;border-radius:20px;margin:20px 0}.connected-entry{margin-bottom:18px}.connected-entry .icon{color:var(--accent)}.connected-entry.full{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 25px}.connected-dialog .actions button{white-space:normal}.connected-dialog .stock-total small{display:block}@media(max-width:600px){.connected-code strong{font-size:20px}.connected-dialog .actions{gap:10px}.connected-start button{width:100%}.connected-entry.stock-entry{gap:8px}.connected-entry.stock-entry .outline{padding:10px 12px;font-size:12px}.connected-members span{font-size:11px;padding:9px 11px}}

.connected-returned-balance{display:grid;gap:10px;margin-top:12px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--stock-color) 35%,transparent)}
.connected-returned-balance small{display:block;color:var(--muted)}