/* M11 — CE & certificates (prefix .m11-) */
.m11-check { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 12px; }
.m11-check input { width: 16px; height: 16px; accent-color: var(--rv-primary-700); }
.m11-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--rv-primary-200); background: var(--rv-primary-50); border-radius: var(--rv-radius-card); font-size: 13px; }
.m11-bulk > span { flex: 1 1 auto; }
.m11-bulk-list { margin: 0 0 8px; padding-left: 18px; max-height: 240px; overflow: auto; font-size: 12px; line-height: 20px; }
.m11-evidence { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.m11-evidence li { display: flex; gap: 8px; align-items: center; }
.m11-evidence .is-ok .rv-icon { color: var(--rv-success); }
.m11-evidence .is-bad .rv-icon { color: var(--rv-danger); }
.m11-impact { display: flex; gap: 8px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--rv-warning-border); background: var(--rv-warning-bg); border-radius: var(--rv-radius-card); font-size: 13px; }
.m11-cert-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.m11-cert-stage { min-width: 0; padding: 16px; background: var(--rv-neutral-100); border-radius: var(--rv-radius-card); }
@media (max-width: 1199px) { .m11-cert-layout { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) { .m11-cert-stage { padding: 8px; } }
/* CE-01 summary by course / CE-02 (13 ต.ค. 2569) */
.m11-left { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.m11-prog { display: flex; flex-direction: column; gap: 4px; min-width: 140px; }
.m11-prog .rv-progress { width: 100%; }
.m11-progress-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 12px; border: 1px solid var(--rv-card-border); border-radius: var(--rv-radius-card); background: var(--rv-surface); }
.m11-progress-row .rv-progress { flex: 1 1 240px; min-width: 0; }
.m11-bulk-list--groups { max-height: 320px; padding-left: 18px; }
.m11-bulk-list--groups > li { margin-bottom: 6px; }
.m11-bulk-list--groups ul { margin: 2px 0 0; padding-left: 18px; }
/* CER-02 ดีไซน์ที่ใช้ › ผู้ลงนาม — one line (name + position) per signer of the snapshot */
.m11-cert-signer + .m11-cert-signer { margin-top: 6px; }