/* Portal de Acompanhamento de Projeto - TUX */
body { background: #f4f6f5; }

.pj-topo { background: #fff; border-bottom: 4px solid #2f6f3e; }
.pj-logo { height: 44px; width: auto; max-width: 100%; }
.pj-titulo { color: #2f6f3e; font-weight: 700; }

.btn-tux { background: #2f6f3e; border-color: #2f6f3e; color: #fff; }
.btn-tux:hover, .btn-tux:focus { background: #25592f; border-color: #25592f; color: #fff; }

/* Abas rolaveis no celular */
.pj-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; border-bottom: 1px solid #dee2e6; }
.pj-tabs .nav-link { color: #2f6f3e; font-size: 14px; }
.pj-tabs .nav-link.active { color: #fff; background: #2f6f3e; border-color: #2f6f3e; }

.pj-card { background: #fff; border: 1px solid #dee2e6; border-radius: .5rem; }

/* Tabelas: cabecalho verde, linhas brancas */
.tbl-tux thead td { background: #2f6f3e; color: #fff; font-weight: 600; border: 0; }
.tbl-tux tbody td { background: #fff; }

/* Status: amarelo oficial TUX, vermelho e verde */
.st-E { background: #FFBF00; color: #212529; }
.st-P { background: #FF0000; color: #fff; }
.st-C { background: #2f6f3e; color: #fff; }
.pj-status { display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; white-space: nowrap; }

/* Galeria de fotos */
.pj-thumb { width: 100%; height: 150px; object-fit: cover; display: block; background: #eee; }
.pj-foto { cursor: zoom-in; }
.pj-foto-nome { font-size: 12px; }

/* Kanban */
.pj-col { background: #fff; border: 1px solid #dee2e6; border-radius: .5rem; overflow: hidden; height: 100%; }
.pj-col-h { padding: 8px 12px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; }
.pj-kcard { border: 1px solid #dee2e6; border-left: 4px solid #2f6f3e; border-radius: .375rem; padding: 8px 10px; margin-bottom: 8px; background: #fff; }
.pj-col-P .pj-kcard { border-left-color: #FF0000; }
.pj-col-E .pj-kcard { border-left-color: #FFBF00; }
.pj-col-C .pj-kcard { border-left-color: #2f6f3e; }

@media (max-width: 575.98px) {
    .pj-logo { height: 36px; }
    .pj-thumb { height: 110px; }
}