/* Clock-out Button Style */
.btn-clock-out {
    background: linear-gradient(135deg, #EA580C 0%, #C2410C 100%);
    color: white;
    border: none;
    transition: all 0.3s ease;
}

.btn-clock-out:hover {
    background: linear-gradient(135deg, #FA7137 0%, #EA580C 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.25);
    color: white;
}

.btn-clock-out:active {
    transform: translateY(0);
}

/* Custom Responsive Table Container */
.table-container-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin-bottom: 1rem;
}

/* Distinct Table Header */
.report-table-header {
    background-color: #e2e8f0;
    /* Slate-200 */
    color: #1e293b;
    /* Slate-800 */
    font-weight: 700;
}

.report-table-header th {
    border-bottom: 2px solid #cbd5e1;
    /* Slate-300 */
    vertical-align: middle;
}