/* I-INSIGHT TUTOR · media-access.css (2026-10-09) — ผู้เรียนที่เข้าถึงสื่อ */
.ma-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:3px 9px 3px 7px;border-radius:999px}
.ma-tag .ico{width:13px;height:13px}
.ma-tag.is-except{background:#FFF1E6;color:#A4510C}
.ma-tag.is-only{background:#EAF2FD;color:#1F5FA8}
.ma-dialog .tt-sec-title{margin:6px 0 0}
.ma-panel{border:1px solid var(--line);border-left:4px solid var(--c,#36C2C6);border-radius:14px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;gap:10px}
.ma-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.ma-head strong{display:block;font-size:15px}
.ma-head small{font-size:12px}
.ma-hint{margin:0;font-size:12.5px}
.ma-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ma-tools input[type=search]{flex:1 1 200px;margin:0;min-width:0}
.ma-tools button{min-height:38px}
.ma-picklist{max-height:240px}
.tt-pick.is-deny:has(input:checked){border-color:#F2B48A;background:#FFF5EC}
.tt-pick.is-deny:has(input:checked) strong{text-decoration:line-through;text-decoration-color:#C2410C80}
.ma-sum{margin:0;font-size:13px;font-weight:600;color:var(--ink-3)}
.ma-sum.is-set{color:#1C7FA6}
.ma-sum.is-bad{color:#B42318}
.ma-total details{margin:0;padding:12px 14px;background:#F4F9F8;border:1px solid var(--line);border-radius:12px}
.ma-total summary{font-weight:700;color:var(--ink)}
.ma-total p{margin:8px 0 0;font-size:13px;line-height:1.7}
.ma-note{margin:0;font-size:12.5px}
@media(max-width:650px){.ma-head .tt-seg{width:100%}.ma-head .tt-seg button{flex:1 1 auto}}

/* ===== 2026-10-10 · การ์ดสื่อที่นักเรียนไม่ได้รับอนุญาต (สีเทา) ===== */
.mcard.is-locked{background:#F2F4F5;border-color:#E1E6E9;box-shadow:none;cursor:not-allowed}
.mcard.is-locked:hover{transform:none;box-shadow:none;border-color:#E1E6E9}
.mcard.is-locked>.mcover,.mcard.is-locked .mtags,.mcard.is-locked h3,.mcard.is-locked .mmeta{filter:grayscale(1);opacity:.55}
.mcover-locked{background:linear-gradient(135deg,#8E9BA3,#B7C1C7);cursor:not-allowed}
.mcover-locked .ma-lockbadge{position:absolute;z-index:2;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.9);color:#5B6870}
.mcover-locked .ma-lockbadge .ico{width:17px;height:17px}
.ma-locked-foot{display:block}
.ma-locked-msg{display:flex;align-items:flex-start;gap:7px;margin:0;padding:9px 11px;border-radius:10px;background:#FDECEC;color:#C62828;font-size:13px;font-weight:600;line-height:1.5}
.ma-locked-msg .ico{width:16px;height:16px;flex:0 0 16px;margin-top:2px;color:#C62828}
.mgrid.is-list .mcard.is-locked .ma-locked-foot{padding:12px 16px;max-width:300px}
.tt-res.ma-locked-row{background:#F2F4F5;cursor:not-allowed}
.tt-res.ma-locked-row .tt-res-ico,.tt-res.ma-locked-row strong,.tt-res.ma-locked-row small{filter:grayscale(1);opacity:.55}
.tt-res.ma-locked-row .ma-locked-msg{margin-top:6px;padding:6px 9px;font-size:12.5px;background:#FDECEC}