/* Google Gemini Theme - by Gemini */
:root {
    /* Google Brand Colors - Inspired by Gemini's new identity */
    --primary-color: #4285F4; /* Google Blue */
    --primary-color-dark: #1A73E8;
    --primary-color-light: #8AB4F8;
    --accent-color: #FBBC04; /* Google Yellow */
    --accent-color-dark: #F9AB00;
    --secondary-color: #5F6368; /* Google Grey */

    /* Success & Status Colors - Using Google's palette */
    --success-color: #34A853; /* Google Green */
    --info-color: #4285F4;    /* Google Blue */
    --warning-color: #FBBC04;  /* Google Yellow */
    --danger-color: #EA4335;   /* Google Red */

    /* Sidebar with a clean, Google-inspired Theme */
    --sidebar-bg: #FFFFFF;
    --sidebar-text-color: #3C4043;
    --sidebar-icon-color: #5F6368;
    --sidebar-active-bg: #E8F0FE; /* Light Google Blue */
    --sidebar-active-text: #1967D2; /* Darker Google Blue */
    --sidebar-hover-bg: #F8F9FA;

    /* Header with a dynamic Gemini gradient */
    --vnwork-header: linear-gradient(90deg, #4285F4 0%, #34A853 33%, #FBBC04 66%, #EA4335 100%);

    /* Background color for a clean look */
    --bg-color: #F8F9FA; /* Very light grey */

    /* Form Focus with Google Blue */
    --input-focus-border: var(--primary-color);
    --input-focus-shadow: 0 0 0 3px rgba(66, 133, 244, 0.2);
}

/* Header text color override */
#main-header {
    background: var(--vnwork-header);
    color: #FFFFFF;
}

#main-header .navbar-nav .nav-link {
    color: #FFFFFF;
}

#main-header .navbar-nav .nav-link:hover,
#main-header .navbar-nav .nav-link:focus {
    background: rgba(255, 255, 255, 0.15);
    color: #FFFFFF;
}

#main-header .logo-text {
    background: linear-gradient(135deg, #FFFFFF 0%, #E8F0FE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Button overrides with Google Blue */
.btn-primary {
    background: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--primary-color-dark);
    border-color: var(--primary-color-dark);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-outline-primary {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #FFFFFF;
}

/* Pagination with Google Blue theme */
.page-item.active .page-link,
.page-link.btn-active {
    background: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: 0 2px 4px rgba(66, 133, 244, 0.2);
}

.page-link:hover:not(.disabled):not(.btn-active) {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

/* GMASS Badge with Gemini gradient */
.gmass-badge {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);
}

/* Progress bar with Gemini gradient */
.gmass-progress .progress-bar {
    background: linear-gradient(90deg, var(--primary-color) 0%, #34A853 100%);
}

/* Timeline with Google Blue */
.timeline:before {
    background: var(--primary-color);
}

.timeline > li > .timeline-badge {
    background: var(--primary-color);
    box-shadow: 0 2px 8px rgba(66, 133, 244, 0.25);
}

/* Card border with Google Blue accent */
.card .border-left-primary {
    border-left-color: var(--primary-color) !important;
}

/* Tom Select with Google theme */
.ts-control.focus {
    border-color: var(--primary-color) !important;
    box-shadow: var(--input-focus-shadow) !important;
}

.ts-dropdown .option.parent-option {
    background: #E8F0FE !important; /* Light Google Blue */
    border-left-color: var(--primary-color) !important;
}

.ts-dropdown .option.selected {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%) !important;
}

/* Status toggle with Google Blue */
.status-toggle input[type="checkbox"]:checked + .status-toggle-label {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

/* Scrollbar with Gemini gradient */
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--primary-color) 0%, var(--accent-color) 100%);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--primary-color-dark) 0%, var(--accent-color-dark) 100%);
}

/* Navbar hover effects with Google theme */
.navbar-nav > .nav-item:not(.dropdown):hover > .nav-link,
.navbar-nav > .nav-item:not(.dropdown) > .nav-link:focus {
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.navbar-nav > .nav-item.dropdown > .nav-link:hover,
.navbar-nav > .nav-item.dropdown > .nav-link.show {
    color: #E8F0FE; /* Light Google Blue */
}

.navbar-nav .nav-link.active {
    color: #000000!important; /* Light Google Blue */
}

/* Table header with a light, clean background */
.bg-gradient-header,
.bg-gradient-header th {
    background: #F1F3F4 !important;
    color: #202124 !important;
}

.table-jobs .sticky-top,
.table-jobs .sticky-top th,
.table-jobs .sticky-top td {
    background: #F1F3F4 !important;
    color: #202124 !important;
}

/* Alert with Google Blue theme */
.gmass-alert::before {
    background: var(--primary-color);
}

/* Card hover effects */
.card:hover::before {
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--accent-color) 100%);
}

/* Pipeline cards with subtle Google accents */
.pipeline-header {
    background: linear-gradient(135deg, #FFFFFF 0%, #F8F9FA 100%);
    border-bottom-color: #D2E3FC;
}

.candidate-card:hover {
    border-color: var(--primary-color-light);
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.15);
}

/* Form labels required asterisk */
.form-label-required::after {
    color: var(--danger-color);
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    #main-header .navbar-collapse {
        border-top-color: rgba(255, 255, 255, 0.2);
    }
}