/* global-styles.css */
:root {
    /* --- THEME COLORS --- */
    --primary-blue: #007bff;
    --primary-hover: #0056b3;
    --bg-gray: #edeff0;
    
    /* --- STATUS INDICATORS --- */
    --status-in: #28a745;
    --status-in-bg: #eafaf1;
    --status-out: #cc4855;
    --status-out-bg: #f5dfdf;
    --status-telework: #176ab8;
    --status-telework-bg: #e7f1ff;
    --status-leave: #cca93f;
    --status-leave-bg: #fff8e1;
    --card-dim-bg: #f8f6f6; /* Subtle grey for inactive cards */

    /* --- BUTTONS --- */
    --btn-status-in-bg: var(--status-in);
    --btn-status-out-bg: var(--status-out);
    --btn-note-bg: #6e8196;
    --btn-status-bg: #6e8196;

    /* --- TIMESHEET SPECIFICS --- */
    --week1-color: #3498db;
    --week2-color: #2980b9;
    --daily-totals-bg: #adb5bd;
    --grand-total-red: #e74c3c;
    --group-header-bg: #f8f9fa;
    --clickable-header-bg: #ffeb3b;
    --clickable-header-color: #000;
    --zero-value-color: #adb5bd;
    --actual-hours-color: #212529;
}

/* --- GLOBAL STYLES --- */
body {
    background-color: var(--bg-gray);
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.content-container {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 20px;
}

/* --- HEADER & LIVE CLOCK --- */
.page-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    background: #edeff0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}