/* Custom styles to complement Tailwind CSS */
body {
    background-color: #1e2130;
    font-size: 14px;
}

.bg-navy {
    background-color: #1e2130;
}

#workerTable tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05);
}

#workerTable tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Compact table styles */
#workerTable th,
#workerTable td {
    padding: 0.5rem 0.25rem;
    font-size: 0.875rem;
}

#workerTable th {
    font-size: 0.75rem;
    font-weight: 600;
}

/* Compact header styles */
header h1 {
    font-size: 1.5rem;
}

header p {
    font-size: 1rem;
}

/* Responsive table */
@media (max-width: 1024px) {
    #workerTable {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    
    #workerTable th,
    #workerTable td {
        padding: 0.25rem 0.125rem;
        font-size: 0.75rem;
    }
}