/* R475 · 客服工单对话体验（views/pages/admin/gongdan1.php 专用）
 * 逻辑名 css/6-ticket.css · 内容寻址 · 页面用 fs_asset() 引用
 * 只写本页新增的类；3-fsc2 里的 .gd-card/.gd-qa/.gd-reply/.gd-wait 原样复用，不在此覆盖。
 * 约定：所有选择器都挂在 [data-ui="fsc2"] #gdapp 下，保证只影响这一页。
 * 触控目标 ≥44px；390px 宽不横向溢出（气泡最大 84% + 任何长串强制断词）。 */

/* ── 列表项：徽章 / 摘要 / 相对时间 / 未读 ───────────────────────────── */
[data-ui="fsc2"] #gdapp .gd-card__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
[data-ui="fsc2"] #gdapp .gd-unread{
  display:inline-flex;align-items:center;gap:4px;
  padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;
  color:#fff;background:var(--fs-danger,#b42318);font-variant-numeric:tabular-nums;
}
[data-ui="fsc2"] #gdapp .gd-summary{
  margin:0;font-size:14px;line-height:1.6;color:var(--fs-ink-2,#475467);
  overflow-wrap:anywhere;
}
[data-ui="fsc2"] #gdapp .gd-summary__k{color:var(--fs-ink-3,#667085);font-size:12px;margin-right:6px}
[data-ui="fsc2"] #gdapp .gd-expand{
  margin-top:10px;min-height:44px;display:inline-flex;align-items:center;gap:6px;
}

/* ── 账号 / 订单号快捷操作 ─────────────────────────────────────────── */
[data-ui="fsc2"] #gdapp .gd-ids{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}
[data-ui="fsc2"] #gdapp .gd-id{
  display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;
  border:1px solid var(--fs-line,#e4e7ec);border-radius:10px;background:#fff;
  font-size:13px;color:var(--fs-ink-2,#475467);cursor:pointer;text-decoration:none;
  font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
[data-ui="fsc2"] #gdapp .gd-id:hover{border-color:var(--fs-brand,#1657d9);color:var(--fs-brand,#1657d9)}
[data-ui="fsc2"] #gdapp .gd-id:focus-visible{outline:2px solid var(--fs-brand,#1657d9);outline-offset:2px}

/* ── 对话时间线（role=log） ────────────────────────────────────────── */
[data-ui="fsc2"] #gdapp .gd-log{
  display:flex;flex-direction:column;gap:12px;
  padding:14px 12px;margin:6px 0 14px;border-radius:14px;
  background:var(--fs-bg-2,#f8fafc);border:1px solid var(--fs-line-2,#eef1f5);
  min-width:0;
}
[data-ui="fsc2"] #gdapp .gd-log:focus-visible{outline:2px solid var(--fs-brand,#1657d9);outline-offset:2px}
[data-ui="fsc2"] #gdapp .gd-msg{display:flex;flex-direction:column;max-width:84%;min-width:0}
[data-ui="fsc2"] #gdapp .gd-msg--user{align-self:flex-start;align-items:flex-start}
[data-ui="fsc2"] #gdapp .gd-msg--admin{align-self:flex-end;align-items:flex-end}
[data-ui="fsc2"] #gdapp .gd-msg--system{align-self:center;align-items:center;max-width:100%}
[data-ui="fsc2"] #gdapp .gd-msg__who{
  font-size:12px;color:var(--fs-ink-3,#667085);margin:0 0 4px;padding:0 4px;
}
[data-ui="fsc2"] #gdapp .gd-msg__body{
  margin:0;padding:10px 12px;border-radius:12px;
  font-size:14px;line-height:1.65;white-space:pre-wrap;
  overflow-wrap:anywhere;word-break:break-word;max-width:100%;
}
[data-ui="fsc2"] #gdapp .gd-msg--user .gd-msg__body{
  background:#fff;border:1px solid var(--fs-line,#e4e7ec);color:var(--fs-ink,#101828);
  border-bottom-left-radius:4px;
}
[data-ui="fsc2"] #gdapp .gd-msg--admin .gd-msg__body{
  background:var(--fs-brand,#1657d9);color:#fff;border-bottom-right-radius:4px;
}
[data-ui="fsc2"] #gdapp .gd-msg--system .gd-msg__body{
  background:transparent;color:var(--fs-ink-3,#667085);font-size:12.5px;
  padding:2px 10px;text-align:center;
}
[data-ui="fsc2"] #gdapp .gd-msg__meta{
  margin:4px 2px 0;font-size:12px;color:var(--fs-ink-4,#98a2b3);
  font-variant-numeric:tabular-nums;
}
[data-ui="fsc2"] #gdapp .gd-msg__meta time{color:inherit}
[data-ui="fsc2"] #gdapp .gd-log__more{
  align-self:center;font-size:12px;color:var(--fs-ink-3,#667085);
}

