/* ==========================================================================
   MAGANG — HALAMAN PUBLIK (tambahan kecil di atas sistem .bu-*)
   --------------------------------------------------------------------------
   Hanya memuat yang memang belum ada di public/css/bu/: baris isian daftar
   anggota yang bisa ditambah-kurang. Sisanya tetap memakai komponen .bu-*
   supaya halaman Magang tidak berbeda rasa dengan halaman publik lain.

   Prefiks kelas: .mg-anggota*
   ========================================================================== */

.mg-anggota {
    display: grid;
    gap: .6rem;
}

.mg-anggota__row {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) minmax(0, 15rem) 2.25rem;
    align-items: start;
    gap: .6rem;
}

/* Nomor urut baris. Sengaja tidak disimpan ke server — urutannya dihitung
   ulang di sana dari posisi baris, sehingga tidak bisa melenceng. */
.mg-anggota__no {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    font-weight: 700;
    font-size: .9rem;
    color: var(--bu-text-3, #94a3b8);
    background: rgba(15, 23, 42, .04);
    border-radius: 10px;
}

.mg-anggota__del {
    height: 2.75rem;
    width: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bu-line, #e2e8f0);
    border-radius: 10px;
    background: #fff;
    color: var(--bu-text-3, #94a3b8);
    cursor: pointer;
    transition: color .15s ease, border-color .15s ease, background .15s ease;
}

.mg-anggota__del:hover {
    color: #dc2626;
    border-color: #fecaca;
    background: #fef2f2;
}

/* Baris terakhir tidak boleh bisa dihapus — daftar anggota minimal satu
   orang, dan tombol yang mustahil berhasil lebih baik tidak ditawarkan. */
.mg-anggota__del[disabled] {
    opacity: .35;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .mg-anggota__row {
        grid-template-columns: 2rem minmax(0, 1fr) 2.25rem;
    }

    /* Kolom No BP turun ke baris kedua, sejajar di bawah kolom nama. */
    .mg-anggota__row > .bu-field:nth-of-type(2) {
        grid-column: 2 / 3;
    }
}