/* SmartCheck status colors shared by PHM and OEE. */
.sc-status-pill {
    border: 1px solid transparent;
}

.sc-status-running {
    color: #0a7a60;
    background-color: #dbffeb;
}

.sc-status-stopped {
    color: #382f47;
    background-color: #eceaed;
}

.sc-status-error {
    color: #ba374e;
    background-color: #ffd2db;
}

.sc-status-offline {
    color: #fff;
    background-color: #666;
}

.sc-status-default {
    color: #37474f;
    background-color: #eceff1;
}

/* Dark mode keeps the semantic accent but removes bright pastel blocks. */
.app-theme-dark .sc-status-running {
    color: #74e8cd;
    background-color: rgba(48, 216, 177, 0.11);
    border-color: rgba(48, 216, 177, 0.28);
}

.app-theme-dark .sc-status-stopped {
    color: #c2c1cd;
    background-color: rgba(146, 146, 159, 0.10);
    border-color: rgba(146, 146, 159, 0.24);
}

.app-theme-dark .sc-status-error {
    color: #ff8aa0;
    background-color: rgba(251, 97, 127, 0.11);
    border-color: rgba(251, 97, 127, 0.30);
}

.app-theme-dark .sc-status-offline,
.app-theme-dark .sc-status-default {
    color: #b8b7c4;
    background-color: rgba(146, 146, 159, 0.09);
    border-color: rgba(146, 146, 159, 0.22);
}

.app-theme-dark .sc-legend-chip {
    border-left-width: 1px;
    border-left-style: solid;
}

.app-theme-dark .sc-legend-error {
    color: #ff8aa0;
    background-color: rgba(251, 97, 127, 0.10);
    border-color: rgba(251, 97, 127, 0.28);
}

.app-theme-dark .sc-legend-ai {
    color: #8eaeff;
    background-color: rgba(73, 131, 251, 0.10);
    border-color: rgba(73, 131, 251, 0.28);
}

.app-theme-dark .sc-legend-pm {
    color: #74e8cd;
    background-color: rgba(48, 216, 177, 0.10);
    border-color: rgba(48, 216, 177, 0.28);
}

.app-theme-dark .sc-legend-alarm {
    color: #d9a0fa;
    background-color: rgba(194, 116, 242, 0.10);
    border-color: rgba(194, 116, 242, 0.28);
}

.app-theme-dark .sc-legend-eff {
    color: #ffbf91;
    background-color: rgba(255, 174, 123, 0.10);
    border-color: rgba(255, 174, 123, 0.28);
}

.app-theme-dark .sc-legend-default {
    color: #b8b7c4;
    background-color: rgba(146, 146, 159, 0.09);
    border-color: rgba(146, 146, 159, 0.22);
}