/** @format */

/**
 * IP.css - Intellectual Property Shared Styles
 * 
 * Shared CSS classes used by both Report and Leaderboard modes.
 * Contains recognition tier styles, table styling classes, and common UI elements.
 * 
 * Load order: After constants.css
 */

/* ── Recognition Tier Styles ──────────────────────────────────────────────── */

.dark {
    background-color: var(--rpp-dark);
    color: var(--bg-light);
}

.Gold,
[anchor="Gold"] {
    background-color: var(--rpp-gold) !important;
    color: black !important;
    text-align: center;
}

.Silver,
[anchor="Silver"] {
    background-color: var(--rpp-silver) !important;
    color: black !important;
    text-align: center;
}

.Bronze,
[anchor="Bronze"] {
    background-color: var(--rpp-bronze) !important;
    color: black !important;
    text-align: center;
}

.Developer,
[anchor="Developer"] {
    background-color: var(--rpp-developer) !important;
    color: black !important;
    text-align: center;
}

/* ── Recognition Category Styles ──────────────────────────────────────────── */

.Medals {
    background-color: #00b050 !important;
    color: white !important;
    text-align: center;
}

.YellowCards {
    background-color: #ffff00 !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    text-align: center;
}

.CPD {
    background-color: #073763 !important;
    color: #fff !important;
    text-align: center;
}

.OrgValues {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    text-align: center;
}

[data-recognition-key="Medal"] {
    background-color: var(--rpp-recognition-medal-bg);
    color: var(--rpp-recognition-medal-color);
    text-align: center;
}

[data-recognition-key="Yellow Card"] {
    background-color: var(--rpp-recognition-yellowcard-bg);
    color: var(--rpp-recognition-yellowcard-color);
    text-align: center;
}

[data-recognition-key="Training"] {
    background-color: var(--rpp-recognition-training-bg);
    color: var(--rpp-recognition-training-color);
    text-align: center;
}

[data-recognition-key="Values"] {
    background-color: var(--rpp-recognition-values-bg);
    color: var(--rpp-recognition-values-color);
    border: 1px solid var(--rpp-recognition-values-border);
    text-align: center;
}

/* ── Table Styling Classes ────────────────────────────────────────────────── */

.TeamData {
    background-color: #f7f7ff;
    color: black;
    border: 1px solid #000000;
}

.CurrentWeek {
    background-color: #577399;
    color: white;
    border: 1px solid #000000;
}

.CurrentMonth {
    background-color: #495867;
    color: white;
    border: 1px solid #000000;
}

.LegendInfo {
    background-color: #192125;
    color: white;
    border: 1px solid white;
}

/* ── Border Utilities ──────────────────────────────────────────────────────── */

.WhiteBorder {
    border: 1px solid #ffff;
}

.BlackBorder {
    border: 1px solid black;
}

/* ── Performance Metrics Conditional Formatting ────────────────────────────── */

/* Month-over-month comparison: Improved from previous month */
.ImprovedCell {
    background-color: var(--bs-success) !important;
    color: var(--bs-light) !important;
    font-weight: bold;
}

/* Month-over-month comparison: Declined from previous month */
.DeclinedCell {
    background-color: var(--bs-danger) !important;
    color: var(--bs-light) !important;
    font-weight: bold;
}

/* Month-over-month comparison: Same as previous month */
.SameCell {
    background-color: var(--bs-light);
    color: var(--bs-dark);
}

/* Trend columns: Positive trend (direction-aware) */
.PositiveTrend {
    background-color: var(--bs-success) !important;
    color: var(--bs-light) !important;
    font-weight: bold;
}

/* Trend columns: Negative trend (direction-aware) */
.NegativeTrend {
    background-color: var(--bs-danger) !important;
    color: var(--bs-light) !important;
    font-weight: bold;
}