/* 🗣️ Hội thoại nhóm ENP203 (dialogue.js) – dùng token màu của style.css/sweet.css; màu dấu có bản sáng/tối riêng */
.dlg{--dg-lk:#C62828;--dg-st:#0B5ED7;--dg-a:#1F3A8A;--dg-b:#B3261E;--dg-vr:#1B7F3B;--dg-co:#6B7280;--dg-as:#7A3FB5;--dg-el:#B45309;--dg-in:#C2185B;--dg-ar:#0B5ED7}
:root[data-theme="dark"] .dlg,html[data-theme="dark"] .dlg{--dg-lk:#FF8A80;--dg-st:#7DB8FF;--dg-a:#9DB7FF;--dg-b:#FF9A94;--dg-vr:#6FD39A;--dg-co:#A3A9B5;--dg-as:#C9A2FF;--dg-el:#FFB74D;--dg-in:#FF80AB;--dg-ar:#7DB8FF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dlg{--dg-lk:#FF8A80;--dg-st:#7DB8FF;--dg-a:#9DB7FF;--dg-b:#FF9A94;--dg-vr:#6FD39A;--dg-co:#A3A9B5;--dg-as:#C9A2FF;--dg-el:#FFB74D;--dg-in:#FF80AB;--dg-ar:#7DB8FF}}
.dg-chips{margin:14px 0 6px}
.dg-bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin:12px 0}
.dg-acts{align-items:center}
.dg-sp{flex:1 1 auto}
.dg-nmi{display:grid;gap:3px}
.dg-nmi input{font:inherit;font-size:14px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--ink);width:9.5em}
.dg-seg{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.dg-slow{font-size:13px;color:var(--muted);display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.dg-meta{margin:2px 0 8px}
.dg-doc{padding:22px 26px;border-radius:16px;border:1px solid var(--border);background:var(--card);color:var(--ink);box-shadow:var(--shadow);line-height:1.8;font-size:16.5px}
.dg-t1{margin:0;font-family:var(--display);font-size:19px;letter-spacing:.2px;color:var(--accent-dark)}
.dg-t2{margin:2px 0 16px;font-family:var(--display);font-size:17px;color:var(--accent-dark)}
.dg-l{margin:0 0 8px;position:relative;padding-left:30px;border-radius:8px}
.dg-l.is-say{background:var(--accent-soft)}
.dg-say{position:absolute;left:0;top:5px;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:var(--sunk);color:var(--ink);cursor:pointer;padding:0;font-size:12px;line-height:1}
.dg-say::before{content:"▶";margin-left:2px}
.dg-say:hover{background:var(--accent-soft)}
.dg-nm{font-weight:800}
.dg-s0{color:var(--dg-a)}.dg-s1{color:var(--dg-b)}
.dg-st{color:var(--dg-st);font-weight:800}
.dg-lk{color:var(--dg-lk);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.dg-lk .dg-st{text-decoration:inherit}
.dg-ar{display:inline-block;min-width:1.35em;text-align:center;font-weight:800;color:var(--dg-ar);border:1.5px solid var(--dg-ar);border-radius:6px;padding:0 3px;line-height:1.25;font-size:.95em}
.dg-nt{color:var(--muted);font-size:.84em;font-weight:500}
.dg-mk{border-bottom-width:2px;padding-bottom:1px}
.dg-vr{border-bottom:2px dotted var(--dg-vr)}
.dg-co{border-bottom:2px dotted var(--dg-co)}
.dg-as{text-decoration:underline wavy var(--dg-as);text-decoration-thickness:2px;text-underline-offset:4px}
.dg-el{border-bottom:2px dashed var(--dg-el)}
.dg-in{border-bottom:3px double var(--dg-in)}
.dg-sh{margin:22px 0 6px;font-family:var(--display);font-size:16px;color:var(--accent-dark);letter-spacing:.2px}
.dg-sum{margin:0;padding-left:22px;font-size:15px;line-height:1.75}
.dg-sum li{margin:4px 0}
.dg-sum ul{margin:2px 0 0;padding-left:18px}
.dg-legend{margin:10px 0 0}
.dg-lg{font-size:13px;color:var(--muted);line-height:2}
.dg-two{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin-top:16px}
.dg-h{margin:0 0 6px;font-size:14.5px;color:var(--ink)}
.dg-cl{list-style:none;margin:0;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--card);display:grid;gap:5px;font-size:14px}
.dg-cl li.ok .dg-ck{color:var(--ok,#2E9E5B)}
.dg-cl li.no{background:color-mix(in srgb,var(--dg-lk) 10%,transparent);border-radius:8px}
.dg-cl li.no .dg-ck{color:var(--dg-lk)}
.dg-ck{display:inline-block;width:1.2em;font-weight:800}
.dg-note{margin-top:16px;padding:12px 16px;border-radius:14px;border:1px solid var(--border);background:var(--accent-soft);font-size:14px}
.dg-note ul{margin:6px 0 0;padding-left:20px}.dg-note li{margin:5px 0}
.dg-how{margin:8px 0 4px;padding-left:22px}.dg-how li{margin:6px 0}
@media (max-width:640px){
  .dg-doc{padding:16px 14px;font-size:15.5px}
  .dg-seg{margin-left:0}
  .dg-nmi input{width:8em}
}
@media print{
  body *{visibility:hidden}
  .dg-doc,.dg-doc *{visibility:visible}
  .dg-doc{position:absolute;left:0;top:0;width:100%;box-shadow:none;border:0;padding:0;background:#fff;color:#000;font-size:12.5px;line-height:1.7}
  .dg-say{display:none!important}
  .dg-l{padding-left:0}
  .dg-l.is-say{background:none}
  .dg-t1,.dg-t2,.dg-sh{color:#000}
}