/* =========================================
   GESTIÓN DE USUARIOS
========================================= */
.table-responsive { overflow-x: auto; border-radius: 12px; box-shadow: var(--shadow); }

.data-table { 
    width: 100%; 
    border-collapse: collapse; 
    background: var(--white); 
    overflow: hidden; 
}

.data-table th, .data-table td { 
    padding: var(--space-lg); 
    text-align: left; 
    border-bottom: 1px solid #f0f0f0; 
    vertical-align: middle; 
}

.data-table th { 
    background: #f8faff; 
    color: var(--text-gray); 
    font-family: var(--font-ui); 
    font-weight: 600; 
    text-transform: uppercase; 
    font-size: 0.8rem; 
    letter-spacing: 1px;
}

.data-table td {
    font-family: var(--font-body);
    font-size: 0.95rem;
    color: var(--text-dark);
}

.user-status { 
    padding: 6px 14px; 
    border-radius: 30px; 
    font-size: 0.8rem; 
    font-weight: 600; 
    font-family: var(--font-ui);
    display: inline-block;
}
.status-ok { background: #d4edda; color: #155724; }
.status-new { background: #fff3cd; color: #856404; }

/* Botones Tabla */
.btn-assign {
    background: var(--primary-pale); 
    color: var(--primary-darkest); 
    border: none; 
    padding: 8px 12px; 
    border-radius: 8px; 
    cursor: pointer; 
    transition: 0.2s; 
    margin-right: 6px; 
    font-size: 1rem;
}
.btn-assign:hover { background: var(--primary-lighter); }

.btn-edit-user {
    background: #f1f3f5; 
    color: var(--text-dark); 
    border: none; 
    padding: 8px 12px; 
    border-radius: 8px; 
    cursor: pointer; 
    transition: 0.2s; 
    font-size: 1rem;
}
.btn-edit-user:hover { background: #e9ecef; }