/* ======================================== */
/* Windows 98 Full Look-Alike for MudBlazor */
/* ======================================== */

body.win98 {
    background-color: #008080; /* teal desktop background */
    font-family: "MS Sans Serif", Geneva, sans-serif;
    color: #000;
}

    /* Paper / Panels */
    body.win98 .mud-paper,
    body.win98 .mud-card {
        background-color: #c0c0c0;
        border: 2px solid #ffffff;
        box-shadow: 2px 2px 0 #808080, -2px -2px 0 #ffffff;
    }

    /* AppBar */
    body.win98 .mud-appbar {
        background-color: #c0c0c0;
        border-bottom: 2px solid #ffffff;
        box-shadow: 2px 2px 0 #808080;
    }

    /* Buttons */
    body.win98 .mud-button {
        background-color: #c0c0c0;
        border: 2px solid #ffffff;
        color: #000;
        font-weight: bold;
        box-shadow: 2px 2px 0 #808080, -2px -2px 0 #ffffff;
    }

        body.win98 .mud-button:hover {
            background-color: #d0d0d0;
        }

        body.win98 .mud-button:active {
            box-shadow: inset 2px 2px 0 #808080, inset -2px -2px 0 #ffffff;
        }

    /* TextFields / Inputs */
    body.win98 .mud-textfield,
    body.win98 .mud-select,
    body.win98 .mud-autocomplete {
        background-color: #ffffff;
        border: 2px solid #808080;
        color: #000;
        box-shadow: none;
    }

    /* Checkboxes / Switches */
    body.win98 .mud-checkbox .mud-ripple,
    body.win98 .mud-switch .mud-ripple {
        box-shadow: none;
    }

    /* Expansion Panels */
    body.win98 .mud-expansionpanel {
        background-color: #c0c0c0;
        border: 2px solid #ffffff;
        box-shadow: 2px 2px 0 #808080, -2px -2px 0 #ffffff;
    }

    /* Tabs */
    body.win98 .mud-tabs {
        background-color: #c0c0c0;
        border-bottom: 2px solid #ffffff;
    }

    body.win98 .mud-tab {
        background-color: #c0c0c0;
        border: 2px solid #ffffff;
        border-bottom: none;
        margin-right: 2px;
        box-shadow: 2px 2px 0 #808080, -2px -2px 0 #ffffff;
    }

        body.win98 .mud-tab.mud-tab-active {
            background-color: #ffffff;
            border-color: #808080;
        }

    /* Sliders / Progress */
    body.win98 .mud-slider .mud-slider-thumb,
    body.win98 .mud-progress-linear .mud-progress-bar {
        background-color: #808080;
    }

    /* Table headers / rows */
    body.win98 .mud-table .mud-table-container {
        border: 2px solid #ffffff;
    }

    body.win98 .mud-table th {
        background-color: #c0c0c0;
        border: 2px solid #ffffff;
    }

    body.win98 .mud-table td {
        background-color: #ffffff;
        border: 2px solid #808080;
    }