/* Custom styles */
.auth-modal .modal-content {
    border-radius: 15px;
}

.auth-modal .modal-header {
    border-bottom: none;
}

.auth-modal .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.auth-link a {
    color: #0d6efd;
    text-decoration: none;
}

.auth-link a:hover {
    text-decoration: underline;
}

/* Loader styles */
#loader {
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

#loader .spinner-border {
    width: 3rem;
    height: 3rem;
}

/* Button hover effects */
.btn {
    transition: all 0.3s ease;
}

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

/* Specific button hover effects based on color */
.btn-primary:hover, 
.btn-light[style*="background-color: #2d296b"]:hover {
    background-color: #3d3980 !important;
    border-color: #3d3980 !important;
}

.btn-secondary:hover {
    background-color: #5c636a !important;
    border-color: #5c636a !important;
}

.btn-success:hover {
    background-color: #157347 !important;
    border-color: #157347 !important;
}

.btn-danger:hover {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
}

.btn-warning:hover {
    background-color: #ffca2c !important;
    border-color: #ffca2c !important;
}

.btn-info:hover {
    background-color: #31d2f2 !important;
    border-color: #31d2f2 !important;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-success:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover,
.btn-outline-info:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Table styles */
/* Center S.No column in tables */
table th:first-child, 
table td:first-child {
    text-align: center !important;
}

/* Additional class for S.No columns that aren't first */
.sno-column {
    text-align: center !important;
}

/* Table row hover enhancement */
table.table-hover tbody tr {
    transition: background-color 0.2s ease;
}

table.table-hover tbody tr:hover {
    background-color: rgba(13, 110, 253, 0.1) !important;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
    transition: all 0.2s ease;
}