/* Support page styling (2026-07-02): kvsup-* classes were used in markup
                           but had NO CSS anywhere — the page rendered fully unstyled. */
                        :root { --sup-ink:#0f172a; --sup-line:rgba(15,23,42,.10); --sup-blue:#1b64d8; --sup-teal:#0d9488; }
                        .kvsup-hero { background:radial-gradient(circle at 82% 12%,rgba(27,100,216,.10),transparent 34%),linear-gradient(135deg,#f6f9ff 0%,#ffffff 55%,#f2fbf8 100%); border:1px solid var(--sup-line); border-radius:20px; padding:2rem 2.25rem; box-shadow:0 18px 50px rgba(15,23,42,.06); }
                        .kvsup-chip { display:inline-flex; align-items:center; gap:.5rem; padding:.4rem .85rem; border-radius:999px; background:#eef4ff; color:var(--sup-blue); font-weight:800; font-size:.78rem; letter-spacing:.02em; }
                        .kvsup-chip i { color:var(--sup-blue); }
                        .kvsup-title { font-size:clamp(1.9rem,3.4vw,2.6rem); color:var(--sup-ink); letter-spacing:-.6px; }
                        .kvsup-lede { font-size:1.05rem; line-height:1.7; color:#475569; max-width:640px; }
                        .kvsup-trustrow { }
                        .kvsup-trust { display:inline-flex; align-items:center; gap:.5rem; font-size:.86rem; font-weight:600; color:#334155; }
                        .kvsup-trust i { color:var(--sup-teal); }
                        .kvsup-art { width:100%; min-height:280px; background-size:contain; background-repeat:no-repeat; background-position:center; }
                        .kvsup-h2 { font-size:1.5rem; color:var(--sup-ink); letter-spacing:-.4px; }
                        .kvsup-cat { border:1px solid var(--sup-line); border-radius:16px; background:#fff; padding:1.5rem; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
                        .kvsup-cat:hover { transform:translateY(-4px); box-shadow:0 18px 44px rgba(15,23,42,.10); border-color:rgba(27,100,216,.24); }
                        .kvsup-cat-icon { display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:14px; font-size:1.35rem; }
                        .kvsup-cat-title { color:var(--sup-ink); }
                        .kvsup-cat-blurb { font-size:.92rem; line-height:1.6; }
                        .kvsup-cat-evi { display:flex; align-items:center; gap:.4rem; font-size:.8rem; font-weight:700; color:var(--sup-blue); background:#eef4ff; border-radius:8px; padding:.5rem .75rem; }
                        .kvsup-panel { border:1px solid var(--sup-line); border-radius:16px; background:#fff; padding:1.75rem; box-shadow:0 14px 40px rgba(15,23,42,.05); }
                        .kvsup-panel-soft { background:linear-gradient(160deg,#f6f9ff,#f2fbf8); }
                        .kvsup-checklist, .kvsup-expect { list-style:none; margin:0; padding:0; display:grid; gap:.7rem; }
                        .kvsup-checklist li, .kvsup-expect li { position:relative; padding-left:1.9rem; font-size:.95rem; line-height:1.5; color:#334155; }
                        .kvsup-checklist li:before { content:"\2713"; position:absolute; left:0; top:0; color:var(--sup-teal); font-weight:900; }
                        .kvsup-expect li:before { content:"\2192"; position:absolute; left:0; top:0; color:var(--sup-blue); font-weight:900; }
                        .kvsup-warn { display:flex; gap:.7rem; align-items:flex-start; border:1px solid rgba(234,88,12,.24); background:rgba(234,88,12,.06); color:#9a3412; border-radius:12px; padding:.9rem 1.1rem; font-size:.9rem; line-height:1.5; }
                        .kvsup-role { border:1px solid var(--sup-line); border-radius:14px; background:#fff; padding:1.35rem; text-align:center; transition:transform .18s ease, box-shadow .18s ease; }
                        .kvsup-role:hover { transform:translateY(-3px); box-shadow:0 14px 34px rgba(15,23,42,.08); }
                        .kvsup-role-i { font-size:1.6rem; color:var(--sup-blue); margin-bottom:.6rem; }
                        .kvsup-contact { border:1px solid var(--sup-line); border-radius:16px; background:#fff; padding:1.6rem; box-shadow:0 14px 40px rgba(15,23,42,.05); }
                        .kvsup-contact-icon { display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:13px; background:linear-gradient(135deg,rgba(27,100,216,.12),rgba(13,148,136,.12)); color:var(--sup-blue); font-size:1.2rem; margin-bottom:.85rem; }
                        .kvsup-chip-danger { background:rgba(225,29,72,.10); color:#e11d48; }
                        .kvsup-chip-danger i { color:#e11d48; }
                        .kvsup-escalate { display:flex; gap:.8rem; align-items:flex-start; border:1px solid rgba(234,88,12,.24); background:rgba(234,88,12,.06); border-radius:14px; padding:1.1rem 1.25rem; color:#9a3412; font-size:.92rem; line-height:1.55; }
                        .kvsup-safety { border:1px solid rgba(225,29,72,.20); border-radius:16px; background:linear-gradient(160deg,rgba(225,29,72,.05),#fff); padding:1.6rem; }
                        .kvsup-field { display:block; margin-bottom:1rem; }
                        .kvsup-field label { display:block; font-weight:700; font-size:.86rem; color:var(--sup-ink); margin-bottom:.4rem; }
                        @media(max-width:991.98px){ .kvsup-art{min-height:180px;} .kvsup-hero{padding:1.5rem;} }
                            .kvsup-raise { border:1px solid var(--sup-line); border-radius:18px; background:#fff; padding:1.75rem 1.9rem; box-shadow:0 18px 50px rgba(15,23,42,.06); }
                            .kvsup-raise .form-control, .kvsup-raise .form-select { border-radius:11px; }
                            /* Chat thread */
                            .kvsup-chat { display:flex; flex-direction:column; height:440px; border:1px solid var(--sup-line); border-radius:16px; background:linear-gradient(180deg,#fbfdff,#ffffff); overflow:hidden; }
                            .kvsup-thread { flex:1 1 auto; overflow-y:auto; padding:1.1rem 1.15rem; display:flex; flex-direction:column; gap:.75rem; }
                            .kvsup-msg { display:flex; gap:.6rem; max-width:88%; }
                            .kvsup-msg .av { flex:0 0 auto; width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:.9rem; }
                            .kvsup-msg .bub { border-radius:13px; padding:.7rem .9rem; font-size:.93rem; line-height:1.55; white-space:pre-wrap; }
                            .kvsup-msg.ai .av { background:linear-gradient(135deg,rgba(27,100,216,.15),rgba(13,148,136,.15)); color:var(--sup-blue); }
                            .kvsup-msg.ai .bub { background:#eef4ff; color:#12213b; border-top-left-radius:4px; }
                            .kvsup-msg.me { align-self:flex-end; flex-direction:row-reverse; }
                            .kvsup-msg.me .av { background:#0f172a; color:#fff; }
                            .kvsup-msg.me .bub { background:#0f172a; color:#fff; border-top-right-radius:4px; }
                            .kvsup-cite { font-size:.74rem; color:#64748b; margin-top:.35rem; }
                            .kvsup-inbub { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.5rem; }
                            .kvsup-chips { display:flex; flex-wrap:wrap; gap:.45rem; padding:.15rem 1.15rem .6rem; }
                            .kvsup-chip-btn { border:1px solid rgba(27,100,216,.28); background:#f4f8ff; color:var(--sup-blue); font-weight:700; font-size:.82rem; border-radius:999px; padding:.4rem .85rem; cursor:pointer; transition:.15s; }
                            .kvsup-chip-btn:hover { background:var(--sup-blue); color:#fff; }
                            .kvsup-inputbar { border-top:1px solid var(--sup-line); background:#fff; padding:.7rem .8rem; display:flex; gap:.5rem; align-items:flex-end; }
                            .kvsup-inputbar textarea { border:1px solid var(--sup-line); border-radius:12px; resize:none; padding:.6rem .8rem; font-size:.93rem; flex:1 1 auto; max-height:110px; }
                            .kvsup-send { flex:0 0 auto; width:44px; height:44px; border-radius:12px; border:0; background:var(--sup-blue); color:#fff; font-size:1rem; }
                            .kvsup-send:disabled { opacity:.5; }
                            .kvsup-typing span { display:inline-block; width:6px; height:6px; margin:0 1px; background:#94a3b8; border-radius:50%; animation:kvsupb 1s infinite; }
                            .kvsup-typing span:nth-child(2){animation-delay:.15s} .kvsup-typing span:nth-child(3){animation-delay:.3s}
                            @keyframes kvsupb { 0%,60%,100%{opacity:.3;transform:translateY(0)} 30%{opacity:1;transform:translateY(-3px)} }
                            .kvsup-mytk { border:1px solid var(--sup-line); border-radius:14px; background:#fff; padding:1.1rem 1.25rem; }
                            .kvsup-mytk-row { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.55rem 0; border-bottom:1px solid var(--sup-line); }
                            .kvsup-mytk-row:last-child { border-bottom:0; }
                            .kvsup-state { font-size:.72rem; font-weight:800; padding:.2rem .6rem; border-radius:999px; text-transform:capitalize; }
                            .kvsup-state.open, .kvsup-state.pending_review, .kvsup-state.new { background:#fff7ed; color:#c2410c; }
                            .kvsup-state.resolved, .kvsup-state.approved, .kvsup-state.closed { background:#ecfdf5; color:#047857; }
                            .kvsup-state.escalated, .kvsup-state.fraud_flagged { background:#fef2f2; color:#b91c1c; }