/* VEXO Support Center + Help Center. Dark navy / blue-accent variables from vexo-redesign.css; layouts reuse vexo-community.css. */
.sp-tickets,.spa-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.sp-tickets li{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}.sp-tickets a{display:flex;gap:.6rem;align-items:baseline;min-width:0}
.sp-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:#93c5fd;background:rgba(59,130,246,.12);padding:.1rem .45rem;border-radius:6px}
.sp-status.sp-open,.sp-status.sp-staff{background:rgba(59,130,246,.16);color:#93c5fd}.sp-status.sp-user{background:rgba(250,204,21,.14);color:#fde68a}
.sp-status.sp-progress{background:rgba(129,140,248,.16);color:#c7d2fe}.sp-status.sp-resolved{background:rgba(34,197,94,.14);color:#86efac}.sp-status.sp-closed{background:rgba(148,163,184,.14);color:#cbd5e1}
.sp-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:1rem;align-items:start}
.sp-thread{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.7rem}
.sp-msg{border:1px solid var(--line,rgba(148,163,184,.16));border-radius:12px;padding:.8rem 1rem;background:rgba(15,23,42,.5)}
.sp-from-staff{border-color:rgba(59,130,246,.35);background:rgba(30,58,138,.18)}.sp-msg-head{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.3rem}
.sp-system{font-size:.82rem;color:var(--muted,#94a3b8);text-align:center}
.sp-files{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.sp-files img{max-width:160px;max-height:120px;border-radius:8px;border:1px solid var(--line,rgba(148,163,184,.2))}
.sp-preview{border:1px dashed rgba(59,130,246,.5)}.sp-closed-note{border-top:1px solid var(--line,rgba(148,163,184,.16));padding-top:.8rem}
.spa-top{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}
.spa-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:1rem;align-items:start;margin-top:.8rem}
.spa-list li.is-active{border-color:var(--accent,#3b82f6)}.spa-open{all:unset;cursor:pointer;display:block;margin-bottom:.35rem}.spa-open:focus-visible{outline:2px solid var(--accent,#3b82f6)}
.spa-p-urgent{background:rgba(239,68,68,.18);color:#fca5a5}.spa-p-high{background:rgba(250,204,21,.14);color:#fde68a}.spa-p-low{background:rgba(148,163,184,.14);color:#cbd5e1}
.spa-notes{margin-top:1rem;padding:1rem;border-radius:12px;background:repeating-linear-gradient(135deg,rgba(250,204,21,.05) 0 12px,transparent 12px 24px);border:1px solid rgba(250,204,21,.35)}
.spa-notes h3{color:#fde68a}.spa-note{border-top:1px solid rgba(250,204,21,.2);padding:.6rem 0}.spa-note.is-ai small{color:#c4b5fd}
.spa-notes form{display:grid;gap:.5rem}.spa-notes textarea{width:100%}
.sp-article{line-height:1.65}
@media(max-width:900px){.sp-layout,.spa-grid{grid-template-columns:1fr}}