/* Modul & Materi 1.10.0: kartu, penampil tertanam, pengelompokan */
.modul-form-baris { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.modul-chip { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 4px; }
.modul-aksi { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.modul-buka { width: auto; margin: 0; padding: 8px 16px; font-size: 13px; }
.modul-tgl { font-size: 11px; color: #94a3b8; }
.modul-baru { display: inline-block; vertical-align: middle; margin-left: 6px; padding: 1px 8px; border-radius: 20px; background: #dcfce7; color: #047857; font-size: 10px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; }
.modul-baru.modul-draf { background: #fef3c7; color: #b45309; }
.modul-fav { background: none; border: 0; box-shadow: none; width: 36px; height: 36px; margin: 0; padding: 0; font-size: 22px; line-height: 1; cursor: pointer; color: #94a3b8; flex: none; }
.modul-fav.aktif { color: #f59e0b; }
.modul-grup { margin-bottom: 22px; }
.modul-grup-judul { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 6px 0 10px; padding-bottom: 6px; border-bottom: 2px solid var(--primary-light, #e2e8f0); font-size: 16px; }
.modul-grup-judul span { font-size: 12px; font-weight: 500; opacity: .6; }
/* Penampil tertanam */
.modul-viewer { max-width: 980px; width: 96vw; }
.modul-bingkai { margin-top: 10px; height: 68vh; min-height: 320px; border-radius: 10px; overflow: hidden; background: #0f172a; border: 1px solid var(--border-color, #e2e8f0); }
.modul-bingkai iframe { width: 100%; height: 100%; border: 0; display: block; background: #fff; }
@media (max-width: 700px) { .modul-form-baris { grid-template-columns: 1fr; } .modul-bingkai { height: 62vh; } .modul-viewer { width: 100vw; max-width: 100vw; border-radius: 0; } }
.modul-kartu .card-title-saas, .modul-kartu .card-subtitle-saas { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }

/* Pilihan program di form modul (admin & tutor) */
.modul-prog-wadah { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 12px; }
.modul-prog { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid #e2e8f0; border-radius: 999px; font-size: 13px; cursor: pointer; background: #fff; }
.modul-prog input { margin: 0; width: auto; }