/* ======================================== */
/* macOS 10 Full Look-Alike for MudBlazor   */
/* ======================================== */

body.macos {
    background-color: #e8e8e8;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
}

    /* Paper / Panels */
    body.macos .mud-paper,
    body.macos .mud-card {
        background: linear-gradient(to bottom, #f9f9f9, #e0e0e0);
        border: 1px solid #c0c0c0;
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    }

    /* AppBar */
    body.macos .mud-appbar {
        background: linear-gradient(to bottom, #f5f5f5, #dcdcdc);
        border-bottom: 1px solid #b0b0b0;
        box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    }

    /* Buttons */
    body.macos .mud-button {
        background: linear-gradient(to bottom, #f0f0f0, #d9d9d9);
        border: 1px solid #b0b0b0;
        border-radius: 6px;
        color: #000;
        font-weight: 500;
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    }

        body.macos .mud-button:hover {
            background: linear-gradient(to bottom, #e8e8e8, #cfcfcf);
            transform: translateY(-1px);
        }

        body.macos .mud-button:active {
            background: linear-gradient(to bottom, #cfcfcf, #b8b8b8);
            box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
        }

    /* TextFields / Inputs */
    body.macos .mud-textfield,
    body.macos .mud-select,
    body.macos .mud-autocomplete {
        background: #ffffff;
        border: 1px solid #b0b0b0;
        border-radius: 6px;
        box-shadow: inset 1px 1px 2px rgba(255,255,255,0.7), inset -1px -1px 2px rgba(0,0,0,0.15);
        color: #000;
    }

        body.macos .mud-textfield.mud-input-focused,
        body.macos .mud-select.mud-input-focused {
            border-color: #7a7a7a;
        }

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

    /* Expansion Panels */
    body.macos .mud-expansionpanel {
        background: linear-gradient(to bottom, #f9f9f9, #e0e0e0);
        border: 1px solid #c0c0c0;
        border-radius: 8px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    }

    /* Tabs */
    body.macos .mud-tabs {
        background-color: #e8e8e8;
        border-bottom: 1px solid #b0b0b0;
    }

    body.macos .mud-tab {
        background-color: #f9f9f9;
        border: 1px solid #c0c0c0;
        border-bottom: none;
        border-radius: 6px 6px 0 0;
        margin-right: 2px;
    }

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

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

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

    body.macos .mud-table th {
        background: linear-gradient(to bottom, #f9f9f9, #e0e0e0);
        border: 1px solid #b0b0b0;
    }

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