/* ===== DASHBOARD CARDS ===== */
/* Gaya dasar untuk SEMUA card */
.status-card, .card-custom {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: none !important; /* Pastikan tiada border mengganggu */
}

/* Warna background untuk SETIAP card */
#wallet-status-card { background: #ff9ff3; } /* Pink */
#dashboard-section .row > .col-md-4:nth-child(2) .status-card { background: #feca57; } /* Kuning (KOPI Balance) */
#dashboard-section .row > .col-md-4:nth-child(3) .status-card { background: #1dd1a1; } /* Hijau (Market Price) */
.card-custom { background: #54a0ff !important; } /* Biru (Quick Actions & Recent Activity) */

/* Efek hover untuk SEMUA card */
.status-card:hover, .card-custom:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Gaya teks dalam card */
.status-card h5, .card-custom h5 { color: #333; }
.balance-display { font-size: 2rem; font-weight: bold; }

/* Butang Disconnect */
.disconnect-btn {
    background: #dc3545 !important;
    border: none;
    margin-top: 10px;
}
.disconnect-btn:hover {
    background: #c82333 !important;
}

/* Gaya Dasar untuk SEMUA Card */
.dashboard-card {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: all 0.3s ease;
    height: 100%; /* Pastikan ketinggian sama */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Seimbangkan kandungan */
}

/* Warna Background */
#wallet-status-card { background: #ff9ff3; } /* Pink */
#kopi-balance-card { background: #feca57; } /* Kuning */
#market-price-card { background: #1dd1a1; } /* Hijau */

/* Gaya Teks dan Spacing */
.dashboard-card h5 {
    margin-bottom: 15px;
    color: #333;
}
.balance-display {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 10px 0;
}
.text-muted {
    font-size: 0.9rem;
    color: #666 !important;
}

/* Efek Hover */
.dashboard-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}