/* core/helpdesk.css — „🛟 Abi“ aken (core/helpdesk.js). Omab ainult .hd-* klasse. Nupp vasakul all (AI-abiline on paremal). */
.hd-root { --hd-navy: #0B1F33; --hd-orange: #FF6B1A; --hd-line: #dde3e9; --hd-soft: #f3f6f9; --hd-fg: #1b2530; --hd-muted: #5C6670;
  font-family: Inter, system-ui, sans-serif; font-size: 14px; line-height: 1.45; color: var(--hd-fg); }
.hd-fab { position: fixed; left: 16px; bottom: 16px; z-index: 8990; border: 0; border-radius: 999px; padding: 11px 16px;
  background: #fff; color: var(--hd-navy); border: 1px solid var(--hd-line); font: 700 14px Inter, system-ui, sans-serif; cursor: pointer;
  box-shadow: 0 6px 20px rgba(11,31,51,.18); }
.hd-fab:hover { border-color: var(--hd-orange); }
.hd-badge, .hd-dot { display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 6px; border-radius: 999px; background: #c0392b; color: #fff;
  font-size: 11px; line-height: 18px; text-align: center; }
.hd-panel { position: fixed; left: 16px; bottom: 70px; z-index: 8991; width: min(420px, calc(100vw - 32px)); max-height: min(640px, calc(100vh - 100px));
  display: flex; flex-direction: column; background: #fff; border: 1px solid var(--hd-line); border-radius: 14px; box-shadow: 0 12px 40px rgba(11,31,51,.28); overflow: hidden; }
.hd-head { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 10px 12px 0; background: var(--hd-navy); color: #fff; }
.hd-head strong { flex: 1; font-size: 15px; }
.hd-icon { background: transparent; border: 0; color: #fff; font-size: 16px; cursor: pointer; padding: 2px 6px; border-radius: 6px; }
.hd-tabs { flex: 1 1 100%; display: flex; gap: 2px; }
.hd-tabs button { background: transparent; border: 0; color: rgba(255,255,255,.75); font: 600 13px Inter, system-ui, sans-serif; padding: 8px 10px; cursor: pointer;
  border-bottom: 3px solid transparent; }
.hd-tabs button.on { color: #fff; border-bottom-color: var(--hd-orange); }
.hd-body { overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.hd-sub { margin: 0; color: var(--hd-muted); font-size: 13px; }
.hd-small { font-size: 12px; }
.hd-form, .hd-note { display: flex; flex-direction: column; gap: 8px; }
.hd-input, .hd-noteinput { width: 100%; box-sizing: border-box; resize: vertical; border: 1px solid var(--hd-line); border-radius: 8px; padding: 9px; font: inherit; color: var(--hd-fg); }
.hd-input:focus, .hd-noteinput:focus { outline: 2px solid var(--hd-orange); outline-offset: -1px; }
.hd-row { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.hd-btn, .hd-btn2, .hd-mic { border-radius: 8px; padding: 8px 14px; font: 600 13px Inter, system-ui, sans-serif; cursor: pointer; }
.hd-btn { border: 0; background: var(--hd-orange); color: #fff; }
.hd-btn2, .hd-mic { border: 1px solid var(--hd-line); background: #fff; color: var(--hd-fg); }
.hd-mic.on { background: #fdecec; border-color: #c0392b; animation: hd-pulse 1.2s infinite; }
.hd-root button:disabled { opacity: .55; cursor: default; }
.hd-err { background: #fdecec; color: #8a1c1c; border: 1px solid #f3c2c2; border-radius: 8px; padding: 8px 10px; }
.hd-ok { font-weight: 700; color: #2e8b57; }
.hd-done { display: flex; flex-direction: column; gap: 10px; }
.hd-card { border: 1px solid var(--hd-line); border-left: 4px solid var(--hd-orange); border-radius: 10px; padding: 10px 12px; background: #fff; }
.hd-card p { margin: 6px 0 0; }
.hd-card details { margin-top: 6px; font-size: 13px; color: var(--hd-muted); }
.hd-raw { white-space: pre-wrap; }
.hd-meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 4px; }
.hd-pill { font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 5px; background: var(--hd-soft); color: var(--hd-muted); }
.sev-critical { background: #fdeaec; color: #b3261e; } .sev-high { background: #fdf3e3; color: #a8560a; }
.st-new { background: #e6f2f7; color: #1f5f86; } .st-waiting_user { background: #fdf3e3; color: #a8560a; }
.st-resolved, .st-closed { background: #eafaf1; color: #2e8b57; } .st-in_progress, .st-triaged { background: #eef0fb; color: #3949ab; }
.hd-newreply { background: #c0392b; color: #fff; }
.hd-when { font-size: 12px; color: var(--hd-muted); }
.hd-tip { background: #fffaf3; border: 1px solid #f6dfc2; border-radius: 10px; padding: 9px 11px; font-size: 13px; margin-top: 8px; }
.hd-res { background: #f0faf4; border-color: #c9ead6; }
.hd-tip-t { font-weight: 700; margin-bottom: 2px; }
.hd-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.hd-item { width: 100%; text-align: left; border: 1px solid var(--hd-line); border-radius: 10px; padding: 8px 10px; background: #fff; cursor: pointer; font: inherit; color: inherit; }
.hd-item:hover { border-color: var(--hd-orange); }
.hd-link { align-self: flex-start; border: 0; background: transparent; color: var(--hd-navy); font: 600 13px Inter, system-ui, sans-serif; cursor: pointer; padding: 0; }
.hd-thread { display: flex; flex-direction: column; gap: 6px; }
.hd-msg { max-width: 90%; padding: 7px 10px; border-radius: 10px; white-space: pre-wrap; word-wrap: break-word; font-size: 13px; }
.hd-msg.me { align-self: flex-end; background: var(--hd-navy); color: #fff; }
.hd-msg.it { align-self: flex-start; background: var(--hd-soft); border: 1px solid var(--hd-line); }
.hd-who { display: block; font-size: 11px; opacity: .7; margin-bottom: 2px; }
@keyframes hd-pulse { 50% { box-shadow: 0 0 0 5px rgba(192,57,43,.18); } }
@media (max-width: 520px) {
  .hd-panel { left: 8px; bottom: 60px; width: calc(100vw - 16px); max-height: calc(100vh - 76px); }
  .hd-fab { left: 10px; bottom: 10px; padding: 10px 13px; }
  .hd-fab span { display: none; }
}
@media print { .hd-root { display: none; } }
.hd-known { background: #fffaf3; border: 1px solid #f6dfc2; border-radius: 10px; padding: 9px 11px; font-size: 13px; }
.hd-known ul { margin: 4px 0 4px 18px; padding: 0; }
.hd-faqq { width: 100%; box-sizing: border-box; border: 1px solid var(--hd-line); border-radius: 8px; padding: 8px 10px; font: inherit; }
.hd-faq { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.hd-faq details { border: 1px solid var(--hd-line); border-radius: 8px; padding: 7px 10px; background: #fff; }
.hd-faq summary { cursor: pointer; font-weight: 600; }
.hd-faq p { margin: 6px 0 0; font-size: 13px; }
.hd-suggest:empty { display: none; }