/* ==========================================================================
   Estilos Modernizados para o Painel SAC - Induscabos
   Versão: 2.0
   Cor da Marca: #0a3aae
   ========================================================================== */

/* --- Visão Geral e Container --- */
.sac-admin-list {
    background-color: #f6f7f7;
    padding: 20px;
    border-radius: 8px;
}

.sac-admin-list h2 {
    color: #1d2327;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

/* --- Barra de Filtros e Pesquisa --- */
.sac-filters {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    align-items: center;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.sac-filters select,
.sac-filters input[type="search"] {
    border-radius: 4px;
    border: 1px solid #c3c4c7;
    padding: 8px 12px;
    transition: all 0.2s ease-in-out;
}

.sac-filters select:focus,
.sac-filters input[type="search"]:focus {
    border-color: #0a3aae;
    box-shadow: 0 0 0 2px rgba(10, 58, 174, 0.3);
    outline: none;
}

/* Botão de Filtrar usa a cor da marca */
.sac-filters .button {
    background-color: #0a3aae;
    border-color: #0a3aae;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 600;
    transition: background-color 0.2s ease-in-out;
}

.sac-filters .button:hover {
    background-color: #082f8a; /* Um tom mais escuro para o hover */
    border-color: #082f8a;
    color: #ffffff;
}

/* --- Tabela --- */
.sac-table-wrapper {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: #ffffff;
}

.wp-list-table {
    border: none; /* Remove a borda padrão para o wrapper assumir */
}

/* Cabeçalho da Tabela */
.wp-list-table thead th {
    background-color: #f9fafb;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e0e0e0;
}

/* Linhas da Tabela */
.wp-list-table tbody tr:hover {
    background-color: #f0f5ff; /* Um azul muito claro no hover */
}

/* --- Largura das Colunas --- */
.wp-list-table .col-protocolo { width: 10%; }
.wp-list-table .col-nome { width: 18%; }
.wp-list-table .col-empresa { width: 18%; }
.wp-list-table .col-estado { width: 7%; }
.wp-list-table .col-status { width: 12%; }
.wp-list-table .col-tipo { width: 15%; }
.wp-list-table .col-data { width: 10%; }
.wp-list-table .col-acoes { width: 10%; text-align: center; }
.wp-list-table td { vertical-align: middle; }

/* --- Badges de Status --- */
.status-badge {
    display: inline-block; padding: 5px 12px; font-size: 12px;
    font-weight: 600; color: #fff; border-radius: 15px; /* Formato de pílula */
    text-align: center; min-width: 100px;
}
/* Cor da marca para "Novo chamado" */
.status-badge.status-novo-chamado { background-color: #0a3aae; }
.status-badge.status-em-análise { background-color: #ffb900; color: #333; }
.status-badge.status-finalizado { background-color: #28a745; } /* Verde mais vibrante */

/* --- Botões de Ação (Ícones) --- */
.button-icon {
    background: transparent; border: none; cursor: pointer;
    color: #555; /* Cor mais neutra */
    padding: 6px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; /* Torna o fundo circular no hover */
    transition: all 0.2s ease-in-out;
}
.button-icon svg { width: 18px; height: 18px; }
.button-icon:hover {
    color: #0a3aae; /* Cor da marca no hover */
    background-color: #eef5ff; /* Fundo azul claro no hover */
}

/* --- Modais (Popups) --- */
.sac-modal {
    display: none; position: fixed; z-index: 9999; left: 0; top: 0;
    width: 100%; height: 100%; overflow: auto; background-color: rgba(29, 35, 39, 0.7); /* Fundo mais escuro */
    backdrop-filter: blur(4px);
}
.sac-modal-content {
    background-color: #ffffff; margin: 8% auto; padding: 0;
    border: none; width: 90%; max-width: 750px;
    position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.2); border-radius: 8px;
    overflow: hidden; /* Para o cabeçalho se ajustar ao border-radius */
    padding: 40px;
}
.sac-modal-header, .sac-modal-body, .sac-modal-footer {
    padding: 20px 30px;
}
.sac-modal-header {
    background-color: #f6f7f7;
    border-bottom: 1px solid #e0e0e0;
}
.sac-modal-header h3 {
    margin: 0;
    color: #0a3aae; /* Cor da marca no título */
    font-size: 1.2em;
}
.sac-modal-close {
    color: #aaa; float: right; font-size: 28px; font-weight: bold;
    position: absolute; top: 15px; right: 25px; line-height: 1;
}
.sac-modal-close:hover, .sac-modal-close:focus { color: #333; text-decoration: none; cursor: pointer; }
.modal-details-table th { text-align: left; width: 140px; font-weight: 600; color: #555; }
.modal-description-box { background: #f9fafb; border: 1px solid #e0e0e0; border-radius: 4px; padding: 15px; margin-top: 5px; max-height: 150px; overflow-y: auto; }

/* Botão primário no modal de edição */
#sac-edit-form .button-primary {
    background-color: #0a3aae;
    border-color: #0a3aae;
}
#sac-edit-form .button-primary:hover {
    background-color: #082f8a;
    border-color: #082f8a;
}
.sac-modal .spinner { float: none; vertical-align: middle; margin-left: 10px; }

/* --- Mensagem de Feedback --- */
.sac-feedback { padding: 15px; margin: 0 0 20px 0; border-radius: 6px; font-weight: 500;}
.sac-feedback.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.sac-feedback.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

/* ==========================================================================
   Estilos Modernizados para a Paginação
   ========================================================================== */

.sac-admin-list .tablenav {
    padding: 10px 0;
    border-top: 1px solid #e0e0e0;
}

.sac-admin-list .tablenav-pages {
    display: flex;
    align-items: center;
    gap: 15px; /* Espaçamento entre os elementos */
}

.sac-admin-list .pagination-links {
    display: flex;
    gap: 5px; /* Espaçamento entre os botões */
}

.sac-admin-list .pagination-links .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    min-width: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    background-color: #ffffff;
    border: 1px solid #c3c4c7;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}

/* Estilo para setas de Próximo/Anterior e números */
.sac-admin-list .pagination-links a.page-numbers:hover {
    color: #0a3aae; /* Cor da marca no hover */
    border-color: #0a3aae;
    background-color: #f0f5ff; /* Fundo azul claro */
}

/* Estilo para o número da página atual */
.sac-admin-list .pagination-links .page-numbers.current {
    color: #ffffff;
    background-color: #0a3aae; /* Cor da marca como fundo */
    border-color: #0a3aae;
    cursor: default;
}

/* Estilo para as reticências (...) */
.sac-admin-list .pagination-links .page-numbers.dots {
    background-color: transparent;
    border-color: transparent;
    cursor: default;
    font-weight: bold;
}