/* Import Google Font */
body {
    font-family: 'Sarabun', sans-serif;
    background-color: #f8f9fa; /* bg-light */
}

/* Custom Rose Theme */
.bg-rose-800 {
    background-color: #9f1239 !important;
}

.text-rose-800 {
    color: #9f1239 !important;
}

.btn-rose {
    background-color: #e11d48;
    color: #fff;
    border: 1px solid #e11d48;
}

.btn-rose:hover {
    background-color: #be123c;
    color: #fff;
    border-color: #be123c;
}

/* Navbar Active Link Style */
.navbar-dark .navbar-nav .nav-link.active {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
}

/* DataTables Responsive Control Icon */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    background-color: #e11d48;
}

/* Toastr Notification Style */
.toast-success { background-color: #198754 !important; }
.toast-error { background-color: #dc3545 !important; }
.toast-info { background-color: #0dcaf0 !important; }
.toast-warning { background-color: #ffc107 !important; }

/* Style for selectable equipment cards */
.equipment-card {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.equipment-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Style for the card when its checkbox is checked */
.equipment-card:has(input:checked) {
    border-color: #e11d48; /* Rose color */
    box-shadow: 0 0 0 0.25rem rgba(225, 29, 72, 0.25);
    background-color: #fff1f2;
}