/* ── 快捷回复模板 ─────────────────────────────────────────────────── */
[data-ui="fsc2"] #gdapp .gd-tpl{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
[data-ui="fsc2"] #gdapp .gd-tpl__b{
  min-height:44px;padding:0 12px;border-radius:999px;cursor:pointer;
  border:1px dashed var(--fs-line,#e4e7ec);background:#fff;
  font-size:13px;color:var(--fs-ink-2,#475467);
}
[data-ui="fsc2"] #gdapp .gd-tpl__b:hover{border-color:var(--fs-brand,#1657d9);color:var(--fs-brand,#1657d9)}
[data-ui="fsc2"] #gdapp .gd-tpl__b:focus-visible{outline:2px solid var(--fs-brand,#1657d9);outline-offset:2px}
[data-ui="fsc2"] #gdapp .gd-tpledit{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
[data-ui="fsc2"] #gdapp .gd-tpledit__row{display:flex;flex-direction:column;gap:4px}
[data-ui="fsc2"] #gdapp .gd-tpledit__k{font-size:12px;color:var(--fs-ink-3,#667085)}

/* ── 输入区 ──────────────────────────────────────────────────────── */
[data-ui="fsc2"] #gdapp .gd-composer{display:flex;flex-direction:column;gap:8px;min-width:0}
[data-ui="fsc2"] #gdapp .gd-composer__bar{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
}
[data-ui="fsc2"] #gdapp .gd-count{font-size:12px;color:var(--fs-ink-3,#667085);font-variant-numeric:tabular-nums}
[data-ui="fsc2"] #gdapp .gd-count b{color:var(--fs-ink-2,#475467)}
[data-ui="fsc2"] #gdapp .gd-count.is-warn b{color:var(--fs-warn,#b45309)}
[data-ui="fsc2"] #gdapp .gd-undo{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:8px 12px;border-radius:10px;
  background:var(--fs-live-soft,#e8f5ef);color:var(--fs-live,#0b7a55);font-size:13px;
}
[data-ui="fsc2"] #gdapp .gd-undo__t{color:var(--fs-ink-3,#667085);font-size:12px;font-variant-numeric:tabular-nums}

/* ── 结单完成卡 ──────────────────────────────────────────────────── */
[data-ui="fsc2"] #gdapp .gd-done{
  margin:14px 0 4px;padding:14px;border-radius:14px;
  background:var(--fs-live-soft,#e8f5ef);border:1px solid var(--fs-live-line,#bfe3d2);
}
[data-ui="fsc2"] #gdapp .gd-done__t{
  margin:0 0 6px;font-size:15px;font-weight:700;color:var(--fs-live,#0b7a55);
  display:flex;align-items:center;gap:8px;
}
[data-ui="fsc2"] #gdapp .gd-done__r{margin:0 0 4px;font-size:13px;color:var(--fs-ink-2,#475467)}
[data-ui="fsc2"] #gdapp .gd-done__n{
  margin:0 0 4px;font-size:13px;color:var(--fs-ink-2,#475467);white-space:pre-wrap;overflow-wrap:anywhere;
}
[data-ui="fsc2"] #gdapp .gd-done__meta{margin:0;font-size:12px;color:var(--fs-ink-3,#667085);font-variant-numeric:tabular-nums}

