/* Scoped additions. Existing admin layout and theme stay unchanged. */
.social-editor { margin-bottom:30px; }
.social-editor-intro { margin-bottom:20px; }
.social-editor-intro p { color:var(--muted); font-size:15px; max-width:65ch; margin-bottom:0; }
.social-editor-list { display:grid; gap:16px; }
.social-editor-card { padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--surface2); min-width:0; }
.social-editor-heading { display:flex; gap:14px; align-items:center; margin-bottom:20px; }
.social-editor-heading h4 { font-size:19px; margin:0 0 5px; letter-spacing:0; }
.social-editor-state { display:block; color:var(--muted); font-size:12px; line-height:1.5; }
.social-editor-state[data-status=ready] { color:var(--accent); }
.social-editor-state[data-status=invalid] { color:var(--error); }
.social-admin-symbol { width:46px; height:46px; display:grid; place-items:center; flex:none; background:#000; border:1px solid #484751; border-radius:12px; }
.social-admin-icon { width:24px; height:24px; display:block; }
.social-admin-light { display:none; }
:root[data-theme=light] .social-admin-symbol { background:#fff; border-color:#d4cee1; }
:root[data-theme=light] .social-admin-dark { display:none; }
:root[data-theme=light] .social-admin-light { display:block; }
.social-editor-card input[type=url] { width:100%; min-width:0; }
.social-editor-controls { display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; justify-content:space-between; }
.social-editor-controls .editor-toggle { margin:0; padding:0; border:0; gap:18px; flex:1 1 230px; min-height:44px; }
.social-editor-note { margin:18px 0 0; }
.quasar-editor-note { display:flex; flex-wrap:wrap; gap:14px 24px; align-items:center; justify-content:space-between; padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--surface2); margin-bottom:30px; }
.quasar-editor-note > div { flex:1 1 320px; min-width:0; }
.quasar-editor-note h3 { font-size:19px; margin-bottom:10px; }
.quasar-editor-note p { color:var(--muted); font-size:14px; line-height:1.65; margin:0; }
@media(max-width:600px){ .social-editor-card,.quasar-editor-note { padding:18px 15px; } .social-editor-controls .button { width:100%; } }
