/* ======================================== */
/* Smooth Soft 3D Futuristic MudBlazor Theme */
/* ======================================== */

body.soft3d {
    background-color: #e6f0fa;
    font-family: "Segoe UI", Tahoma, sans-serif;
    color: #111;
}

    /* Panels / Paper */
    body.soft3d .mud-paper,
    body.soft3d .mud-card,
    body.soft3d .mud-expansionpanel {
        background: linear-gradient(to bottom, #ffffff, #d9e4f5);
        border: 1px solid #a0c0e8;
        border-radius: 10px;
        box-shadow: 0 6px 12px rgba(0,0,0,0.2), inset 0 2px 4px rgba(255,255,255,0.5);
    }

    /* AppBar */
    body.soft3d .mud-appbar {
        background: linear-gradient(to bottom, #cfe0f8, #a0c4e8);
        border-bottom: 1px solid #7aa0d0;
        box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    }

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

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

        body.soft3d .mud-button:active {
            background: linear-gradient(to bottom, #80b0e0, #5080c0);
            box-shadow: inset 2px 2px 6px rgba(0,0,0,0.4);
        }

    /* TextFields / Inputs */
    body.soft3d .mud-textfield,
    body.soft3d .mud-select,
    body.soft3d .mud-autocomplete {
        background: linear-gradient(to bottom, #ffffff, #d9e4f5);
        border: 1px solid #5a90c8;
        border-radius: 8px;
        box-shadow: inset 1px 1px 4px rgba(255,255,255,0.7), inset -1px -1px 4px rgba(0,0,0,0.2);
        color: #111;
    }

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

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

    /* Tabs */
    body.soft3d .mud-tabs {
        background: linear-gradient(to bottom, #d9e4f5, #b0d0f0);
        border-bottom: 1px solid #5a90c8;
    }

    body.soft3d .mud-tab {
        background: linear-gradient(to bottom, #ffffff, #c0e0f8);
        border: 1px solid #5a90c8;
        border-bottom: none;
        border-radius: 8px 8px 0 0;
        margin-right: 3px;
    }

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

    /* Sliders / Progress */
    body.soft3d .mud-slider .mud-slider-thumb,
    body.soft3d .mud-progress-linear .mud-progress-bar {
        background: linear-gradient(to bottom, #5a90c8, #3070a0);
        border-radius: 10px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    }

    /* Tables */
    body.soft3d .mud-table th {
        background: linear-gradient(to bottom, #d9e4f5, #b0d0f0);
        border: 1px solid #5a90c8;
    }

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

    /* Expansion Panels Inner */
    body.soft3d .mud-expansionpanel-content {
        background: linear-gradient(to bottom, #f0f8ff, #d9e4f5);
        border-radius: 6px;
    }