/* Layout and grid styles */
.top-bar-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr 2fr; 
    align-items: stretch; 
    gap: 1.5rem; 
    margin-bottom: 1.5rem; 
    animation: slideIn 0.6s ease-out 0.2s both;
}

.table-container {
    animation: slideIn 0.6s ease-out 0.4s both;
}

/* Date Navigation */
.date-nav { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 1.5rem; 
}

.date-nav h1 { 
    margin: 0; 
    font-size: 1.5rem; 
    font-weight: 700;
    color: #1e293b;
    transition: color 0.3s ease;
    position: relative;
    text-align: center;
    min-width: 120px;
}

/* Clock */
.clock-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    padding: 0.75rem 1.25rem;
    border-radius: 12px;
    border: 1px solid rgba(59, 130, 246, 0.1);
}

#clock { 
    font-size: 1.5rem; 
    font-weight: 600;
    color: #3b82f6;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.2);
}