/* QR checkpoint manager (Operations, Trial and Master Admin, identical file). Reuses .modal-bg, .modal, .btn, .badge. */
#cpm-root .cpm-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
#cpm-root .cpm-bar .hint{flex:1 1 240px;margin:0;font-size:.78rem;line-height:1.45}
#cpm-root .cpm-list{display:grid;gap:8px;max-height:60vh;overflow-y:auto;overscroll-behavior:contain}
#cpm-root .cpm-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px;align-items:center;padding:10px 12px;border:2px solid #c3cfdf;border-radius:11px;background:#fafbfd}
#cpm-root .cpm-row.cpm-off{opacity:.78;background:#f3f4f7;border-style:dashed}
#cpm-root .cpm-main{min-width:0;flex:1 1 220px}
#cpm-root .cpm-main strong{display:block;color:#0b2a5b;font-size:.92rem;overflow-wrap:anywhere}
#cpm-root .cpm-main small{display:block;color:#5f7389;font-size:.74rem;overflow-wrap:anywhere;margin-top:2px}
#cpm-root .cpm-btns{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#cpm-root .cpm-btns a.btn{text-decoration:none;display:inline-flex;align-items:center}
#cpm-root .cpm-danger{color:#a32b35}
#cpm-root .cpm-sub{margin:12px 0 2px;color:#536276;font-size:.8rem}
#cpm-root .cpm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#cpm-root .cpm-form .full{grid-column:1/-1}
#cpm-root .cpm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
@media(max-width:700px){#cpm-root .cpm-form{grid-template-columns:1fr}#cpm-root .cpm-actions{flex-direction:column-reverse}#cpm-root .cpm-actions .btn{width:100%}}