/* 08.10.2026: «Связь» — переписка с поддержкой (support-chat.js). */
.scx-fab{position:fixed;right:22px;bottom:22px;z-index:60;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;background:var(--brand,#501122);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.scx-fab:hover{filter:brightness(1.08)}
@media(max-width:800px){.scx-fab{right:14px;bottom:calc(84px + env(safe-area-inset-bottom,0px));padding:10px 16px}}
.scx-dialog{width:min(560px,calc(100vw - 24px))}
.scx-box{display:grid;gap:12px}
.scx-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.scx-topic{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:14px 12px;font:inherit;font-weight:600;text-align:left;cursor:pointer}
.scx-topic:hover{border-color:var(--brand)}
.scx-h{margin:0}
.scx-hint{display:grid;gap:8px;justify-items:start;background:var(--surface-2,#f6f1ee);border-radius:12px;padding:12px 14px}
.scx-hint p{margin:0}
.scx-form{display:grid;gap:8px}
.scx-form label{display:grid;gap:6px;font-weight:600}
.scx-form textarea{width:100%;font:inherit;border:1px solid var(--input-line,var(--line));border-radius:12px;padding:10px 12px;resize:vertical;background:var(--card);color:var(--text)}
.scx-form .button{justify-self:end}
.scx-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.scx-state{border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700;background:var(--surface-3,#eee)}
.scx-open{background:var(--warn-bg,#fff3d6);color:var(--warn-text,#8a5a12)}
.scx-in_progress{background:var(--ok-bg,#e8f3e6);color:var(--ok-text,#2f6b2a)}
.scx-tg{margin:0;font-size:.84rem;color:var(--muted)}
.scx-warn{color:var(--warn-text,#8a5a12)!important}
.scx-list{display:grid;gap:10px;max-height:min(52vh,460px);overflow:auto;padding:4px 2px}
.scx-msg{display:grid;gap:3px;max-width:85%}
.scx-msg small{font-size:.72rem;color:var(--muted)}
.scx-mine{justify-self:end;text-align:right}
.scx-their{justify-self:start}
.scx-bubble{border-radius:14px;padding:9px 13px;line-height:1.4;text-align:left;overflow-wrap:anywhere;background:var(--surface-2,#f4eee9);color:var(--text)}
.scx-mine .scx-bubble{background:var(--brand,#501122);color:#fff}
.scx-file{display:block;font-size:.8rem;opacity:.8}
.scx-staff{display:grid;gap:8px;margin-bottom:16px}
.scx-shead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.scx-shead h3{margin:0;display:flex;align-items:center;gap:8px}
.scx-group{font-size:.82rem}
.scx-rows{display:grid}
.scx-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;gap:12px;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);font:inherit;padding:10px 4px;cursor:pointer}
.scx-row>span:first-child{display:grid;gap:2px}
.scx-row small{color:var(--muted);font-size:.78rem}
.scx-last{color:var(--muted);font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scx-waiting b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger,#9b1b3a);margin-right:7px;vertical-align:middle}
@media(max-width:700px){.scx-row{grid-template-columns:minmax(0,1fr) auto}.scx-last{grid-column:1/-1;grid-row:2}.scx-topics{grid-template-columns:1fr}}
body:has(#scx-fab) main{padding-bottom:84px}
.scx-badge{min-width:20px;height:20px;border-radius:10px;padding:0 6px;background:#e0344f;color:#fff;font-size:.75rem;font-weight:800;display:inline-grid;place-items:center;margin-left:2px}
.scx-badge[hidden]{display:none}
.scx-sacts{display:flex;justify-content:space-between;align-items:center;gap:10px}
.scx-row{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto}
.scx-rmeta{display:grid;justify-items:end;gap:2px;font-size:.78rem;white-space:nowrap}
.scx-new{border-radius:999px;padding:2px 9px;background:#e0344f;color:#fff;font-weight:700}
.scx-closed{opacity:.5}
.scx-closed:hover{opacity:.8}
@media(max-width:700px){.scx-row{grid-template-columns:minmax(0,1fr) auto}.scx-rmeta{grid-row:1;grid-column:2}}
.scx-mine-list{display:grid;gap:4px;margin-top:6px;border-top:1px solid var(--line);padding-top:12px}
.scx-mine-list h4{margin:0 0 4px;font-size:.92rem}
/* 09.10.2026: картинки и ссылки в «Связи» */
.scx-compose{display:flex;align-items:flex-end;gap:6px}
.scx-compose textarea{flex:1;min-width:0}
.scx-clip{flex:none;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--input-line,var(--line));border-radius:12px;background:var(--card);color:var(--brand,#501122);cursor:pointer}
:root[data-theme="dark"] .scx-clip{color:#f0b6c3}
.scx-clip:hover{border-color:var(--brand,#501122)}
.scx-clip:disabled{opacity:.5;cursor:default}
.scx-attach{display:flex;align-items:center;gap:10px}
.scx-thumb{position:relative;display:inline-block}
.scx-thumb img{display:block;max-width:120px;max-height:90px;border-radius:10px;border:1px solid var(--line)}
.scx-thumb button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:0;background:#2b2326;color:#fff;font-size:15px;line-height:24px;padding:0;cursor:pointer}
.scx-drop{outline:2px dashed var(--brand,#501122);outline-offset:4px;border-radius:14px}
.scx-img{display:block;border:0;padding:0;margin:4px 0 2px;background:transparent;cursor:zoom-in;max-width:100%}
.scx-img img{display:block;max-width:min(100%,280px);max-height:260px;border-radius:10px;object-fit:contain}
.scx-img:disabled{cursor:default}
.scx-doc{display:inline-block;margin-top:4px;border:0;border-radius:10px;padding:6px 10px;background:rgba(0,0,0,.08);color:inherit;font:inherit;cursor:pointer}
.scx-bubble a.scx-link{color:inherit;text-decoration:underline;text-underline-offset:2px;word-break:break-all}
.scx-their .scx-bubble a.scx-link{color:var(--brand,#501122)}
:root[data-theme="dark"] .scx-their .scx-bubble a.scx-link{color:#f0b6c3}
.scx-viewer{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:rgba(10,6,8,.86);cursor:zoom-out;padding:16px}
.scx-viewer img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.scx-viewer button{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:24px;cursor:pointer}
/* 29.10.2026: ФИО → карточка, @ник, «Передать вопрос» */
.scx-person{color:inherit;text-decoration:underline;text-underline-offset:3px}
.scx-staffline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 10px}
.scx-transfer{margin:0 0 12px;padding:12px}