.social-login{margin-top:28px}
.social-login-divider{display:flex;align-items:center;gap:14px;color:#536780;font-size:13px;white-space:nowrap}
.social-login-divider::before,.social-login-divider::after{content:"";height:1px;background:#dce6f2;flex:1}
.social-login-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.social-login-options form{margin:0;min-width:0}
.social-login-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:96px;padding:12px 6px;border:1px solid #dce6f2;border-radius:12px;background:#f9fbfe;color:#142c49;font:650 13px/1.5 Rivo,Manrope,sans-serif;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.social-login-button img{display:block;width:40px;height:40px;object-fit:contain}
.social-login-button:hover{background:#eef4fe;border-color:#a4c5f4;transform:translateY(-2px)}
.social-login-button:active{transform:translateY(0)}
.social-login-button:focus-visible,.social-text-button:focus-visible,.social-disconnect summary:focus-visible{outline:2px solid #1460ed;outline-offset:3px}
.social-settings-form{display:grid;gap:24px}
.social-settings-form>label{max-width:700px}
.social-settings-form label{display:grid;gap:7px;min-width:0}
.social-settings-form small{font-size:12px;font-weight:400;color:#536780;line-height:1.6}
.social-provider-settings{margin:0;padding:20px 0 24px;border:0;border-top:1px solid #dce6f2;min-width:0}
.social-provider-settings legend{padding:0 12px 0 0;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#142c49}
.social-provider-settings legend img{width:36px;height:36px;object-fit:contain}
.social-settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.social-settings-fields .social-callback{grid-column:1/-1}
.social-settings-form .social-enable{display:flex;align-items:center;gap:12px;font-size:14px;cursor:pointer}
.social-enable input{appearance:none!important;-webkit-appearance:none!important;width:42px!important;height:24px!important;min-height:24px!important;flex:0 0 42px;padding:0!important;margin:0!important;border:1px solid #7990aa!important;border-radius:24px!important;background:#e6edf6!important;position:relative;cursor:pointer;box-shadow:none!important}
.social-enable input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#536780;transition:transform .18s ease,background-color .18s ease}
.social-enable input:checked{background:#1460ed!important;border-color:#1460ed!important}
.social-enable input:checked::after{transform:translateX(18px);background:#fff}
.social-settings-form .social-clear{display:flex;align-items:flex-start;gap:8px;margin-top:16px;font-size:12px;font-weight:400}
.social-clear input{width:16px;flex:0 0 16px;margin-top:2px}
.social-admin-footer{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.social-admin-footer p{max-width:60ch;font-size:12px;margin:0}
.social-notice{padding:16px;border-radius:12px;background:#fff1f2;color:#972d40;font-size:14px}
.social-profile .panel-head p,.social-admin .panel-head p{margin:8px 0 0}
.social-connections{display:grid;gap:0}
.social-connection{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid #dce6f2}
.social-connection-name{display:flex;align-items:center;gap:12px;min-width:0}
.social-connection-name img{width:40px;height:40px;object-fit:contain}
.social-connection-name b,.social-connection-name small{display:block}
.social-connection-name small{font-size:12px;color:#536780;overflow-wrap:anywhere}
.social-connection form{margin:0}
.social-disconnect{max-width:330px;text-align:right}
.social-disconnect summary{color:#536780;font-size:13px;cursor:pointer}
.social-disconnect form{display:grid;gap:12px;text-align:left;margin-top:14px}
.social-disconnect p{font-size:12px;text-align:left}
.social-complete-wrap{width:100%;padding:48px 20px 64px;display:grid;place-items:start center}
.social-complete-card{width:min(100%,520px);padding:32px;background:#fff;border:1px solid #dce6f2;border-radius:20px}
.social-complete-provider{display:flex;align-items:center;gap:12px;color:#536780;font-size:14px;margin-bottom:24px}
.social-complete-provider img{width:44px;height:44px;object-fit:contain}
.social-complete-card h1{font-size:28px;line-height:1.25;color:#142c49;margin:0 0 12px}
.social-complete-card>p{font-size:14px;line-height:1.65;margin:0 0 24px}
.social-complete-card .check{font-size:12px;line-height:1.65}
.social-complete-card .check input{flex:0 0 16px;width:16px}
.social-complete-actions{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.social-text-button{padding:0;border:0;background:none;color:#1557c4;cursor:pointer;font:600 13px/1.6 Rivo,Manrope,sans-serif;text-align:left}
.social-text-button:hover{text-decoration:underline;text-underline-offset:3px}
html[data-panel-theme="dark"] .social-provider-settings,html[data-panel-theme="dark"] .social-connection{border-color:#34465b}
html[data-panel-theme="dark"] .social-provider-settings legend{color:#edf3fb}
html[data-panel-theme="dark"] .social-settings-form small,html[data-panel-theme="dark"] .social-connection-name small,html[data-panel-theme="dark"] .social-disconnect summary{color:#b4c4d7}
@media(max-width:600px){.social-settings-fields{grid-template-columns:1fr}.social-provider-settings{padding-bottom:20px}.social-connection{align-items:flex-start;flex-wrap:wrap}.social-disconnect{max-width:none;width:100%;text-align:left}.social-complete-wrap{padding:24px 14px 48px}.social-complete-card{padding:24px 20px}.social-complete-card h1{font-size:25px}.social-login-options{gap:8px}.social-login-button{font-size:12px;min-height:90px}.social-login-divider{gap:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.social-login-button,.social-enable input::after{transition:none}.social-login-button:hover{transform:none}}

.social-settings-fields label{align-content:start}.social-settings-fields input:not([type=checkbox]){height:44px}.social-profile .btn.secondary{background:#eef4fe;color:#1557c4}.social-profile .btn.secondary:hover{background:#dceaff}html[data-panel-theme="dark"] .social-profile .btn.secondary{background:#203047;color:#c0d8ff}