/* ==========================================================================
   El equipo: la pantalla Equipo y el filtro por persona del tablero.
   ========================================================================== */

.ws-eq-nuevo { margin: 0 0 18px; }
.ws-eq-nuevo > summary { list-style: none; cursor: pointer; }
.ws-eq-nuevo > summary::-webkit-details-marker { display: none; }

.ws-eq-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; align-items: end; margin-top: 12px; }
.ws-eq-form label { display: flex; flex-direction: column; gap: 5px; font-size: 12px; color: var(--tinta-texto-3); }
.ws-eq-form input {
    height: 34px;
    padding: 0 10px;
    border: 1px solid var(--tinta-borde-2) !important;
    border-radius: var(--r-1) !important;
    background: var(--tinta-campo) !important;
    color: var(--tinta-texto) !important;
    font-family: var(--f-ui) !important;
    font-size: 13px !important;
}
.ws-eq-form input:focus { outline: none; border-color: var(--tinta-acento-tx) !important; box-shadow: var(--foco) !important; }
.ws-eq-vacio { padding: 28px 4px; color: var(--tinta-texto-3); font-size: 13px; }

.ws-eq-caja { overflow-x: auto; border: 1px solid var(--tinta-borde); border-radius: var(--r-3); background: var(--tinta-sup); }
.ws-eq-tabla { width: 100%; border-collapse: collapse; font-size: 13px; }
.ws-eq-tabla th {
    padding: 10px 14px;
    border-bottom: 1px solid var(--tinta-borde);
    font-family: var(--f-mono);
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: .08em;
    text-align: left;
    text-transform: uppercase;
    color: var(--tinta-texto-3);
    white-space: nowrap;
}
.ws-eq-tabla td { padding: 12px 14px; border-bottom: 1px solid var(--tinta-borde); color: var(--tinta-texto-2); vertical-align: middle; }
.ws-eq-tabla tr:last-child td { border-bottom: 0; }
.ws-eq-tabla .num { text-align: right; }
.ws-eq-sec { color: var(--tinta-texto-3) !important; }
.ws-eq-persona { display: inline-flex; align-items: center; gap: 10px; }
.ws-eq-persona b { font-weight: 500; color: var(--tinta-texto); }
.ws-eq-av { width: 30px; height: 30px; font-size: 11px; }
.ws-eq-acceso {
    padding: 1px 7px;
    border: 1px solid var(--tinta-borde-2);
    border-radius: var(--r-1);
    font-family: var(--f-mono);
    font-size: 10px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--tinta-texto-3);
}
.ws-eq-atraso { color: var(--tinta-alerta); }
.ws-eq-acciones { text-align: right; white-space: nowrap; }
.ws-eq-baja { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--tinta-borde); }

/* El filtro por persona del tablero */
.ws-tb-persona-caja { display: inline-flex; }
.ws-tb .ws-tb-persona {
    height: 32px !important;
    max-width: 190px;
    padding: 0 10px !important;
    border: 1px solid var(--tinta-borde-2) !important;
    border-radius: var(--r-1) !important;
    background: var(--tinta-campo) !important;
    color: var(--tinta-texto) !important;
    font-family: var(--f-ui) !important;
    font-size: 13px !important;
}
.ws-tb .ws-tb-persona.con-filtro { border-color: var(--tinta-acento-tx) !important; background: var(--tinta-acento-suave) !important; }