/* Estilos para la tabla de registros */
.records-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    box-shadow: var(--teams-shadow);
    border-radius: var(--border-radius);
    overflow: hidden;
}

/* Efectos de actualización para la tabla */
@keyframes tableUpdatePulse {
    0% { opacity: 0.7; }
    50% { opacity: 0.9; }
    100% { opacity: 1; }
}

.records-table-container.updating {
    animation: tableUpdatePulse 0.5s ease-in-out;
}

/* Animación para nuevos registros - usando keyframes consolidados de app.css */
.new-record {
    animation: recordHighlight 3s ease-out forwards;
}

.records-table th, .records-table td {
    padding: 14px 20px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.records-table th {
    background-color: #f5f5f5;
    color: #555;
    font-weight: 600;
    font-size: 0.95rem;
    white-space: nowrap;
}

.records-table td {
    font-size: 0.95rem;
}

.records-table tr:last-child td {
    border-bottom: none;
}

.records-table tr:nth-child(even) {
    background-color: #fafafa;
}

.records-table tr:hover {
    background-color: #f0f7ff;
}

.record-entry, .record-exit, .record-almuerzo-inicio, .record-almuerzo-fin {
    display: flex;
    align-items: center;
}

.record-entry i, .record-exit i, .record-almuerzo-inicio i, .record-almuerzo-fin i {
    margin-right: 8px;
}

.record-entry {
    color: var(--datafast-success);
}

.record-exit {
    color: var(--datafast-secondary);
}

.record-almuerzo-inicio {
    color: var(--datafast-accent);
}

.record-almuerzo-fin {
    color: var(--datafast-primary);
}

.synced, .unsynced {
    display: flex;
    align-items: center;
}

.synced i, .unsynced i {
    margin-right: 8px;
}

.synced {
    color: var(--datafast-success);
}

.unsynced {
    color: var(--datafast-warning);
}