:root{ --card-bg: rgba(18,22,28,.7); --line:#1f2937; --text:#e5e7eb; --muted:#9ca3af; --accent:#10b981; }
body{ color:var(--text); }
.card{ background:var(--card-bg); border:1px solid var(--line); border-radius:16px; padding:16px; box-shadow:0 6px 20px rgba(0,0,0,.25); margin-bottom:16px; }
.support-page{ max-width:1200px; margin:24px auto; display:grid; grid-template-columns: 1.1fr .9fr; gap:16px; padding:0 12px; }
.support-left label, .support-right label{ display:block; font-size:14px; color:var(--muted); margin:10px 0 6px; }
input, select, textarea{ width:100%; background:#0b0f14; color:var(--text); border:1px solid #233041; border-radius:12px; padding:10px 12px; }
button{ background:var(--accent); color:#06231e; border:0; border-radius:12px; padding:10px 14px; font-weight:600; cursor:pointer; }
button.ghost{ background:transparent; color:var(--muted); border:1px solid #324155; }
.form-note{ font-size:12px; color:var(--muted); margin-top:8px; }
#ticketList .ticket{ padding:12px; border:1px solid #233041; border-radius:12px; margin-bottom:10px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; }
.ticket .meta{ font-size:12px; color:var(--muted); }
.status-pill{ padding:4px 8px; border-radius:999px; font-size:12px; border:1px solid #2b394b; }
.status-open{ background:#0b1724; color:#93c5fd; }
.status-pending{ background:#21150c; color:#fbbf24; }
.status-awaiting_user{ background:#121b0c; color:#86efac; }
.status-resolved{ background:#0c1b17; color:#6ee7b7; }
.status-closed{ background:#1a1a1a; color:#aaa; }
.chat-messages{ height:520px; overflow:auto; border:1px solid #233041; border-radius:12px; padding:12px; background:#0a0f14; }
.msg{ margin:8px 0; }
.msg .bubble{ display:inline-block; padding:10px 12px; border-radius:14px; border:1px solid #233041; background:#0e1620; max-width:85%; }
.msg.me .bubble{ background:#0f2a24; border-color:#1d3d33; }
.msg .ts{ display:block; font-size:11px; color:#8aa0b2; margin-top:4px; }
.row{ display:flex; gap:8px; align-items:center; }
.support-fab{ position:fixed; right:20px; bottom:20px; padding:12px 16px; border-radius:999px; box-shadow:0 10px 25px rgba(0,0,0,.35); z-index:9999; }
.support-widget{ position:fixed; right:20px; bottom:80px; width:340px; background:var(--card-bg); border:1px solid var(--line); border-radius:16px; box-shadow:0 12px 40px rgba(0,0,0,.5); display:none; flex-direction:column; z-index:9999; }
.support-widget[aria-hidden="false"]{ display:flex; }
.sw-header{ display:flex; justify-content:space-between; align-items:center; padding:10px 12px; border-bottom:1px solid var(--line); }
.sw-body{ padding:12px; max-height:420px; overflow:auto; }
.sw-ticket{ padding:10px; border:1px solid #233041; border-radius:10px; margin-bottom:8px; }
.sw-new input, .sw-new textarea{ margin-bottom:8px; }