/* ── 满意度 1–5 星 ───────────────────────────────────────────────── */
[data-ui="fsc2"] #gdapp .gd-rate{margin-top:12px;display:flex;flex-direction:column;gap:8px}
[data-ui="fsc2"] #gdapp .gd-rate__q{margin:0;font-size:14px;font-weight:600;color:var(--fs-ink,#101828)}
[data-ui="fsc2"] #gdapp .gd-rate__stars{display:flex;gap:6px}
[data-ui="fsc2"] #gdapp .gd-star{
  width:44px;height:44px;border-radius:10px;cursor:pointer;
  border:1px solid var(--fs-line,#e4e7ec);background:#fff;
  font-size:22px;line-height:1;color:var(--fs-line-3,#d0d5dd);
}
[data-ui="fsc2"] #gdapp .gd-star.is-on{color:#f59e0b;border-color:#fcd34d;background:#fffbeb}
[data-ui="fsc2"] #gdapp .gd-star:focus-visible{outline:2px solid var(--fs-brand,#1657d9);outline-offset:2px}
[data-ui="fsc2"] #gdapp .gd-rated{margin:0;font-size:13px;color:var(--fs-live,#0b7a55);font-weight:600}
[data-ui="fsc2"] #gdapp .gd-rated__n{margin:2px 0 0;font-size:13px;color:var(--fs-ink-2,#475467);overflow-wrap:anywhere}

/* ── 结单弹层：原因单选 ──────────────────────────────────────────── */
[data-ui="fsc2"] #gdapp .gd-reasons{
  margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:6px;
}
[data-ui="fsc2"] #gdapp .gd-reasons__l{
  padding:0;font-size:13px;font-weight:600;color:var(--fs-ink-2,#475467);margin-bottom:2px;
}
[data-ui="fsc2"] #gdapp .gd-reason{
  display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;
  border:1px solid var(--fs-line,#e4e7ec);border-radius:10px;cursor:pointer;font-size:14px;
  color:var(--fs-ink,#101828);background:#fff;
}
[data-ui="fsc2"] #gdapp .gd-reason.is-on{border-color:var(--fs-brand,#1657d9);background:#eff4ff}
[data-ui="fsc2"] #gdapp .gd-reason input{width:18px;height:18px;margin:0;accent-color:var(--fs-brand,#1657d9)}

/* ── 移动端（390px 一档） ────────────────────────────────────────── */
@media (max-width:480px){
  [data-ui="fsc2"] #gdapp .gd-msg{max-width:92%}
  [data-ui="fsc2"] #gdapp .gd-log{padding:12px 10px}
  [data-ui="fsc2"] #gdapp .gd-card__ft .fsc-btn{flex:1 1 auto}
}

/* ── 触控目标：共享组件 .fsc-btn--sm / .fsc-pager__btn 只有 36px，
   这里只在 #gdapp 作用域内抬到 44px（不改公共 CSS 文件，不动 design-a11y 的卷） ── */
[data-ui="fsc2"] #gdapp .fsc-btn,
[data-ui="fsc2"] #gdapp .fsc-pager__btn,
[data-ui="fsc2"] #gdapp .fsc-tabs__item{min-height:44px}
@media (max-width:480px){
  [data-ui="fsc2"] #gdapp .fsc-btn--sm{padding:0 14px}
}

/* 排序按钮（.gd-sortbar__b 来自公共卷，只有 33px）在 #gdapp 作用域内抬到 44px */
[data-ui="fsc2"] #gdapp .gd-sortbar__b{min-height:44px;padding:0 12px}