* ======================================== */
/* Windows XP Full Look-Alike for MudBlazor */
/* ======================================== */
body.winxp {
    background-color: #0078d7;
    font-family: "Tahoma", Geneva, sans-serif;
    color: #000;
}

/* Paper / Panels */
body.winxp .mud-paper,
body.winxp .mud-card {
    background: linear-gradient(to bottom, #e0f0ff, #c0e0ff);
    border: 1px solid #5b9bd5;
    border-radius: 3px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

/* AppBar */
body.winxp .mud-appbar {
    background: linear-gradient(to bottom, #c0d8f0, #7ba9e0);
    border-bottom: 1px solid #3a70b2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Buttons */
body.winxp .mud-button {
    background: linear-gradient(to bottom, #dce6f2, #a8c4e4);
    border: 1px solid #3a70b2;
    border-radius: 3px;
    color: #000;
    font-weight: bold;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

    body.winxp .mud-button:hover {
        background: linear-gradient(to bottom, #b8d4f0, #80b0e0);
        transform: translateY(-1px);
    }

    body.winxp .mud-button:active {
        background: linear-gradient(to bottom, #80b0e0, #5a90c0);
        box-shadow: inset 2px 2px 4px rgba(0,0,0,0.4);
    }

/* TextFields / Inputs */
body.winxp .mud-textfield,
body.winxp .mud-select,
body.winxp .mud-autocomplete {
    background: #ffffff;
    border: 1px solid #3a70b2;
    border-radius: 2px;
    box-shadow: inset 1px 1px 2px rgba(255,255,255,0.6), inset -1px -1px 2px rgba(0,0,0,0.2);
    color: #000;
}

    body.winxp .mud-textfield.mud-input-focused,
    body.winxp .mud-select.mud-input-focused {
        border-color: #104e91;
    }

/* Checkboxes / Switches */
body.winxp .mud-checkbox .mud-ripple,
body.winxp .mud-switch .mud-ripple {
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* Expansion Panels */
body.winxp .mud-expansionpanel {
    background: linear-gradient(to bottom, #e0f0ff, #c0e0ff);
    border: 1px solid #5b9bd5;
    border-radius: 3px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

/* Tabs */
body.winxp .mud-tabs {
    background-color: #c0d8f0;
    border-bottom: 1px solid #3a70b2;
}

body.winxp .mud-tab {
    background-color: #e0f0ff;
    border: 1px solid #5b9bd5;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    margin-right: 2px;
}

    body.winxp .mud-tab.mud-tab-active {
        background-color: #ffffff;
    }

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

/* Table headers / rows */
body.winxp .mud-table .mud-table-container {
    border: 1px solid #5b9bd5;
}

body.winxp .mud-table th {
    background: linear-gradient(to bottom, #e0f0ff, #c0e0ff);
    border: 1px solid #3a70b2;
}

body.winxp .mud-table td {
    border: 1px solid #5b9bd5;
    background-color: #ffffff;
}