/* Fichas de alta y edición: superficie común para los tres perfiles.
   Los temas aportan --trabajos-marca, --trabajos-superficie y sus variantes;
   los valores de respaldo mantienen la hoja segura durante una actualización. */
.data_frame {
    height: auto;
    color: var(--trabajos-texto, #212529);
    background: var(--trabajos-superficie, #fff);
    border: 1px solid var(--trabajos-borde, #dfe3e8);
    border-top: 4px solid var(--trabajos-marca, #0d6efd);
    border-radius: .35rem;
    box-shadow: 0 .125rem .3rem rgba(16, 24, 40, .08);
    padding: 1rem;
}

.data_frame .header_frame {
    width: 100%;
    height: auto;
    margin: 0 0 .85rem;
    padding: 0 .15rem .7rem;
    color: var(--trabajos-texto, #212529);
    background: transparent;
    border-bottom: 1px solid var(--trabajos-borde, #dfe3e8);
}

.data_frame .header_frame h1,
.data_frame .header_frame h2,
.data_frame .header_frame h3,
.data_frame .header_frame h4 {
    margin: 0;
    color: var(--trabajos-marca, #0d6efd);
}

.data_frame label,
.data_frame .control-label {
    color: var(--trabajos-texto, #212529);
}

.data_frame .form-control,
.data_frame .form-select {
    color: var(--trabajos-texto, #212529);
    border-color: var(--trabajos-borde, #dfe3e8);
}

.data_frame .btn-primary {
    background-color: var(--trabajos-marca, #0d6efd);
    border-color: var(--trabajos-marca, #0d6efd);
}

.data_frame .btn-primary:hover {
    background-color: var(--trabajos-marca-fuerte, #0a58ca);
    border-color: var(--trabajos-marca-fuerte, #0a58ca);
}

/* Seleccionar averías, empresas o trabajadores abre una decisión operativa.
   Es una acción primaria, no un elemento de marca ni una advertencia. */
.data_frame .btn-seleccion-trabajo {
    background-color: var(--trabajos-accion-principal, #0d6efd);
    border-color: var(--trabajos-accion-principal, #0d6efd);
}

.data_frame .btn-seleccion-trabajo:hover,
.data_frame .btn-seleccion-trabajo:focus-visible {
    background-color: var(--trabajos-accion-principal-fuerte, #0a58ca);
    border-color: var(--trabajos-accion-principal-fuerte, #0a58ca);
}

.data_frame .btn-outline-primary {
    color: var(--trabajos-marca, #0d6efd);
    border-color: var(--trabajos-marca, #0d6efd);
}

.data_frame .btn-outline-primary:hover {
    color: #fff;
    background-color: var(--trabajos-marca, #0d6efd);
    border-color: var(--trabajos-marca, #0d6efd);
}

/* Los acordeones de documentos y bloques secundarios dejan de recuperar el
   fondo oscuro heredado, pero preservan la jerarquía de abierto/cerrado. */
.data_frame .accordion-item {
    border-color: var(--trabajos-borde, #dfe3e8);
}

.data_frame .accordion-button,
.data_frame .accordion-button:not(.collapsed) {
    color: var(--trabajos-texto, #212529);
    background: var(--trabajos-superficie, #fff);
    box-shadow: inset 4px 0 0 var(--trabajos-marca, #0d6efd);
}

.data_frame .accordion-button:not(.collapsed) {
    color: var(--trabajos-marca-fuerte, #0a58ca);
    background: var(--trabajos-marca-suave, #eef5ff);
}

/* Las bandas de selección de empresa, trabajador y averías eran el último
   remanente de la ficha oscura. Son zonas de acción, no cabeceras: se integran
   en la tarjeta con una base suave y conservan el botón corporativo. */
.data_frame .trabajo-seleccion-acciones,
.data_frame .trabajo-seleccion-acciones > td {
    background-color: var(--trabajos-superficie-suave, #f8f9fa) !important;
}

.data_frame .trabajo-seleccion-acciones > td {
    border-top: 1px solid var(--trabajos-borde, #dfe3e8);
    border-bottom: 1px solid var(--trabajos-borde, #dfe3e8);
}