/* ==UserStyle==
@name           semsportal.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Custom dark theme styling for GoodWe SEMS Portal
@author         shiftgeist
@license        MIT
@downloadURL none
==/UserStyle== */
@-moz-document url-prefix("https://www.semsportal.com/powerstation/PowerStatusSnMin/") {
    /* DARK THEME */
    body {
        background: #181a1b;
    }

    .station-title, h5 {
        color: #beb8b0 !important;
    }

    .station-detail,
    .key-api,
    .info-right:has(> .goodwe-station-charts),
    .dash-board,
    .weather-item {
        /* color of filter invert */
        background: #1e1e1e;
    }

    .dash-board p {
        padding-top: 5px;
        background: rgba(0, 0, 0, 0.1) !important;
    }

    .station-detail li {
        color: white;
    }

    canvas {
        filter: invert(0.75) brightness(1.5) contrast(3);
    }

    /* RESET */
    .kpi-item {
        box-shadow: none;
    }

    div:has(> .el-carousel) {
        display: none;
    }

    .dashboard-con {
        margin-left: 0;
    }
}