/*
 * AMARIN Student Registry V2.0.1
 * Classroom Basic Color UI Refinement
 * UI-only override: neutral classroom cards + semantic male/female/program accents.
 */

/* Basic neutral surface for every classroom card.
   Covers the original room-card markup and enhanced V1.7+ classroom renderer. */
#classroom-summary .classroom-grid > .room-card,
#classroom-summary .classroom-grid > [class*="room-card"],
#classroom-summary [class*="classroom-card"],
#classroom-summary [class*="class-card"],
#classroom-summary [data-classroom-card] {
    --accent: #0f6a43 !important;
    --card-accent: #0f6a43 !important;
    --room-accent: #0f6a43 !important;
    --room-color: #0f6a43 !important;
    --tone: #0f6a43 !important;

    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #dce7e0 !important;
    border-left-color: #dce7e0 !important;
    border-right-color: #dce7e0 !important;
    border-top-color: #dce7e0 !important;
    border-bottom-color: #dce7e0 !important;
    box-shadow: 0 7px 18px rgba(19, 74, 48, .055) !important;
    color: #173d2c !important;
}

/* Remove alternating/tinted card surfaces while keeping the layout intact. */
#classroom-summary .classroom-grid > .room-card:hover,
#classroom-summary .classroom-grid > [class*="room-card"]:hover,
#classroom-summary [class*="classroom-card"]:hover,
#classroom-summary [class*="class-card"]:hover,
#classroom-summary [data-classroom-card]:hover {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #bcd5c6 !important;
    box-shadow: 0 11px 26px rgba(17, 91, 56, .10) !important;
    transform: translateY(-2px);
}

/* Room name and total use the AMARIN base green instead of rotating card tones. */
#classroom-summary .room-name,
#classroom-summary [class*="room-name"],
#classroom-summary [class*="class-name"] {
    color: #174b38 !important;
}

#classroom-summary .room-total,
#classroom-summary [class*="room-total"],
#classroom-summary [class*="class-total"],
#classroom-summary [class*="total-box"] {
    color: #0f6a43 !important;
    background: #f3f8f5 !important;
    background-image: none !important;
    border-color: #d6e5dc !important;
    box-shadow: none !important;
}

/* Standard detail action: one consistent green treatment. */
#classroom-summary [class*="detail"] {
    color: #0f6a43 !important;
    background: #edf7f1 !important;
    background-image: none !important;
    border-color: #cfe4d7 !important;
    box-shadow: none !important;
}

/* Program meaning remains semantic, not decorative.
   NORMAL = soft green/neutral, MEP = soft violet. */
#classroom-summary .normal,
#classroom-summary [class*="normal"],
#classroom-summary [data-program="NORMAL"] {
    background: #edf7f1 !important;
    color: #26734f !important;
    border-color: #cfe6d8 !important;
}
#classroom-summary .mep,
#classroom-summary [class*="mep"],
#classroom-summary [data-program="MEP"] {
    background: #f2efff !important;
    color: #6652a5 !important;
    border-color: #ddd5ff !important;
}

/* Preserve semantic gender colors and make them consistent. */
#classroom-summary [class*="male"],
#classroom-summary [data-gender="male"] {
    background: #f1f6ff !important;
    color: #3b68b8 !important;
    border-color: #ccdcf7 !important;
}
#classroom-summary [class*="female"],
#classroom-summary [data-gender="female"] {
    background: #fff2f7 !important;
    color: #c34d7b !important;
    border-color: #f1ccdb !important;
}

/* Original V2 room statistics use neutral cells. */
#classroom-summary .room-stats > div {
    background: #f7faf8 !important;
    border: 1px solid #edf2ef;
}
#classroom-summary .room-stats b {
    color: #285d49 !important;
}

/* Keep classroom footer calm and legible. */
#classroom-summary .room-foot,
#classroom-summary [class*="teacher"] {
    color: #7c9085 !important;
}

/* Responsive behaviour is unchanged; only visual tone is replaced. */


/* =========================================================
   V2.0.1.1 — Runtime card normalizer
   The enhanced dashboard may use dynamic/inline card classes.
   JS adds .sr-basic-room-card to the real classroom cards.
   ========================================================= */
