/*
 * Baris pencarian & tombol aksi di atas daftar pada halaman index
 * (member, grup, riset, riset saya, pengumuman, agenda, validasi riset),
 * plus beberapa pengaman agar halaman tidak melebar di layar ponsel.
 *
 * Dimuat global lewat layouts/app.blade.php.
 */

/*
 * Pengganti utility .m-5 yang sebelumnya dipakai pada pembungkus toolbar.
 * .m-5 ikut memasang margin kiri-kanan 3rem, menimpa `margin: auto` milik
 * .container. Di layar < 576px lebar .container sudah 100%, sehingga
 * tambahan 6rem itu membuat halaman melebihi layar dan muncul scroll
 * horizontal. Jarak yang dibutuhkan sebenarnya hanya atas-bawah.
 */
.page-toolbar {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

@media (max-width: 767.98px) {
    .page-toolbar {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem;
    }
}

/*
 * Kartu agenda memakai grid dengan track minimal 350px. Pada ponsel
 * (lebar isi container ~336px ke bawah) track itu lebih lebar dari
 * layarnya. min() menahan track agar tidak pernah melebihi lebar induk.
 */
.agenda-section .card-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
}

/*
 * Judul, email, atau tautan panjang tanpa spasi tidak boleh mendorong
 * lebar kartu melebihi kolomnya.
 */
.projects-item h4,
.projects-item p,
.agenda-section .card-item h4,
.member-card h4 {
    overflow-wrap: anywhere;
}

/* Tabel daftar tetap terbaca: yang bergeser hanya tabelnya, bukan halaman. */
.table-responsive > .table {
    margin-bottom: 0;
}