/* _shell/social-ui.css — стили UI, который инжектит social-hydrate.js на РАЗНЫХ страницах.
   Грузится глобально из _shell/head.html (social-hydrate.js — на всех страницах через topnav).
   Сюда выносим только КРОСС-страничный инжект-UI (раньше .cfm дублировался в cabinet.css и
   case-redesign.css). Пер-страничный UI (.pf-menu/.art-menu/.mat-menu) остаётся в CSS своей страницы. */

/* Общий попап-подтверждение (.cfm-*) — используется в ЛК (/me) и на странице поста (⋮-меню). */
.cfm-ov{ position:fixed; inset:0; z-index:1000; background:rgba(20,18,15,.45); display:grid; place-items:center; padding:20px; }
.cfm{ width:100%; max-width:400px; background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:0 24px 60px rgba(0,0,0,.28); }
.cfm-h{ font-size:17px; font-weight:700; color:var(--ink); margin-bottom:8px; }
.cfm-t{ font-size:14px; line-height:1.5; color:var(--muted); margin-bottom:18px; }
.cfm-a{ display:flex; gap:10px; justify-content:flex-end; }
.cfm-a button{ font-size:14px; font-weight:600; padding:9px 16px; border-radius:10px; cursor:pointer; border:1px solid var(--line-2); background:none; color:var(--ink); transition:background .14s var(--ease), border-color .14s var(--ease); }
.cfm-cancel:hover{ background:var(--surface-2); }
.cfm-ok{ background:var(--ink); color:var(--surface); border-color:var(--ink); }
.cfm-ok.cfm-danger{ background:var(--red, #d64545); border-color:var(--red, #d64545); color:#fff; }
.cfm-ok:hover{ opacity:.9; }