#classroom-summary .sr-basic-room-card,
.sr-basic-room-card {
    --accent: #0f6a43 !important;
    --tone: #0f6a43 !important;
    --card-color: #0f6a43 !important;
    --card-bg: #ffffff !important;
    --room-accent: #0f6a43 !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #d9e5de !important;
    border-top: 1px solid #d9e5de !important;
    border-right: 1px solid #d9e5de !important;
    border-bottom: 1px solid #d9e5de !important;
    border-left: 1px solid #d9e5de !important;
    box-shadow: 0 6px 16px rgba(19, 74, 48, .055) !important;
    color: #173d2c !important;
    overflow: hidden;
}

#classroom-summary .sr-basic-room-card::before,
#classroom-summary .sr-basic-room-card::after,
.sr-basic-room-card::before,
.sr-basic-room-card::after {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#classroom-summary .sr-basic-room-card:hover,
.sr-basic-room-card:hover {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #b8d2c3 !important;
    box-shadow: 0 10px 24px rgba(17, 91, 56, .10) !important;
    transform: translateY(-2px);
}

.sr-basic-room-card .sr-basic-total {
    background: #f2f8f4 !important;
    background-image: none !important;
    color: #0f6a43 !important;
    border: 1px solid #cfe1d7 !important;
    box-shadow: none !important;
}

.sr-basic-room-card .sr-basic-detail {
    background: #edf7f1 !important;
    background-image: none !important;
    color: #0f6a43 !important;
    border: 1px solid #cfe4d7 !important;
    box-shadow: none !important;
}

.sr-basic-room-card .sr-basic-detail:hover {
    background: #e3f2e9 !important;
    border-color: #afd2bd !important;
}

.sr-basic-room-card .sr-basic-male {
    background: #f2f6ff !important;
    color: #3c69bb !important;
    border-color: #ccdafa !important;
}

.sr-basic-room-card .sr-basic-female {
    background: #fff2f7 !important;
    color: #c34d7b !important;
    border-color: #f1ccdb !important;
}

.sr-basic-room-card .sr-basic-normal {
    background: #edf7f1 !important;
    color: #26734f !important;
    border-color: #cfe6d8 !important;
}

.sr-basic-room-card .sr-basic-mep {
    background: #f2efff !important;
    color: #6652a5 !important;
    border-color: #ddd5ff !important;
}

/* Hide decorative coloured edge strips generated by enhanced card themes. */
.sr-basic-room-card > [aria-hidden="true"]:empty,
.sr-basic-room-card > .accent,
.sr-basic-room-card > [class*="accent-line"],
.sr-basic-room-card > [class*="color-line"],
.sr-basic-room-card > [class*="side-line"] {
    background: #d9e5de !important;
    background-image: none !important;
}


/* V2.0.1.2 — Neutralize large tinted child layers inside detected room cards. */
.sr-basic-room-card {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border-color: #d9e5de !important;
}
.sr-basic-room-card > * {
    --accent: #0f6a43 !important;
    --tone: #0f6a43 !important;
}
.sr-basic-room-card .sr-basic-total {
    background: #f3f8f5 !important;
    color: #0f6a43 !important;
    border-color: #cfe1d7 !important;
}
.sr-basic-room-card .sr-basic-detail {
    background: #edf7f1 !important;
    color: #0f6a43 !important;
    border-color: #cfe4d7 !important;
}
.sr-basic-room-card .sr-basic-male {
    background: #f2f6ff !important;
    color: #3c69bb !important;
    border-color: #ccdafa !important;
}
.sr-basic-room-card .sr-basic-female {
    background: #fff2f7 !important;
    color: #c34d7b !important;
    border-color: #f1ccdb !important;
}
.sr-basic-room-card .sr-basic-normal {
    background: #edf7f1 !important;
    color: #26734f !important;
    border-color: #cfe6d8 !important;
}
.sr-basic-room-card .sr-basic-mep {
    background: #f2efff !important;
    color: #6652a5 !important;
    border-color: #ddd5ff !important;
}