/* desa_lembean_app/static/css/style.css */
body {
    background-color: #f8f9fa;
    /* Warna latar belakang umum */
    font-family: Arial, sans-serif;
}

.card {
    border-radius: 0.75rem;
    /* Sudut membulat untuk card */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    /* Sedikit bayangan */
}

.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-debug .alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}


.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

/* Warna Soft untuk Background Ikon */
.bg-primary-light { background-color: rgba(78, 115, 223, 0.1); }
.bg-warning-light { background-color: rgba(246, 194, 62, 0.1); }
.bg-success-light { background-color: rgba(28, 200, 138, 0.1); }

/* Lingkaran Ikon */
.icon-circle {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Efek Hover pada Card */
.card-hover {
    transition: transform 0.3s ease, shadow 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

/* Penanda Border Bawah untuk Fokus Utama */
.border-bottom-primary {
    border-bottom: 4px solid #4e73df !important;
}

/* Mengatur area scroll */
.scroll-area-feedback {
    max-height: 400px; /* Anda bisa sesuaikan tinggi ini */
    overflow-y: auto;
    padding-right: 10px; /* Ruang untuk scrollbar agar tidak menempel ke teks */
}

/* Mempercantik tampilan scrollbar (Custom Scrollbar untuk Chrome/Safari/Edge) */
.scroll-area-feedback::-webkit-scrollbar {
    width: 6px;
}
.scroll-area-feedback::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.scroll-area-feedback::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border-radius: 10px;
}
.scroll-area-feedback::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/* Tambahan agar border tetap rapi */
.border-left-warning {
    border-left: 0.25rem solid #f6c23e !important;
}