/* ======================================== */
/* Windows Vista Full 3D Glass Look for MudBlazor */
/* ======================================== */

body.vista {
    background-color: #dce6f2;
    font-family: "Segoe UI", Tahoma, sans-serif;
    color: #000;
}

    /* Panels / Paper */
    body.vista .mud-paper,
    body.vista .mud-card,
    body.vista .mud-expansionpanel {
        background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(220,230,242,0.9));
        border: 1px solid rgba(180,200,220,0.8);
        border-radius: 6px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.25);
        backdrop-filter: blur(6px);
    }

    /* AppBar */
    body.vista .mud-appbar {
        background: linear-gradient(to bottom, rgba(180,200,220,0.9), rgba(150,180,210,0.9));
        border-bottom: 1px solid rgba(100,140,180,0.8);
        box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    }

    /* Buttons */
    body.vista .mud-button {
        background: linear-gradient(to bottom, #f0f8ff, #a0c4e8);
        border: 1px solid #5a8cc8;
        border-radius: 6px;
        color: #000;
        font-weight: 600;
        box-shadow: 0 3px 6px rgba(0,0,0,0.3), inset 0 1px 2px rgba(255,255,255,0.5);
        transition: all 0.15s ease-in-out;
    }

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

        body.vista .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.vista .mud-textfield,
    body.vista .mud-select,
    body.vista .mud-autocomplete {
        background: linear-gradient(to bottom, #ffffff, #dce6f2);
        border: 1px solid #5a8cc8;
        border-radius: 6px;
        box-shadow: inset 1px 1px 3px rgba(255,255,255,0.7), inset -1px -1px 3px rgba(0,0,0,0.2);
        color: #000;
    }

        body.vista .mud-textfield.mud-input-focused,
        body.vista .mud-select.mud-input-focused {
            border-color: #3a70b2;
        }

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

    /* Tabs */
    body.vista .mud-tabs {
        background: linear-gradient(to bottom, #e0efff, #c0d4eb);
        border-bottom: 1px solid #5a8cc8;
    }

    body.vista .mud-tab {
        background: linear-gradient(to bottom, #f0f8ff, #d0e4f2);
        border: 1px solid #5a8cc8;
        border-bottom: none;
        border-radius: 6px 6px 0 0;
        margin-right: 2px;
    }

        body.vista .mud-tab.mud-tab-active {
            background: linear-gradient(to bottom, #ffffff, #c0e0f0);
        }

    /* Sliders / Progress */
    body.vista .mud-slider .mud-slider-thumb,
    body.vista .mud-progress-linear .mud-progress-bar {
        background: linear-gradient(to bottom, #a0c4e8, #5a8cc8);
        border-radius: 6px;
    }

    /* Tables */
    body.vista .mud-table th {
        background: linear-gradient(to bottom, #e0efff, #c0d4eb);
        border: 1px solid #5a8cc8;
    }

    body.vista .mud-table td {
        background-color: #ffffff;
        border: 1px solid #c0d4eb;
    }