:root {
    --color-bg-main: #F4F5F7;
    --color-bg-sidebar: #FFFFFF;
    --color-text-primary: #111111;
    --color-text-muted: #6B7280;
    --color-border: #E5E7EB;
    
    --color-item-hover: #FEE2E2;
    --color-item-active-bg: #D32F2F;
    --color-item-active-text: #FFFFFF;
    --color-accent: #D32F2F;

    --color-urgent: #EF4444;
    --color-urgent-bg: #FEF2F2;
    --color-warning: #F59E0B;
    --color-warning-bg: #FFFBEB;
    --color-good: #10B981;
    --color-good-bg: #ECFDF5;
    --color-info: #3B82F6;
    --color-info-bg: #EFF6FF;
    
    --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    background-color: var(--color-bg-main);
    color: var(--color-text-primary);
    overflow: hidden;
}

#app-container {
    display: flex;
    height: 100vh;
    width: 100vw;
}

table.table-simple th:last-child,
table.table-simple td:last-child {
    padding-right: 20px;
}

/* Zebra Striping */
table.table-simple tbody tr:nth-child(even) {
    background-color: #F9FAFB;
}
table.table-simple tbody tr:hover {
    background-color: #F3F4F6;
}

#main-content {
    flex-grow: 1;
    min-width: 0; /* Mencegah flexbox stretch layar */
    overflow-y: auto;
    padding: 20px;
}

/* Halaman login: hilangkan padding agar full-screen */
#main-content:has(.login-page) {
    padding: 0;
    overflow-y: auto;
}