/* PlanFlow Internal - HELP DESK module (module-owned, Rule 15). NEW 2026-07-10.
   v1 rides the live feedback table: queue + thread + status flow. Design-system tokens. */

.hd-stats{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.hd-stat{flex:1 1 0;min-width:120px;padding:11px 16px;border-right:1px solid var(--line);}
.hd-stat:last-child{border-right:0;}
.hd-stat .k{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);}
.hd-stat .v{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:3px;}

.hd-grid{display:grid;grid-template-columns:1fr 400px;gap:22px;align-items:start;}
.hd-list{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.hd-ticket{border-bottom:1px solid var(--line);padding:11px 14px;cursor:pointer;}
.hd-ticket:last-child{border-bottom:0;}
.hd-ticket:hover{background:var(--strip);}
.hd-ticket.sel{background:var(--teal-wash);}
.hd-ticket .trow{display:flex;justify-content:space-between;gap:8px;align-items:center;}
.hd-ticket h4{margin:0;font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;}
.hd-ticket .tmeta{font-size:11.5px;font-weight:600;margin-top:3px;}
.hd-empty{padding:18px 14px;font-weight:600;}

.hd-thread{border:1px solid var(--line);border-radius:var(--r);padding:16px;}
.hd-thread h3{margin:0 0 2px;font-size:16px;font-weight:800;}
.hd-thread .tmeta{font-size:12px;font-weight:600;}
.hd-status{display:flex;gap:6px;margin:10px 0 2px;}
.hd-chip{border:1px solid var(--line);background:#fff;color:var(--ink);font:600 12.5px system-ui;
  padding:6px 12px;border-radius:999px;cursor:pointer;}
.hd-chip.on{background:var(--teal);border-color:var(--teal);color:#fff;}
.hd-bubble{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:10px 0;font-size:13px;}
.hd-bubble .from{font-size:11px;font-weight:700;color:var(--teal);margin-bottom:3px;}
.hd-reply textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r);
  padding:10px;font:500 13px system-ui;color:var(--ink);resize:vertical;min-height:64px;}
.hd-reply .acts{display:flex;gap:8px;margin-top:8px;align-items:center;flex-wrap:wrap;}
.hd-open{border:1px solid var(--line);background:#fff;color:var(--teal);font:600 11.5px system-ui;
  padding:4px 9px;border-radius:6px;cursor:pointer;white-space:nowrap;}
.hd-open:hover{background:var(--teal-wash);}
.hd-spacer{flex:1;}

@media (max-width:960px){ .hd-grid{grid-template-columns:1fr;} }