.mail-connection-card{display:grid;gap:16px;min-inline-size:0}.mail-connection-card>.card-heading{margin:0}.mail-provider{display:flex;align-items:flex-start;gap:12px}.mail-provider-icon{display:grid;flex:0 0 44px;height:44px;place-items:center;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand-dark)}.mail-provider-copy{display:grid;gap:4px;min-inline-size:0}.mail-provider-heading{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}.mail-connect-form h3,.mail-provider-heading h3{margin:0;font-size:16px;line-height:1.45}.mail-connect-form p,.mail-provider-copy p,.mail-provider-meta,.mail-provider-meta dd{margin:0;overflow-wrap:anywhere}.mail-connect-form header p,.mail-connect-help,.mail-provider-copy p{color:var(--text-2);font-size:var(--fs-sm)}.mail-provider-copy .mail-provider-address{color:var(--text);font-weight:500}.mail-provider-meta{display:flex;flex-wrap:wrap;gap:6px 24px;color:var(--text-2);font-size:var(--fs-xs)}.mail-provider-meta>div{display:flex;flex-wrap:wrap;gap:2px 8px}.mail-provider-meta dd{color:var(--text);font-weight:500}.mail-connect-form{display:grid;gap:20px;max-inline-size:880px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg)}.mail-connect-form header{display:grid;gap:4px}.mail-connect-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);grid-template-areas:"fields guide";align-items:start;gap:20px}.mail-connect-fields{grid-area:fields;display:grid;gap:14px;min-inline-size:0}.mail-connect-fields .field-label{display:grid;gap:6px;margin:0}.mail-connect-fields input{width:100%;min-height:44px;font-size:16px}.mail-connect-form .mail-connect-help{margin-top:-8px}.mail-connect-guide{grid-area:guide;display:grid;gap:8px;min-inline-size:0;padding:14px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm)}.mail-connect-guide strong,.mail-connect-success{display:flex;align-items:center;gap:8px}.mail-connect-guide strong{color:var(--brand-dark)}.mail-connect-guide ol{margin:0;padding-inline-start:1.4em}.mail-connect-endpoint{display:flex;flex-wrap:wrap;gap:4px 10px;padding-top:8px;border-top:1px solid var(--line);font-size:var(--fs-xs)}.mail-connect-success{padding:8px 12px;border-radius:var(--r-sm);background:var(--ok-bg);color:var(--ok)}.mail-connect-actions svg,.mail-connect-form svg{flex-shrink:0}.mail-connect-actions{display:flex;flex-wrap:wrap;gap:8px}.mail-connect-actions .btn{min-height:44px}@media (max-width:1024px){.mail-connect-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"guide" "fields";gap:16px}}@media (max-width:600px){.mail-connect-form,.mail-connection-card{padding:16px}.mail-connect-actions .btn.primary{flex:1 1 auto}}.mail-assistant,.mail-v2-address,.mail-v2-fields,.mail-v2-panel{display:grid;min-width:0;gap:16px}.mail-v2-bar,.mail-v2-chips,.mail-v2-meta,.mail-v2-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;overflow-wrap:anywhere}.mail-v2-bar{justify-content:space-between}.mail-v2-bar h3{display:flex;align-items:center;gap:6px}.mail-assistant h3,.mail-v2-bar h3,.mail-v2-bar p{margin:0}.mail-v2-meta{color:var(--text-2);font-size:var(--fs-sm)}.mail-v2-address{gap:6px}.mail-v2-chips .btn{min-height:32px}.mail-v2-fields{margin:0;padding:0;border:0}.mail-v2-fields :is(input:not([type=checkbox]),select,textarea){width:100%}.mail-v2-editor{border:1px solid var(--line-strong);border-radius:var(--r-sm);overflow:hidden}.mail-v2-toolbar{padding:8px;border-bottom:1px solid var(--line);background:var(--surface-2)}.mail-v2-editor [contenteditable]{min-height:240px;padding:16px;overflow-wrap:anywhere}.mail-v2-editor [contenteditable]:focus{outline:2px solid var(--brand);outline-offset:-2px}.mail-assistant{padding:16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2)}.mail-assistant details label{display:block;margin-top:8px}.mail-v2-check{display:flex;align-items:start;gap:8px}.mail-v2-check input{margin-top:5px}.mail-v2-preview{display:grid;gap:14px}.mail-v2-filters{margin:10px 0}.mail-v2-filters>.form-grid{margin-top:12px}