/* ── Поддержка (тикеты) ─────────────────────────────────────────────────── */
.sp-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}
.sp-chip{font:inherit;font-size:.84rem;color:var(--muted2);background:rgba(255,255,255,.04);border:1px solid var(--border);
  border-radius:999px;padding:.5rem .95rem;cursor:pointer;transition:.15s;min-height:40px}
.sp-chip:hover{border-color:var(--border-mid);color:var(--text)}
.sp-chip.on{background:var(--accent-light);border-color:var(--border-accent);color:var(--accent-bright)}
.sp-text{width:100%;min-height:110px;max-height:320px;resize:vertical;font:inherit;font-size:.95rem;line-height:1.5;color:var(--text);
  background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:12px;padding:.8rem .95rem;box-sizing:border-box}
.sp-text:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-light)}
.sp-text::placeholder{color:var(--muted)}
.sp-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.7rem;flex-wrap:wrap}
.sp-hint{font-size:.78rem;color:var(--muted)}
.sp-alt{margin-top:1rem;font-size:.85rem;color:var(--muted2);text-align:center}
.sp-list{display:flex;flex-direction:column}
.sp-item{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem 1rem;border-top:1px solid var(--border);cursor:pointer;transition:background .15s;
  box-sizing:border-box;width:100%;text-align:left;font:inherit;color:inherit}
.sp-item:first-child{border-top:0}
.sp-item:hover{background:rgba(255,255,255,.035)}
.sp-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.sp-item .sp-main{flex:1;min-width:0}
.sp-item .sp-t{display:flex;gap:.5rem;align-items:center;font-weight:600;color:var(--text)}
.sp-item .sp-t .sp-s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-item .sp-p{display:block;font-size:.84rem;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-item .sp-d{font-size:.75rem;color:var(--muted);white-space:nowrap}
.sp-item .sp-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.sp-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none;box-shadow:0 0 8px var(--accent-glow)}
.sp-dot.off{visibility:hidden}
.sp-empty{padding:1.6rem 1rem;text-align:center;color:var(--muted);font-size:.9rem}
.sp-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem;flex-wrap:wrap}
.sp-back{font:inherit;font-size:.9rem;color:var(--muted2);background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:10px;
  padding:.5rem .9rem;cursor:pointer;min-height:40px}
.sp-back:hover{color:var(--text)}
.sp-title{font-weight:650;font-size:1.05rem;flex:1 1 100%;order:4;min-width:0;overflow-wrap:anywhere}
.sp-head .sp-back{order:1}
.sp-head #sp-th-status{order:2;margin-left:auto}
.sp-head #sp-close{order:3}
.sp-thread{display:flex;flex-direction:column;gap:.55rem;max-height:56vh;min-height:140px;overflow-y:auto;padding:.2rem .1rem 1rem;scroll-behavior:smooth}
.sp-msg{max-width:84%;padding:.65rem .9rem;border-radius:14px;line-height:1.5;font-size:.94rem;white-space:pre-wrap;overflow-wrap:anywhere}
.sp-msg .sp-w{display:block;font-size:.72rem;color:var(--muted);margin-bottom:2px;white-space:normal}
.sp-msg.user{align-self:flex-end;background:var(--accent-light);border:1px solid var(--border-accent);border-bottom-right-radius:4px}
.sp-msg.admin{align-self:flex-start;background:var(--card);border:1px solid var(--border-mid);border-bottom-left-radius:4px}
.sp-msg.system{align-self:center;max-width:100%;font-size:.78rem;color:var(--muted);background:none;padding:.15rem}
.sp-compose{display:flex;gap:.6rem;align-items:flex-end;position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));
  background:var(--bg2);border:1px solid var(--border-mid);border-radius:14px;padding:.55rem;margin-top:.4rem}
.sp-compose textarea{flex:1;min-height:44px;max-height:160px;resize:none;font:inherit;font-size:.95rem;line-height:1.4;color:var(--text);
  background:none;border:0;padding:.55rem .6rem;outline:none}
.sp-compose textarea::placeholder{color:var(--muted)}
.sp-closed-note{text-align:center;color:var(--muted);font-size:.86rem;margin:.6rem 0}
.nav-btn .nav-badge,.bnav-btn .nav-badge{display:none;min-width:17px;height:17px;border-radius:9px;background:var(--accent);color:#04202b;font-size:.68rem;font-weight:700;
  align-items:center;justify-content:center;padding:0 5px;margin-left:5px;line-height:1}
.nav-btn .nav-badge.on,.bnav-btn .nav-badge.on{display:inline-flex}
.bnav-btn{position:relative}
.bnav-btn .nav-badge{position:absolute;top:3px;left:55%;margin:0}
@media (min-width:900px){.sp-compose{bottom:12px}}
@media (prefers-reduced-motion:reduce){.sp-thread{scroll-behavior:auto}}