/* Font Style */
    body {
        font-family: 'Roboto', sans-serif;
        /* Font utama */
    }

    .modal-title {
        font-family: 'Roboto', sans-serif !important;
        font-size: 1.25rem !important;
        /* Ukuran yang lebih besar untuk judul */
    }

    .modal-content {
        border-radius: 10px !important;
        /* Membuat sudut modal lebih lembut */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
        /* Tambahan bayangan */
    }

    .modal-header {
        background-color: #f9f9f9 !important;
        /* Warna latar belakang header */
        border-bottom: 1px solid #ddd !important;
        /* Garis pemisah header */
    }

    .modal-body {
        max-height: 80vh !important;
        /* Batas tinggi maksimum agar modal tidak terlalu panjang */
        overflow-y: auto !important;
        /* Scroll otomatis jika konten panjang */
    }

    /* Gaya Notifikasi */
    .notifikasiModal h6 {
        font-weight: bold !important;
        color: #333 !important;
        font-size: 1rem !important;
    }

    .notifikasiModal p,
    .notifikasiModal small {
        color: #555 !important;
        line-height: 1.5 !important;
    }

    .notifikasiModal p a {
        font-size: 0.85rem !important;
        color: #007bff !important;
        text-decoration: none !important;
    }

    .notifikasiModal p a:hover {
        text-decoration: underline !important;
    }

    /* Responsive Adjustments */
    @media (max-width: 768px) {
        .modal-dialog {
            margin: 10px !important;
            /* Kurangi margin pada layar kecil */
        }

        .modal-body {
            padding: 1rem !important;
        }

        .notifikasiModal p {
            font-size: 0.85rem !important;
        }

        .notifikasiModal h6 {
            font-size: 0.95rem !important;
        }
    }