/*
 * Overrides propios sobre la plantilla Volt. Se carga DESPUES de volt.css.
 *
 * No edites public/css/volt.css: webpack.mix.js no lo compila (solo toca
 * resources/js/app.js y resources/css/app.css), es un artefacto estatico de la
 * plantilla y cualquier cambio ahi se pierde si alguien lo regenera.
 */

/* Volt pone white-space: nowrap en toda .table td/th, asi que una descripcion
   larga ensancha la columna y saca la tabla de la pantalla. */
table.dataTable td {
    white-space: normal;
    overflow-wrap: break-word;
}

/* La columna de acciones si tiene que quedarse en una linea. */
table.dataTable td:has(.btn-group),
table.dataTable td:has(.dropdown) {
    white-space: nowrap;
}

/* Extension Responsive: la fila desplegable hereda el nowrap de Volt y se sale. */
table.dataTable td.child,
table.dataTable td.child .dtr-details,
table.dataTable td.child .dtr-details li {
    white-space: normal;
}

table.dataTable td.child .dtr-details {
    width: 100%;
}

/* Avisos flash (Notyf). El verde de fabrica desentona con la paleta del sistema. */
.notyf__toast {
    border-radius: .5rem;
    box-shadow: 0 .5rem 1rem rgba(31, 41, 55, .18);
    max-width: 28rem;
}

/* Solo vertical: el padding-right lo usa Notyf para hueco del boton de cierre,
   y pisarlo deja la X sobre el texto, tragandose el primer clic. */
.notyf__wrapper {
    padding-top: .85rem;
    padding-bottom: .85rem;
}

.notyf__message {
    font-size: .875rem;
    line-height: 1.4;
}

/* Franja de color a la izquierda: distingue exito de error sin gritar. */
.notyf__toast--success {
    border-left: 4px solid #10B981;
}