/* css/main-style.css */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}
.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}
.glass-card:hover {
    transform: translateY(-10px);
    border-color: #38bdf8;
    box-shadow: 0 0 20px rgba(56, 189, 248, 0.2);
}
.text-gradient {
    background: linear-gradient(90deg, #38bdf8, #818cf8, #fb7185);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* Custom Scrollbar untuk Table di Mobile agar lebih cantik */
.overflow-x-auto::-webkit-scrollbar {
    height: 6px;
}
.overflow-x-auto::-webkit-scrollbar-track {
    background: #f1f5f9;
}
.overflow-x-auto::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

/* Animasi Hover Row */
#histori-body tr {
    transition: all 0.2s ease-in-out;
}

/* Memperjelas Status Pill */
.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.05em;
}

/* Mempercantik Badge Skor */
.score-display {
    font-family: 'JetBrains Mono', 'Menlo', monospace; /* Jika ada, agar angka sejajar */
}