/* Bahlsen Theme Overrides for SCOPACI project */

/* Header Background - Blue Gradient Left to Right */
body.project-scopaci .mantine-AppShell-header {
    background: linear-gradient(90deg, #002855 0%, #004d80 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Header Text & Icons - Make white to contrast with blue header */
body.project-scopaci .mantine-AppShell-header .mantine-Text-root,
body.project-scopaci .mantine-AppShell-header .mantine-Button-label,
body.project-scopaci .mantine-AppShell-header .mantine-ActionIcon-root {
    color: #ffffff !important;
}

/* Sidebar Background - Blue Gradient Top to Bottom */
body.project-scopaci #custom-sidebar, 
body.project-scopaci .sidebar-container {
    background: linear-gradient(180deg, #002855 0%, #001a38 100%) !important;
    border-right: none !important;
    box-shadow: 2px 0 10px rgba(0,0,0,0.2);
}

/* Sidebar Links */
body.project-scopaci .compact-nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
    transition: all 0.2s ease;
}

body.project-scopaci .compact-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

body.project-scopaci .compact-nav-link.active {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-left: 4px solid #ffffff !important;
}

/* Sidebar Icons */
body.project-scopaci .nav-icon, 
body.project-scopaci .nav-icon svg {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Section Title */
body.project-scopaci .section-title {
    color: rgba(255, 255, 255, 0.6) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Main Content Background - Lighter Blue Gradient Left to Right */
body.project-scopaci #page-content {
    background: linear-gradient(90deg, #f0f4f8 0%, #e6eaee 100%) !important;
}

/* Client View Specifics */
body.project-scopaci .client-card {
    border-top: 4px solid #002855 !important;
}

/* Headings */
body.project-scopaci h1, 
body.project-scopaci h2, 
body.project-scopaci h3, 
body.project-scopaci h4, 
body.project-scopaci h5, 
body.project-scopaci h6 {
    color: #002855;
}


/* Migros Theme Overrides for NECAAYO project */
/* Migros Orange: #E37B1D (RGB 227, 123, 29) */

/* Header Background - White (User Request) */
body.project-necaayo .mantine-AppShell-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e9ecef !important;
}

/* Header Text & Icons - Dark Grey for contrast against white header */
body.project-necaayo .mantine-AppShell-header .mantine-Text-root,
body.project-necaayo .mantine-AppShell-header .mantine-Button-label,
body.project-necaayo .mantine-AppShell-header .mantine-ActionIcon-root {
    color: #495057 !important;
}

/* Sidebar Background - White (User Request) */
body.project-necaayo #custom-sidebar, 
body.project-necaayo .sidebar-container {
    background-color: #ffffff !important;
    border-right: 1px solid #e9ecef !important;
    box-shadow: 2px 0 10px rgba(0,0,0,0.05);
}

/* Sidebar Links - Dark Grey default */
body.project-necaayo .compact-nav-link {
    color: #495057 !important;
    transition: all 0.2s ease;
}

/* Hover - Light Orange Background, Orange Text */
body.project-necaayo .compact-nav-link:hover {
    background-color: #fff5eb !important;
    color: #E37B1D !important;
}

/* Active - Light Orange Background, Orange Text, Orange Border */
body.project-necaayo .compact-nav-link.active {
    background-color: #fff0e0 !important;
    color: #E37B1D !important;
    font-weight: 700 !important;
    border-left: 4px solid #E37B1D !important;
}

/* Sidebar Icons - Orange */
body.project-necaayo .nav-icon, 
body.project-necaayo .nav-icon svg {
    color: #E37B1D !important;
}

/* Section Title - Grey */
body.project-necaayo .section-title {
    color: #868e96 !important;
    border-bottom: 1px solid #e9ecef !important;
}

/* Main Content Background - Light Neutral (No Gradient) */
body.project-necaayo #page-content {
    background-color: #f8f9fa !important;
}

/* Client View Specifics */
body.project-necaayo .client-card {
    border-top: 4px solid #E37B1D !important;
}

/* Headings */
body.project-necaayo h1, 
body.project-necaayo h2, 
body.project-necaayo h3, 
body.project-necaayo h4, 
body.project-necaayo h5, 
body.project-necaayo h6 {
    color: #E37B1D;
}