/* Menggunakan font Inter dari Google Fonts */
body {
    font-family: 'Inter', sans-serif;
}

/* Gradasi untuk footer */
.footer-bg {
    background-image: linear-gradient(to bottom, #859F31, #004223);
}

/* === Gaya Baru untuk Halaman Kelola Jadwal === */

/* Styling untuk tombol Tab */
.tab-button {
    padding-bottom: 0.75rem; /* 12px */
    font-weight: 600;
    color: #4B5563; /* gray-600 */
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease-in-out;
}

.tab-button:hover {
    color: #166534; /* green-800 */
}

/* Gaya untuk tab yang sedang aktif (garis bawah hijau) */
.tab-button.active {
    color: #15803d; /* green-700 */
    border-bottom-color: #15803d; /* green-700 */
}

/* Gaya umum untuk tombol aksi (Edit, Delete, Urutkan) */
.action-button {
    display: flex;
    align-items: center;
    background-color: #ffffff; /* white */
    color: #374151; /* gray-700 */
    font-weight: 600;
    font-size: 0.875rem; /* text-sm */
    padding: 6px 12px;
    border: 1px solid #d1d5db; /* gray-300 */
    border-radius: 0.5rem; /* rounded-lg */
    transition: background-color 0.2s;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.action-button:hover {
    background-color: #f9fafb; /* gray-50 */
}

/* Gaya khusus untuk tombol Delete */
.action-button-danger {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    color: #dc2626; /* red-600 */
    font-weight: 600;
    font-size: 0.875rem;
    padding: 6px 12px;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    transition: all 0.2s;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.action-button-danger:hover {
    background-color: #dc2626; /* red-600 */
    color: #ffffff;
    border-color: #dc2626;
}


/* Gaya untuk tombol yang non-aktif (disabled) */
.action-button-disabled {
    display: flex;
    align-items: center;
    background-color: #f9fafb; /* gray-50 */
    color: #9ca3af; /* gray-400 */
    font-weight: 600;
    font-size: 0.875rem;
    padding: 6px 12px;
    border: 1px solid #e5e7eb; /* gray-200 */
    border-radius: 0.5rem;
    cursor: not-allowed;
}