/*
════════════════════════════════════════════════════════════════
                RESUMO DE PRAZOS FMOREIRA
════════════════════════════════════════════════════════════════
*/

/* --- Cabeçalho e Ações --- */
.prazos-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.prazos-acoes {
    display: flex;
    gap: 10px;
}

.prazos-acoes button {
    background: #caa257;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.2s;
}

.prazos-acoes button:hover {
    background: #b88f47;
}

/* --- Container e Tabela Base --- */
.prazos-tabela-container {
    overflow-x: auto; /* Garante o scroll horizontal apenas quando necessário */
    background: white;
    border-radius: 8px;
}

.prazos-tabela {
    width: 100%;
    min-width: 1425px; /* Trava a largura mínima baseada na soma das suas colunas */
    border-collapse: collapse;
    table-layout: fixed;
}

.prazos-tabela th {
    background: #071a35;
    color: #d4af37;
    padding: 10px;
    font-size: 13px;
    position: sticky; /* Mantém o cabeçalho visível no scroll vertical */
    top: 0;
    z-index: 10;
}

.prazos-tabela td {  
    border: 1px solid #d9d9d9;
    padding: 8px;
    font-size: 12px;
    word-break: break-word; /* Evita que textos longos quebrem o layout fixo */
    overflow-wrap: break-word;
}

/* --- Abas e Resumo --- */
.prazos-tabs {
    display: flex;
    background: #e5e7eb;
    border-top: 1px solid #cbd5e1;
    margin-bottom: 15px;
}

.resumo-distribuicao-prazos {
    margin-top: 12px;
    font-weight: 600;
    color: #071a35;
    font-size: 14px;
}

/* --- Status e Cores Dinâmicas --- */
.status-concluido {
    background: #dcf4e4;
    color: #166534;
    font-weight: 700;
    text-align: center;
}

.status-pendente {
    background: #f9dede;
    color: #991b1b;
    font-weight: 700;
    text-align: center;
}

/* --- Linhas e Hover (Zebra Striping) --- */
#tbodyPrazos tr:nth-child(even) {
    background: #f2efe8;
}

#tbodyPrazos tr:nth-child(odd) {
    background: #ffffff;
}

#tbodyPrazos tr:hover {
    background: #fff7e8;
    transition: 0.15s;
}

.prazos-tabela {
    width: 100%;
    min-width: 1425px; /* Aumentado para caber a nova coluna */
    border-collapse: collapse;
    table-layout: fixed;
}

/* Adicione esta linha lá no final do arquivo junto com as outras larguras: */
.prazos-tabela th:nth-child(13), .prazos-tabela td:nth-child(13) { width: 90px; } /* URGENTE */







/* --- Largura das Colunas (Total: 1425px) --- */
.prazos-tabela th:nth-child(1), .prazos-tabela td:nth-child(1) { width: 90px; }   /* DATA */
.prazos-tabela th:nth-child(2), .prazos-tabela td:nth-child(2) { width: 75px; }   /* STATUS */
.prazos-tabela th:nth-child(3), .prazos-tabela td:nth-child(3) { width: 110px; }  /* ESTAGIÁRIO */
.prazos-tabela th:nth-child(4), .prazos-tabela td:nth-child(4) { width: 90px; }   /* CLIENTE */
.prazos-tabela th:nth-child(5), .prazos-tabela td:nth-child(5) { width: 50px; }   /* ESTADO */
.prazos-tabela th:nth-child(6), .prazos-tabela td:nth-child(6) { width: 50px; }   /* SISTEMA */
.prazos-tabela th:nth-child(7), .prazos-tabela td:nth-child(7) { width: 120px; }  /* PROCESSO */
.prazos-tabela th:nth-child(8), .prazos-tabela td:nth-child(8) { width: 90px; }   /* LOCALIDADE */
.prazos-tabela th:nth-child(9), .prazos-tabela td:nth-child(9) { width: 320px; }  /* TAREFA */
.prazos-tabela th:nth-child(10), .prazos-tabela td:nth-child(10) { width: 120px; } /* SITUAÇÃO */
.prazos-tabela th:nth-child(11), .prazos-tabela td:nth-child(11) { width: 90px; }  /* CONCLUÍDO */
.prazos-tabela th:nth-child(12), .prazos-tabela td:nth-child(12) { width: 120px; } /* TELEFONE */