/* Use a more pleasing background color that reduces eye strain */
body { 
    background-color: #f0f4f8; 
}

.card { 
    box-shadow: 0 2px 8px rgba(0,0,0,0.06); 
}

.navbar-brand { 
    font-weight: bold; 
}

/* Enhance the visibility of checkboxes */
.form-check-input {
    width: 1.2em;
    height: 1.2em;
    border: 2px solid #0d6efd; /* Bold blue border */
    background-color: white; /* Ensure white background */
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

/* Style checked state to be more visible */
.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* Add hover effect to improve usability */
.form-check-input:hover {
    cursor: pointer;
    border-color: #0a58ca;
}

/* Style the form check inline container for better spacing */
.form-check-inline {
    margin-right: 1rem;
}

/* Add a subtle background to the filter section for better visibility */
.filter-section {
    background-color: #e9ecef;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 1rem;
}

/* Convert all outline buttons to solid buttons */
.btn-outline-primary {
    background-color: #0d6efd;
    color: white;
    border-color: #0d6efd;
}

.btn-outline-primary:hover {
    background-color: #0b5ed7;
    color: white;
    border-color: #0a58ca;
}

.btn-outline-secondary {
    background-color: #6c757d;
    color: white;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    background-color: #5c636a;
    color: white;
    border-color: #565e64;
}

.btn-outline-success {
    background-color: #198754;
    color: white;
    border-color: #198754;
}

.btn-outline-success:hover {
    background-color: #157347;
    color: white;
    border-color: #146c43;
}

.btn-outline-danger {
    background-color: #dc3545;
    color: white;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    background-color: #bb2d3b;
    color: white;
    border-color: #b02a37;
}

.btn-outline-info {
    background-color: #0dcaf0;
    color: white;
    border-color: #0dcaf0;
}

.btn-outline-info:hover {
    background-color: #31d2f2;
    color: white;
    border-color: #25cff2;
}

/* Ensure buttons have consistent style and spacing */
.btn {
    font-weight: 500;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    transition: all 0.15s ease-in-out;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

/* Highlight selected work order row */
.table-active > td {
    background-color: #cfe2ff !important;  /* strong light-blue background */
    border-left: 4px solid #0dcaf0 !important; /* accent info-color bar */
}