.ui-datepicker {
    width: 19em !important;
}

.testing-watermark {
    background-color: cornflowerblue;
}

td {
    white-space: nowrap;
}

/* 9313: truncado de las columnas largas de la tabla de tickets (crm/tickets/partials/_table).
   Vivia duplicado como reglas nth-child en index y dashboard, atadas al id de la tabla y a la
   POSICION de las columnas — truncaban columnas distintas y se corrian al insertar una. Va
   global porque layouts/main es @yield('styles'), no @stack: un partial no puede empujar CSS. */
.td-truncado {
    /* 150 se sostiene: con las 12 columnas la tabla medía 1157 contra 1114 de ancho útil a 1366
       con la barra lateral abierta y "Acciones" quedaba cortada, pero sacarle el " (sector)"
       redundante al badge de estado (ver _table) devuelve 62px por fila y entra sin recortar más.
       Medido en Chromium headless, no a ojo. El texto completo de las 3 columnas truncadas sigue
       disponible en el title= de cada celda. */
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 9313: contenedor de la tabla de tickets. .table-responsive de Bootstrap 3 solo activa el
   scroll por debajo de 768px, y la tabla no entra en un 1366 con la barra lateral abierta. */
.tabla-scroll-x {
    overflow-x: auto;
}

.none {
    display: none;
}