.connection-picker{padding-block:24px}.connection-ticket-mode{max-width:440px;color:var(--secondary);gap:8px;margin-bottom:18px;font-size:13px;display:grid}.connection-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.connection-option{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);text-align:left;font:inherit;border-radius:16px;align-items:flex-start;gap:14px;padding:20px;display:flex}.connection-option-icon{width:42px;height:42px;color:var(--primary);background:#9ccbf912;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.connection-option-copy{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.connection-option-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:21px;display:flex}.connection-option-title .badge{font-size:10px;font-weight:500}.connection-option-description{color:var(--secondary);margin:0;font-size:13px;line-height:21px}.connection-option-action{color:var(--primary);align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:20px;display:flex}.connection-option-note{color:var(--muted);margin:0;font-size:12px;line-height:20px}.connection-option-qr{background:linear-gradient(120deg, #8bd4a60c, transparent 80%), var(--surface)}.connection-option-qr .connection-option-icon{color:var(--green);background:#8bd4a615}.connection-option-qr:hover:not(:disabled){border-color:var(--primary);background-color:var(--selected)}.connection-option:disabled{opacity:1;cursor:not-allowed}.connection-option-unavailable .connection-option-icon{color:var(--muted);background:#ffffff05}.connection-picker-status{color:var(--secondary);margin-top:18px;font-size:13px}.connection-picker>.field-error{margin-top:18px}.connections-list table{width:100%}.connections-list .table-scroll{position:relative}.connections-list tbody tr{cursor:pointer}.connections-list .table-entity{max-width:300px}.connections-list .table-entity>.connection-list-icon{display:inline-grid}.connections-list .table-entity strong{text-overflow:ellipsis;overflow:hidden}.connection-list-icon{width:36px;height:36px;color:var(--primary);background:#9ccbf912;border-radius:10px;flex-shrink:0;place-items:center;display:inline-grid}.connection-address{overflow-wrap:anywhere;color:var(--secondary)}.connections-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.connection-summary{text-align:left;color:var(--text);font:inherit;flex-direction:column;align-items:stretch;gap:12px;padding:22px;display:flex}.connection-summary:hover{border-color:var(--primary)}.connection-summary>strong{overflow-wrap:anywhere;font-size:16px}.connection-summary>span{font-size:12px}.connection-summary-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.connection-summary-link{color:var(--primary);align-items:center;gap:6px;margin-top:8px;display:flex}.connections-pagination{color:var(--secondary);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;font-size:12px;display:flex}.connections-pagination>span:first-child{margin-right:auto}.connection-settings{border-top:1px solid var(--border);gap:18px;padding-top:24px;display:grid}.connection-settings h3{font-size:14px}.connection-removal{border-top:1px solid var(--border);gap:14px;margin-top:26px;padding-top:24px;display:grid}.connection-removal h3{font-size:14px}.connection-removal p{color:var(--secondary);font-size:13px;line-height:21px}.connection-removal>.button{justify-self:start}.connection-removal-confirm{border:1px solid var(--border);border-radius:10px;padding:16px}.connection-removal-confirm>div{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.connection-settings .button{justify-self:start}.email-setup-modal{height:min(620px,100dvh - 48px);overflow:hidden}.email-setup-modal>div:nth-child(2),.email-setup{flex-direction:column;flex:1;min-height:0;display:flex}.email-setup-modal{flex-direction:column}.email-setup-modal[open]{display:flex}.email-setup{border-top:1px solid var(--border)}.email-step-progress{color:var(--secondary);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:18px 24px 0;font-size:12px;display:flex}.email-step-progress strong{color:var(--text);font-size:13px}.email-progress-track{background:var(--surface);border-radius:4px;width:100%;height:4px;margin-top:8px;overflow:hidden}.email-progress-track>span{border-radius:inherit;background:var(--primary);height:100%;display:block}.email-step{flex:1;align-content:start;gap:16px;padding:22px 24px 24px;display:grid}.email-step[hidden],.email-smtp-fields[hidden],.email-smtp-login[hidden]{display:none}.email-step>.field-hint{margin:0}.email-step-grid,.email-smtp-login{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.email-step-grid .email-field-wide{grid-column:1/-1}.email-smtp-fields,.email-smtp-login{border:0;min-width:0;margin:0;padding:0}.email-smtp-login{grid-template-columns:1fr}.email-step-footer{border-top:1px solid var(--border);gap:12px;padding:16px 24px;display:grid}.email-step-footer>.field-hint{margin:0}.email-step-actions{justify-content:flex-end;gap:10px;display:flex}.email-setup-modal .discard-notice{z-index:2;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0004}.email-setup-modal .discard-notice>div{flex-wrap:wrap}.email-inbox-test{border:1px solid var(--border);border-radius:12px;gap:12px;padding:16px;display:grid}.email-inbox-test p,.email-inbox-result{color:var(--secondary);font-size:12px;line-height:20px}.email-inbox-test code{background:var(--surface);color:var(--text);overflow-wrap:anywhere;border-radius:8px;padding:10px 12px;display:block}.email-inbox-result{gap:8px;display:grid}.email-inbox-result strong{color:var(--text)}.connection-detail{padding-block:24px}.connection-live{margin-bottom:24px}.connection-live>p{margin-bottom:12px;font-size:13px;line-height:21px}.connection-live .settings-body{padding:8px 0 0}.connection-live .settings-body>p{font-size:13px;line-height:21px}@media (width<=1100px){.connections-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.email-setup-modal{height:min(620px,100dvh - 24px)}.email-step-progress{padding:14px 18px 0}.email-step{padding:18px}.email-step-footer{padding:14px 18px}.connections-cards{grid-template-columns:1fr}.connections-list table{min-width:740px}.connections-list th,.connections-list td{display:table-cell!important}.connection-options{grid-template-columns:1fr}.connection-option{gap:12px;padding:16px}.connection-option-icon{border-radius:10px;width:34px;height:34px}}