/* /css/main.css */
:root {
    --bg-color: #f4f7f6;
    --card-bg: #ffffff;
    --text-main: #333333;
    --primary: #007bff;
    --primary-hover: #0056b3;
    --sg-teal: #1bc6d0;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--bg-color);
    color: var(--text-main);
    margin: 0;
    padding: 0;
}

/* Header Utilities */
#userDropdown::after {
    display: none; 
}
.nav-logo {
    max-height: 40px;
}
.user-profile-icon {
    font-size: 1.5rem;
    color: var(--sg-teal);
}

/* Auth Card Width Utilities */
.auth-card-sm {
    max-width: 400px;
}
.auth-card-md {
    max-width: 500px;
}

.approval-sidebar {
    height: calc(100vh - 80px);
    overflow-y: auto;
    border-right: 1px solid #dee2e6;
}
.approval-main {
    height: calc(100vh - 80px);
    overflow-y: auto;
    background-color: #f8f9fa;
}
.pending-item {
    cursor: pointer;
    transition: background-color 0.2s;
}
.pending-item:hover {
    background-color: #f1f3f5;
}
.pending-item.active {
    background-color: #e9ecef;
    border-left: 4px solid #0d6efd;
}