/* ── styles/support.css ── support orb + ticket dialog ───────────────────── */
.sad-orb {
  position: fixed; bottom: 22px; right: 22px; z-index: 9500;
  width: 52px; height: 52px; border-radius: 50%; border: none; cursor: pointer;
  color: #fff; display: grid; place-items: center;
  background: linear-gradient(135deg, #4f46e5 0%, #7c6cf6 50%, #c026d3 100%);
  box-shadow: 0 10px 30px -8px rgba(79,70,229,.7);
  transition: transform .12s ease;
}
.sad-orb:hover { transform: scale(1.06); }
.sad-orb-badge {
  position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px;
  background: #e0463a; color: #fff; border-radius: 999px; font-size: 11px; font-weight: 700;
  display: grid; place-items: center; border: 2px solid var(--bg, #0b0c14);
}

.sad-orb-overlay { position: fixed; inset: 0; background: rgba(4,5,12,.6); backdrop-filter: blur(2px); z-index: 9600; display: flex; align-items: flex-end; justify-content: flex-end; padding: 22px; }
.sad-orb-dialog {
  width: 100%; max-width: 420px; max-height: 80vh; overflow-y: auto;
  background: var(--card, #171826); border: 1px solid var(--border, #262838); border-radius: 16px;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,.7); color: var(--text, #e7e8ef);
}
.sad-orb-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--border, #262838); }
.sad-orb-head h3 { margin: 0; font-size: 17px; }
.sad-orb-x { background: none; border: none; color: var(--muted, #9aa0b4); font-size: 16px; cursor: pointer; }
.sad-orb-body { padding: 16px 18px; }
.sad-orb-row { display: flex; gap: 12px; margin-bottom: 12px; }
.sad-orb-row label { flex: 1; font-size: 12px; color: var(--muted, #9aa0b4); display: flex; flex-direction: column; gap: 5px; }
.sad-orb-row select, .sad-orb-desc {
  width: 100%; box-sizing: border-box; background: #0d0e17; color: var(--text, #e7e8ef);
  border: 1px solid var(--border, #262838); border-radius: 9px; padding: 9px 11px; font-size: 14px; outline: none;
}
.sad-orb-desc { resize: vertical; font-family: inherit; }
.sad-orb-desc:focus, .sad-orb-row select:focus { border-color: #4f46e5; }
.sad-orb-ctx { margin: 10px 0; font-size: 12px; color: var(--muted, #9aa0b4); }
.sad-orb-ctx summary { cursor: pointer; }
.sad-orb-ctx pre { background: #0d0e17; border: 1px solid var(--border, #262838); border-radius: 8px; padding: 8px 10px; margin: 6px 0 0; font-size: 11px; white-space: pre-wrap; }
.sad-orb-actions { display: flex; justify-content: flex-end; margin-top: 4px; }
.sad-orb-submit { background: #4f46e5; color: #fff; border: none; border-radius: 10px; padding: 10px 18px; font-weight: 600; font-size: 14px; cursor: pointer; }
.sad-orb-submit:hover { background: #7c6cf6; }
.sad-orb-submit:disabled { opacity: .6; }
.sad-orb-err { color: #ff8a8a; font-size: 13px; margin-top: 8px; text-align: right; }
.sad-orb-thanks { padding: 20px 4px; text-align: center; color: var(--accent, #22d3a6); font-weight: 600; }

.sad-orb-mine { margin-top: 16px; border-top: 1px solid var(--border, #262838); padding-top: 12px; }
.sad-orb-mine-h { font-size: 12px; color: var(--muted, #9aa0b4); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 8px; }
.sad-orb-tk { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 13px; }
.sad-orb-tk-desc { color: var(--muted, #9aa0b4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sad-orb-pill { font-size: 10px; padding: 1px 7px; border-radius: 999px; font-weight: 700; text-transform: uppercase; flex: none; }
.sad-orb-open, .sad-orb-in_progress { background: rgba(255,206,138,.18); color: #ffce8a; }
.sad-orb-resolved, .sad-orb-acknowledged { background: rgba(34,211,166,.18); color: #22d3a6; }
.sad-orb-reply { font-size: 12px; color: var(--text, #e7e8ef); background: #0d0e17; border-left: 2px solid #4f46e5; padding: 6px 10px; margin: 2px 0 8px; border-radius: 0 6px 6px 0; }

@media (max-width: 520px) { .sad-orb-overlay { padding: 0; align-items: stretch; } .sad-orb-dialog { max-width: 100%; max-height: 100%; border-radius: 0; } }