/* Portal do Cliente -- folha propria, enxuta.
   O portal e' lido muito no celular (o cliente abre o link que recebeu), entao o
   alvo aqui e' legibilidade em tela pequena, nao densidade de ERP. */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
}

/* Cartao de projeto: sombra discreta, borda que some no hover pra dar retorno de toque. */
.card {
    border-color: #e2e8f0;
}

.progress {
    background-color: #e2e8f0;
    border-radius: 999px;
}

.progress-bar {
    border-radius: 999px;
}

/* Tabela de tarefas no celular: a coluna "Projeto" e' a primeira a sobrar quando
   falta largura -- some abaixo de 576px, ja que o nome da tarefa costuma bastar. */
@media (max-width: 575.98px) {
    .table thead th:nth-child(2),
    .table tbody td:nth-child(2) {
        display: none;
    }

    .table td, .table th {
        padding-left: .5rem;
        padding-right: .5rem;
    }
}