/* =============================================================================================
   Logins (VB6 Logins.frm) — the entries and exits of the Chronos program. Header with the count and
   Apagar as cards, the filter bar (period, Consultar), the table in its own scroll area under a fixed
   header (desktop: the page fits the window).
   ============================================================================================= */
.logins {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .logins .cabecalho-pagina,
    .logins .barra-filtros {
        margin-bottom: 0;
    }

.logins-painel {
    padding: .8rem 1rem .9rem;
    background: rgba(255, 255, 255, 0.96);
    border-color: var(--cr-line);
}

.tabela-logins .col-data { width: 9rem; }
.tabela-logins .col-hora { width: 6rem; }
.tabela-logins .col-sentido { width: 11rem; }

.sentido {
    display: inline-block;
    padding: .05rem .55rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 600;
}

.sentido-entrada {
    background: rgba(19, 138, 90, 0.12);
    color: var(--cr-success);
}

.sentido-saida {
    background: rgba(15, 36, 64, 0.07);
    color: var(--cr-text-2);
}

@media (min-width: 641px) {
    main > .content > .logins {
        flex: 1 1 0;
        min-height: 0;
    }

    .logins > * {
        flex: none;
    }

    .logins > .logins-painel {
        flex: 0 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .logins-painel > .tabela-rolagem {
        flex: 0 1 auto;
        min-height: 0;
        overflow: auto;
    }
}

/* Tick boxes: which records Apagar deletes (ticked rows in light blue). */
.tabela-logins .col-marca {
    width: 2.6rem;
}

    .tabela-logins .col-marca .form-check-input {
        float: none;
        margin: 0;
    }

.tabela-logins tbody tr.marcada:nth-child(n) td {
    background: #e2ebff;
}