.app>aside{overflow-y:auto}
.social-settings-page{max-width:1380px;margin:0 auto}.social-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;margin-bottom:20px;color:#fff;border-radius:20px;background:linear-gradient(125deg,#111e41 0%,#253b83 48%,#5c3ed4 100%);box-shadow:0 18px 44px #19265b25}.social-settings-hero .eyebrow{display:block;color:#9feaff;font-size:11px;font-weight:900;letter-spacing:1.5px}.social-settings-hero h2{margin:7px 0 8px;font-size:29px}.social-settings-hero p{max-width:720px;margin:0;color:#dce5ff;line-height:1.55}.social-settings-account{min-width:225px;padding:16px 18px;border:1px solid #ffffff35;border-radius:15px;background:#ffffff12}.social-settings-account small,.social-settings-account span{display:block}.social-settings-account small{color:#bdc9ef;margin-bottom:5px}.social-settings-account b{display:block;font-size:16px}.social-settings-account span{margin-top:4px;color:#a8b7e9;font-size:12px}.social-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.social-summary article{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.social-summary i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf1ff;color:#3158dc;font-style:normal;font-size:18px}.social-summary b,.social-summary small{display:block}.social-summary b{font-size:20px}.social-summary small{margin-top:2px;color:var(--muted)}.social-security-note,.social-flash{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px;padding:13px 16px;border-radius:12px;border:1px solid #b9c9ff;background:#edf3ff;color:#29437a}.social-security-note b{display:block;margin-bottom:2px}.social-security-note small{color:#61729c}.social-flash.success{border-color:#98e1c2;background:#e9fbf3;color:#087348}.social-flash.error{border-color:#ffc3c8;background:#fff0f1;color:#a42030}.social-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.social-provider{padding:0;overflow:hidden}.provider-head{display:flex;align-items:center;gap:13px;padding:19px 20px;border-bottom:1px solid var(--line)}.provider-logo{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#fff;background:var(--provider,#3158dc);font-size:17px;font-weight:900;box-shadow:0 8px 18px color-mix(in srgb,var(--provider,#3158dc) 30%,transparent)}.provider-head>div:nth-child(2){min-width:0;flex:1}.provider-head h3{margin:0 0 3px;font-size:17px}.provider-head p{margin:0;color:var(--muted);font-size:12px}.provider-state{padding:5px 9px;border-radius:999px;font-style:normal;font-size:10px;font-weight:900;white-space:nowrap}.provider-state.connected{background:#dff8ec;color:#08714a}.provider-state.ready{background:#e8eeff;color:#234ab6}.provider-state.missing{background:#fff2dc;color:#9a5b00}.provider-body{padding:19px 20px}.provider-toggle{display:flex;align-items:center;gap:9px;padding:10px 12px;margin-bottom:15px;border:1px solid var(--line);border-radius:11px;background:var(--bg);font-weight:750}.provider-toggle input{width:17px;height:17px;accent-color:var(--blue)}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.settings-fields .field{min-width:0}.settings-fields .field.full{grid-column:1/-1}.settings-fields input,.settings-fields select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);outline:none}.settings-fields input:focus,.settings-fields select:focus{border-color:#5273ff;box-shadow:0 0 0 3px #5273ff18}.settings-fields .field>small{display:block;margin-top:5px;color:var(--muted);font-weight:400;line-height:1.35}.secret-wrap{position:relative}.secret-wrap input{padding-right:58px}.secret-wrap span{position:absolute;right:9px;top:16px;padding:3px 6px;border-radius:5px;background:#e4f7ed;color:#08714a;font-size:9px;font-weight:900}.clear-secret{display:flex!important;align-items:center;gap:6px;margin-top:6px!important;color:#a13a45!important;font-size:11px}.clear-secret input{width:14px;height:14px;margin:0;padding:0}.callback-row{display:grid;grid-template-columns:1fr auto;gap:7px}.callback-row button{margin-top:6px;padding:0 12px;background:#e9edfa;color:#334a7d}.scope-box,.activation-steps{margin-top:15px;padding:12px 13px;border-radius:11px;background:var(--bg);border:1px solid var(--line)}.scope-box b,.activation-steps b{display:block;margin-bottom:6px;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.scope-box code{font-size:11px;color:#41557e;white-space:normal}.activation-steps ol{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.55}.provider-message{min-height:18px;margin:12px 0 0;font-size:12px}.provider-message.success{color:#08714a}.provider-message.error{color:#b22233}.provider-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.provider-actions button{padding:10px 13px}.provider-actions .connect-provider{background:#172852}.provider-actions .disconnect-provider{background:#fff0f1;color:#a42030;border:1px solid #ffc4ca}.provider-actions .test-provider{background:#e9edfa;color:#334a7d}.manual-sharing{margin-top:18px;padding:21px 23px}.manual-sharing h3{margin:0 0 7px}.manual-sharing p{margin:0;color:var(--muted);line-height:1.55}.manual-channels{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.manual-channels span{padding:7px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-weight:700;font-size:12px}.body.dark .provider-logo{box-shadow:none}.body.dark .scope-box code{color:#c0cae4}@media(max-width:1100px){.social-provider-grid{grid-template-columns:1fr}.social-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.social-settings-hero{align-items:flex-start;flex-direction:column;padding:22px}.social-settings-account{width:100%}.social-summary{grid-template-columns:1fr 1fr}.settings-fields{grid-template-columns:1fr}.settings-fields .field.full{grid-column:auto}.provider-head{align-items:flex-start}.provider-state{margin-left:auto}.callback-row{grid-template-columns:1fr}.callback-row button{height:38px;margin-top:0}.social-provider-grid{gap:14px}}@media(max-width:480px){.social-summary{grid-template-columns:1fr}.provider-head,.provider-body{padding:16px}}