@font-face{font-family:Google Signin;src:url('/fonts/google-sans-signin-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
.provider-options{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.provider-options>p:first-child{text-align:center;font-size:13px;color:var(--muted);margin:0 0 14px}
.provider-buttons{display:grid;gap:10px}
.provider-icon{display:inline-block;flex:none;width:20px;height:20px;object-fit:contain}
a.provider-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 12px;background:#fff;border:1px solid #747775;border-radius:8px;color:#1f1f1f;font-size:14px;font-weight:600;line-height:20px;text-decoration:none}
a.provider-button:hover{background:#f5f7fb;border-color:#506080;color:#1f1f1f}
a.provider-button[data-provider=google]{font-family:Google Signin,Arial,sans-serif;font-weight:500}
a.provider-button[data-provider=microsoft]{font-family:Segoe UI,Arial,sans-serif}
a.provider-button:focus-visible,.connection-card button:focus-visible{outline:3px solid #315cdb;outline-offset:3px}
.provider-options .help-text{margin:14px 0 0;font-size:12px;line-height:1.6}
.provider-pending-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#46536a;font-size:13px;font-weight:650;line-height:1.5}
.provider-soon{font-size:11px;font-weight:600;line-height:1.4;padding:3px 7px;background:#eef2f7;border:1px solid #dde4ee;border-radius:5px;color:#657187}
.provider-options .provider-availability-note{margin:7px 0 14px;color:#626f83;font-size:12px;line-height:1.65}
.provider-buttons--pending{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.provider-buttons--pending>.provider-button:last-child:nth-child(odd){grid-column:1/-1}
.provider-options>.help-text+.provider-pending{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
.provider-options .provider-button:disabled,body.canvas-live.modonix.product-live .provider-options .provider-button:disabled{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:46px;padding:10px 12px;margin:0;border:1px solid #dce2eb;border-radius:8px;background:#f5f6f9;color:#59657a;font:inherit;font-size:13px;font-weight:550;line-height:20px;box-shadow:none;opacity:1;cursor:not-allowed;transform:none}
.provider-options .provider-button:disabled[data-provider=google]{font-family:Google Signin,Arial,sans-serif;font-weight:500}
.provider-options .provider-button:disabled[data-provider=microsoft]{font-family:Segoe UI,Arial,sans-serif}
@media(max-width:360px){.provider-options .provider-buttons--pending>.provider-button:disabled{flex-direction:column;gap:5px;padding:10px 6px}.provider-options .provider-buttons--pending>.provider-button:disabled:last-child:nth-child(odd){flex-direction:row}}
.connections-intro{margin-bottom:20px;max-width:64ch}
.connections-list{display:grid;gap:14px}
.connection-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.connection-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.connection-name{display:flex;align-items:center;gap:12px;min-width:0}
.connection-name h2{font-size:18px;letter-spacing:-.025em;margin:0}
.connection-state{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:12px;line-height:1.4;padding:5px 8px;border-radius:6px;border:1px solid var(--line);background:var(--paper);color:var(--muted)}
.connection-state.is-connected{color:#176843;background:#edf8f1;border-color:#c7e5d4}
.connection-card p{font-size:13px;line-height:1.7}
.connection-card form+form{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.connection-card .field{max-width:460px}
.connection-card .field input{font-size:16px}
.connection-card button{min-height:44px;white-space:normal}
.connection-controls>summary{display:flex;align-items:center;min-height:44px;gap:8px;color:#254aba;font-size:13px;font-weight:700;list-style:none}
.connection-controls>summary::-webkit-details-marker{display:none}
.connection-controls>summary::after{content:'+';font-size:18px;font-weight:500}
.connection-controls[open]>summary::after{content:'−'}
.connection-controls[open]>summary{margin-bottom:14px}
.connection-controls>summary:focus-visible{outline:3px solid #315cdb;outline-offset:2px;border-radius:4px}
.connections-list .connection-heading{margin-bottom:4px}
.connections-list .connection-card{padding-block:18px}
.connection-empty{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.connection-empty h2{font-size:20px}
.social-setup{max-width:980px;padding-block:32px}
.social-setup .page-heading{margin-bottom:24px}
.social-setup-intro{padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:20px}
.social-setup-intro p{max-width:75ch}
.social-setup .connection-card{margin:14px 0}
.social-setup-actions{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0;font-size:13px;font-weight:700}
.social-setup-actions a{text-decoration:underline;text-underline-offset:3px}
.social-setup details{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.social-setup summary{min-height:40px;font-weight:700;font-size:14px}
.social-setup ol{padding-left:22px;font-size:14px;line-height:1.7}
.social-setup li+li{margin-top:10px}
.social-setup code{font-size:12px;overflow-wrap:anywhere;white-space:normal}
.social-setup .field{max-width:none}
.social-setup .field input{font-family:ui-monospace,monospace;font-size:13px}
@media(max-width:600px){.connection-card{padding:18px}.connection-heading{gap:10px;align-items:flex-start}.connection-name{gap:10px}.connection-state{font-size:11px}.social-setup{padding-top:22px}.social-setup .field input{font-size:16px}.social-setup-intro{padding:18px}.connection-card .field-grid{display:block}}