/* ==========================================================================
   dzap.css — estilos próprios do Dzap, em cima da paleta do tema Giglink
   (violet-600 como cor primária, slate para textos, gray para bordas)
   ========================================================================== */

/* Tabelas de listagem (o tema Giglink não trazia tabelas prontas) */
.dzap-table-wrap {
    overflow-x: auto;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.dzap-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.dzap-table thead th {
    text-align: left;
    font-weight: 600;
    padding: 0.75rem 1rem;
    background-color: rgb(250 250 250);
    color: rgb(100 116 139);
    white-space: nowrap;
    border-bottom: 1px solid rgb(243 244 246);
}

.dark .dzap-table thead th {
    background-color: rgb(15 23 42);
    color: rgb(148 163 184);
    border-bottom-color: rgb(30 41 59);
}

.dzap-table tbody td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgb(243 244 246);
    vertical-align: middle;
}

.dark .dzap-table tbody td {
    border-bottom-color: rgb(30 41 59);
}

.dzap-table tbody tr:hover {
    background-color: rgb(250 250 250);
}

.dark .dzap-table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.03);
}

/* Badges de status */
.dzap-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.dzap-badge-verde   { background-color: rgba(16, 185, 129, 0.1); color: rgb(5, 150, 105); }
.dzap-badge-vermelho{ background-color: rgba(239, 68, 68, 0.1);  color: rgb(220, 38, 38); }
.dzap-badge-amarelo { background-color: rgba(245, 158, 11, 0.1); color: rgb(217, 119, 6); }
.dzap-badge-azul    { background-color: rgba(124, 58, 237, 0.1); color: rgb(109, 40, 217); }
.dzap-badge-cinza   { background-color: rgba(100, 116, 139, 0.1); color: rgb(71, 85, 105); }

/* Cards de estatística do dashboard */
.dzap-stat-card {
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 1.25rem;
}

.dark .dzap-stat-card {
    background: rgb(15 23 42);
}

/* Botão de ação pequeno (ícone) nas tabelas */
.dzap-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease;
}

.dzap-btn-icon:hover {
    background-color: rgba(124, 58, 237, 0.1);
}

/* Barra de progresso simples (fila de envio de campanha) */
.dzap-progress {
    width: 100%;
    height: 0.5rem;
    border-radius: 9999px;
    background-color: rgb(243 244 246);
    overflow: hidden;
}

.dark .dzap-progress {
    background-color: rgb(30 41 59);
}

.dzap-progress-bar {
    height: 100%;
    background-color: rgb(124 58 237);
    transition: width 0.3s ease;
}