/* ============================================================
   partners.css — หลักสูตรพันธมิตร + ผลการเรียน + เชื่อมบัญชี
   ใช้โดย: partners.php · partner-detail.php · partner-records.php · partner-connect.php
   ============================================================ */

/* --- การ์ดคอร์ส: meta chips + description clamp --- */
.partner-courses .card-body { display:flex; flex-direction:column; gap:6px; }
.partner-meta { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.partner-chip {
  display:inline-flex; align-items:center; gap:5px;
  font-size: var(--fs-badge, .72rem);
  padding:2px 9px; border-radius:100px;
  background: var(--surface-2, #f1f5f2); color: var(--text-muted, #667);
  white-space:nowrap;
}
.partner-chip i { font-size:.9em; opacity:.8; }
.partner-excerpt {
  color: var(--text-muted, #667);
  font-size: var(--fs-body-sm, .9rem);
  line-height: var(--lh-snug, 1.45);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* --- meta list (partner-detail / consent) --- */
.meta-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.meta-list li {
  display:flex; justify-content:space-between; gap:16px;
  padding:9px 0; border-bottom:1px solid var(--border-color, #e6ebe6);
}
.meta-list li:last-child { border-bottom:none; }
.meta-list li span { color: var(--text-muted, #667); }
.meta-list li b { text-align:right; }

/* --- records table (responsive → card on mobile) --- */
.pr-table-wrap { overflow-x:auto; border:1px solid var(--border-color,#e6ebe6); border-radius:12px; }
.pr-table { width:100%; border-collapse:collapse; min-width:520px; }
.pr-table th, .pr-table td { padding:11px 14px; text-align:left; border-top:1px solid var(--border-color,#e6ebe6); }
.pr-table thead th { border-top:none; background:var(--surface-2,#f1f5f2); color:var(--text-muted,#667);
  font-size:var(--fs-badge,.72rem); letter-spacing:.03em; }
.pr-table tbody tr:hover { background:var(--surface-2,#f6f8f6); }
.pr-badge { display:inline-block; padding:2px 10px; border-radius:100px; font-size:var(--fs-badge,.72rem); font-weight:600; }
.pr-badge.course { background:#e4f0ea; color:#0a6b47; }
.pr-badge.test   { background:#eef0fb; color:#3949ab; }

@media (max-width: 640px) {
  .pr-table { min-width:0; }
  .pr-table thead { display:none; }
  .pr-table, .pr-table tbody, .pr-table tr, .pr-table td { display:block; width:100%; }
  .pr-table tr { border:1px solid var(--border-color,#e6ebe6); border-radius:10px; margin-bottom:10px; padding:6px 4px; }
  .pr-table td { border:none; display:flex; justify-content:space-between; gap:14px; padding:7px 12px; }
  .pr-table td::before { content: attr(data-l); color:var(--text-muted,#667); font-size:var(--fs-badge,.72rem); }
  .pr-table-wrap { border:none; overflow:visible; }
}

/* --- consent card --- */
.consent-card { padding:24px; }
.consent-check { display:flex; gap:11px; align-items:flex-start; padding:12px 0; line-height:var(--lh-snug,1.45); cursor:pointer; }
.consent-check + .consent-check { border-top:1px solid var(--border-color,#e6ebe6); }
.consent-check input { margin-top:4px; flex:none; width:17px; height:17px; accent-color:#00744b; }
.pdpa-note {
  background: var(--surface-2, #f5f8f5); border-radius:10px; padding:13px 15px;
  font-size: var(--fs-body-sm, .9rem); color: var(--text-muted, #556);
  line-height: var(--lh-snug, 1.5);
}
.pdpa-note i { color:#00744b; margin-right:6px; }