/* CSS untuk navbar di atas */
.navbar {
    background: linear-gradient(135deg, #2c3e50 0%, #16a085 100%) !important;
    margin-bottom: 1rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: white;
}

.navbar-brand {
    font-weight: bold;
}

.content {
    padding-top: 1rem;
}

/* CSS untuk tampilan mobile */
@media (max-width: 768px) {
    .btn-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .btn-toolbar .btn-group {
        margin-bottom: 0.5rem;
    }

    .table-responsive {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .card-body {
        padding: 1rem;
    }

    h1.h2 {
        font-size: 1.2rem;
    }

    .navbar-brand {
        font-size: 1rem;
    }
}

/* Tambahkan gaya khusus untuk tabel di mobile */
@media (max-width: 768px) {
    .custom-table {
        font-size: 0.8rem;
    }

    .custom-table th,
    .custom-table td {
        padding: 0.25rem;
        white-space: nowrap;
    }
}

/* Hindari warna biru muda sesuai permintaan */
.alert-primary {
    background-color: #16a085;
    border-color: #16a085;
    color: white;
}

.btn-primary {
    background: linear-gradient(135deg, #2c3e50 0%, #16a085 100%);
    border: none;
}

/* Warna alternatif hijau gelap */
.bg-primary-custom {
    background: linear-gradient(135deg, #2c3e50 0%, #16a085 100%);
}