/* ═══════════════════════════════════════════════════════════════════════════
   TSCWORLD AI™ — Legal AI module (หน้า 95–104)
   โหลดหลัง fin.css เสมอ · ใช้ระบบโทนสีเดิม (.c-* ตั้งค่า --c)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. GRID ────────────────────────────────────────────────────────── */
.g-lgl1{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.5fr) minmax(0,1fr);gap:16px}
.g-lgl2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:16px}

/* ── 2. รายการงานและกำหนดการ ────────────────────────────────────────── */
.tsk{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;margin-bottom:8px;
  border:1px solid var(--line-soft);background:var(--bg-tile);transition:border-color .2s var(--ease)}
.tsk:hover{border-color:var(--line-hot)}
.tsk__ic{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;flex-shrink:0;
  background:color-mix(in srgb,var(--c,#3B6BFF) 16%,transparent)}
.tsk__ic svg{stroke:var(--c,#3B6BFF);fill:none;stroke-width:1.7}
.tsk__b{flex:1;min-width:0}
.tsk__n{font-size:11.5px;font-weight:600;color:var(--tx-2);line-height:1.35}
.tsk__s{font-size:10px;color:var(--tx-4);margin-top:2px}
.tsk__d{font-size:10.5px;font-weight:800;color:var(--c,#FB7185);white-space:nowrap;text-align:right;flex-shrink:0}

/* ── 3. กำหนดการที่จะถึง (ชิปวันที่) ────────────────────────────────── */
.evt{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line-soft)}
.evt:last-of-type{border-bottom:0}
.evt__d{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;flex-shrink:0;line-height:1.05;
  background:color-mix(in srgb,var(--c,#3B6BFF) 16%,transparent);border:1px solid color-mix(in srgb,var(--c,#3B6BFF) 40%,transparent)}
.evt__dd{font-size:15px;font-weight:800;color:var(--c,#3B6BFF);font-variant-numeric:tabular-nums}
.evt__dm{font-size:8px;color:var(--tx-4)}
.evt__n{font-size:11.5px;font-weight:600;color:var(--tx-2);line-height:1.35}
.evt__s{font-size:10px;color:var(--tx-4);margin-top:2px}

/* ── 4. แผนที่ความเสี่ยง 5×5 พร้อมหมายเลขรายการ ─────────────────────── */
.hm5{display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));gap:3px;align-items:stretch}
.hm5__y{font-size:9px;color:var(--tx-4);text-align:right;padding-right:7px;white-space:nowrap;
  display:flex;align-items:center;justify-content:flex-end}
.hm5__c{display:grid;place-items:center;aspect-ratio:1.45;border-radius:5px;background:var(--c,#2FA85B)}
.hm5__c b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-size:10.5px;font-weight:800;
  color:#08131F;background:#EAF2FF;box-shadow:0 1px 4px rgba(0,0,0,.45)}
.hm5 .q1{--c:#2C7A4B} .hm5 .q2{--c:#7FA83E} .hm5 .q3{--c:#D9B23A} .hm5 .q4{--c:#DE8A3C} .hm5 .q5{--c:#D45247}
.hm5__x{font-size:8.5px;color:var(--tx-4);text-align:center;padding-top:5px}
.hm5__ttl{font-size:9.5px;color:var(--tx-4);text-align:center;margin-top:7px}

/* รายการความเสี่ยงข้างแผนที่ */
.rlist{display:grid;gap:7px;align-content:start}
.rlist li{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--tx-2);line-height:1.4}
.rlist b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;flex-shrink:0;
  font-size:10px;font-weight:800;color:#08131F;background:var(--c,#FB7185)}

/* ── 5. การ์ดประเภทสัญญา / ประเภทเอกสาร ─────────────────────────────── */
.ctype{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:11px}
.ctype a,.ctype article{display:block;padding:15px 8px;border-radius:12px;text-align:center;text-decoration:none;
  border:1px solid var(--line-soft);background:var(--bg-tile);transition:all .2s var(--ease)}
.ctype a:hover{border-color:var(--c,var(--line-hot));transform:translateY(-3px)}
.ctype__ic{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 9px;border-radius:12px;
  background:color-mix(in srgb,var(--c,#3B6BFF) 15%,transparent)}
.ctype__ic svg{stroke:var(--c,#3B6BFF);fill:none;stroke-width:1.6}
.ctype__n{font-size:10.5px;font-weight:700;color:var(--tx-2);line-height:1.3}
.ctype__s{font-size:9px;color:var(--tx-4);margin-top:3px;line-height:1.35}

/* ── 6. แถบคะแนนความเสี่ยงรายหมวด ───────────────────────────────────── */
.rscore{display:grid;gap:8px}
.rscore__r{display:grid;grid-template-columns:minmax(0,1fr) 40px 62px;align-items:center;gap:9px}
.rscore__k{font-size:11px;color:var(--tx-2);display:flex;align-items:center;gap:7px;min-width:0}
.rscore__k i{width:8px;height:8px;border-radius:3px;flex-shrink:0;background:var(--c,#3B6BFF)}
.rscore__v{font-size:11.5px;font-weight:800;color:var(--tx-2);text-align:right;font-variant-numeric:tabular-nums}
.rscore__b{font-size:9.5px;font-weight:800;text-align:center;padding:3px 0;border-radius:6px;
  color:var(--c,#2ED47A);background:color-mix(in srgb,var(--c,#2ED47A) 15%,transparent)}

/* ── 7. หมายเหตุใต้ Co-Pilot ────────────────────────────────────────── */
.hrcop__note{font-size:9.5px;line-height:1.5;color:var(--tx-4);margin-top:9px;padding-top:9px;
  border-top:1px solid var(--line-soft)}

/* ── 8. RESPONSIVE ──────────────────────────────────────────────────── */
@media (max-width:1500px){ .ctype{grid-template-columns:repeat(5,minmax(0,1fr))} }
@media (max-width:1400px){ .g-lgl1,.g-lgl2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} }
@media (max-width:900px){ .ctype{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:640px){
  .g-lgl1,.g-lgl2{grid-template-columns:minmax(0,1fr)}
  .ctype{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm5__y{font-size:8px}
}

/* จำนวนคอลัมน์ 4 (ค่าเริ่มต้นของ .autot อยู่แล้ว — เขียนไว้ให้อ่านมาร์กอัปง่าย) */
.autot--4{grid-template-columns:repeat(4,1fr)}

/* กริดคอลัมน์เดียว (ใช้กับตารางกว้าง) */
.g-proc1{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}