/* ── SUPPORT ─────────────────────────────────────────── */
.support-fab {
  position:fixed; bottom:22px; right:22px; z-index:100;
  width:44px; height:44px; border-radius:50%;
  background:var(--accent); color:#fff; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 16px rgba(155,109,255,.35);
  transition:all var(--t);
}
.support-fab:hover { transform:scale(1.08); box-shadow:0 6px 22px rgba(155,109,255,.5) }
.support-widget {
  position:fixed; bottom:76px; right:22px; z-index:100;
  width:320px; background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-lg); box-shadow:0 10px 40px rgba(0,0,0,.5);
  overflow:hidden;
  transform:translateY(10px) scale(.97); opacity:0; pointer-events:none;
  transition:all .2s cubic-bezier(.4,0,.2,1);
}
.support-widget.open { transform:none; opacity:1; pointer-events:all }
.support-head {
  padding:12px 16px; border-bottom:1px solid var(--border);
  display:flex; align-items:center; justify-content:space-between;
}
.support-head > div > strong { font-size:13.5px; font-weight:600; color:var(--text) }
.support-body {
  padding:14px 16px; display:flex; flex-direction:column; gap:9px;
  max-height:380px; overflow-y:auto;
}
.support-ticket {
  background:var(--surface2); border:1px solid var(--border);
  border-radius:var(--r-sm); padding:10px 12px; margin-bottom:5px;
}
.support-ticket .top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:5px }
.support-ticket .top strong { font-size:12.5px; color:var(--text) }
.support-ticket.is-closed { opacity:.55 }