/* Module color theme for consistency across all modules */

/* Breadcrumb links - standard blue to match buttons */
.breadcrumb a,
.breadcrumb-item a {
    color: #6ea8fe !important;
}

.breadcrumb a:hover,
.breadcrumb-item a:hover {
    color: #6ea8fe !important;
}

:root {
    /* Module colors from landing page donut chart */
    --module-assets-color: rgba(13, 110, 253, 1);        /* Blue for Assets */
    --module-assets-bg: rgba(13, 110, 253, 0.6);         /* Blue with opacity */
    --module-assets-hover: rgba(13, 110, 253, 0.7);      /* Blue hover state */
    --module-assets-active: rgba(13, 110, 253, 0.8);     /* Blue active state */
    
    --module-cia-color: rgba(255, 193, 7, 1);            /* Yellow for CIA */
    --module-cia-bg: rgba(255, 193, 7, 0.6);             /* Yellow with opacity */
    --module-cia-hover: rgba(255, 193, 7, 0.7);          /* Yellow hover state */
    --module-cia-active: rgba(255, 193, 7, 0.8);         /* Yellow active state */
    
    --module-assessments-color: rgba(255, 193, 7, 1);    /* Yellow for Assessments (same as CIA) */
    --module-assessments-bg: rgba(255, 193, 7, 0.6);     /* Yellow with opacity (same as CIA) */
    --module-assessments-hover: rgba(255, 193, 7, 0.7);  /* Yellow hover state */
    --module-assessments-active: rgba(255, 193, 7, 0.8); /* Yellow active state */
    
    --module-risks-color: rgba(220, 53, 69, 1);          /* Red for Risks */
    --module-risks-bg: rgba(220, 53, 69, 0.6);           /* Red with opacity */
    --module-risks-hover: rgba(220, 53, 69, 0.7);        /* Red hover state */
    --module-risks-active: rgba(220, 53, 69, 0.8);       /* Red active state */
    
    --module-nis2-color: rgba(13, 110, 253, 1);          /* Blue for NIS2 (changed from Cyan) */
    --module-nis2-bg: rgba(13, 110, 253, 0.6);           /* Blue with opacity (changed from Cyan) */
    --module-nis2-hover: rgba(13, 110, 253, 0.7);        /* Blue hover state */
    --module-nis2-active: rgba(13, 110, 253, 0.8);       /* Blue active state */
    
    --module-suppliers-color: rgba(25, 135, 84, 1);      /* Green for Suppliers */
    --module-suppliers-bg: rgba(25, 135, 84, 0.6);       /* Green with opacity */
    --module-suppliers-hover: rgba(25, 135, 84, 0.7);    /* Green hover state */
    --module-suppliers-active: rgba(25, 135, 84, 0.8);   /* Green active state */
    
    --module-games-color: rgba(108, 117, 125, 1);        /* Gray for Security Games */
    --module-games-bg: rgba(108, 117, 125, 0.6);         /* Gray with opacity */
    --module-games-hover: rgba(108, 117, 125, 0.7);      /* Gray hover state */
    --module-games-active: rgba(108, 117, 125, 0.8);     /* Gray active state */
    
    /* Standardized transition for all module interactions */
    --module-transition: var(--transition-base, 250ms ease-in-out);
}

/* Module cards - both dashboard and header styles */
.module-header-card,
.module-assets,
.module-assessments,
.module-risk,
.module-nis2,
.module-supplier,
.module-games {
    transition: var(--module-transition);
}

/* Dashboard module cards - removed colored backgrounds per user request */
/* Cards now use the standard blue hover effect from custom.css */

/* Module header cards - clean and simple per user request */
.module-header-card {
    transition: var(--module-transition);
    /* Removed colored top bars - keeping it clean */
}

/* Only apply special styling to module-header-card when it has a module-specific class */
.module-header-card:not(.asset-management):not(.cia-assessment):not(.assessments-header):not(.risk-management):not(.nis2-compliance):not(.supplier-management):not(.security-games) {
    border-width: 2px;
}

/* Module-specific badges - Consistent opacity pattern */
.badge-nis2-critical {
    background-color: rgba(220, 53, 69, 1); /* Red for critical (highest severity) */
    transition: var(--module-transition);
}

.badge-nis2-high {
    background-color: rgba(13, 110, 253, 0.9); /* Blue for high */
    transition: var(--module-transition);
}

.badge-nis2-medium {
    background-color: rgba(13, 110, 253, 0.7); /* Blue for medium */
    transition: var(--module-transition);
}

.badge-nis2-low {
    background-color: rgba(13, 110, 253, 0.5); /* Blue for low */
    transition: var(--module-transition);
}

/* Assessment item badges - Consistent high opacity for readability */
.badge-nis2-yes {
    background-color: rgba(25, 135, 84, 0.9); /* Green for yes */
    transition: var(--module-transition);
}

.badge-nis2-partial {
    background-color: rgba(255, 193, 7, 0.9); /* Yellow for partial */
    transition: var(--module-transition);
}

.badge-nis2-no {
    background-color: rgba(220, 53, 69, 0.9); /* Red for no */
    transition: var(--module-transition);
}