/* Custom flat card styles - Remove shadows and make cards more sober */

/* Remove box-shadow from card-custom */
.card.card-custom {
    box-shadow: none !important;
    border: 1px solid #e4e6ef !important;
}

/* Remove shadows from card-body */
.card-body.shadow,
.card .card-body.shadow {
    box-shadow: none !important;
}

/* Remove shadows from all cards with shadow classes */
.card.shadow,
.card.shadow-sm,
.card.shadow-lg,
.card.shadow-md {
    box-shadow: none !important;
    border: 1px solid #e4e6ef !important;
}

/* Make card headers more minimal */
.card.card-custom > .card-header {
    border-bottom: 1px solid #e4e6ef !important;
    background-color: transparent !important;
}

/* Remove any hover effects that add shadows */
.card:hover {
    box-shadow: none !important;
}

/* Make card body more minimal */
.card-body {
    border: none !important;
}

/* Ensure no text shadows */
.card-title,
.card-label {
    text-shadow: none !important;
}

/* Layout improvements for div_agendar modal - Vehiculo and Datos Usuario side by side */
#div_agendar .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#div_agendar .col-md-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

#div_agendar .col-md-6:first-child {
    border-right: 1px solid #e4e6ef !important;
    padding-right: 1.5rem !important;
}

#div_agendar .col-md-6:last-child {
    padding-left: 1.5rem !important;
}

#div_agendar .modal-header {
    margin-bottom: 1rem !important;
    border-bottom: transparent !important;
    padding: 0.75rem 0 !important;
    margin-top: 20px!important;
}

#div_agendar .modal-header h5 {
    margin: 0 !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    
}

#div_agendar .form-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Improve spacing and readability */
#div_agendar .form-group {
    margin-bottom: 1rem !important;
}

#div_agendar .form-group label {
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
    color: #3f4254 !important;
    display: block !important;
}

#div_agendar .form-control,
#div_agendar .form-control-solid {
    border: 1px solid #e4e6ef !important;
}

/* Style datos_vehiculo_mod and datos_empresa_mod as flat text displays */
#datos_vehiculo_mod,
#datos_empresa_mod {
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0.5rem 0 !important;
    font-size: 0.925rem !important;
    color: #3f4254 !important;
    box-shadow: none !important;
    cursor: default !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: unset !important;
    outline: none !important;
}

#datos_vehiculo_mod:disabled,
#datos_empresa_mod:disabled {
    border: none !important;
    border-width: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #3f4254 !important;
    opacity: 1 !important;
}

#datos_vehiculo_mod:focus,
#datos_empresa_mod:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Prestaciones checkboxes - ensure label is inline with checkbox */
#div_prestaciones_mod .checkbox-list {
    display: inline-block !important;
    margin-bottom: 0.5rem !important;
}

#div_prestaciones_mod .checkbox-list label.checkbox {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    cursor: pointer !important;
}

#div_prestaciones_mod .checkbox-list label.checkbox input[type="checkbox"] {
    margin-right: 0.5rem !important;
}

#div_prestaciones_mod .checkbox-list label.checkbox span {
    margin-right: 0.5rem !important;
}

/* Responsive: stack columns on smaller screens */
@media (max-width: 768px) {
    #div_agendar .col-md-6 {
        border-right: none !important;
        border-bottom: 1px solid #e4e6ef !important;
        padding-bottom: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    #div_agendar .col-md-6:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }
}