﻿/* ── MudBlazor paper: flat warm border + corner notch marks ── */

.mud-paper.mud-elevation-1,
.mud-paper.mud-elevation-2,
.mud-paper.mud-elevation-3 {
    box-shadow: none;
    border: 1px solid #e0dbd3;
    position: relative;
}

/* Don't apply border/position/notch marks to popover, dialog, or picker surfaces */
.mud-popover .mud-paper,
.mud-overlay .mud-paper,
.mud-dialog .mud-paper,
.mud-picker .mud-paper {
    border: none;
    position: static;
}

.mud-popover .mud-paper::before,
.mud-overlay .mud-paper::before,
.mud-dialog .mud-paper::before,
.mud-picker .mud-paper::before {
    display: none;
}

    .mud-paper.mud-elevation-1::before,
    .mud-paper.mud-elevation-2::before,
    .mud-paper.mud-elevation-3::before {
        content: '';
        position: absolute;
        inset: 8px;
        pointer-events: none;
        z-index: 1;
        background:
        /* top-left */
        linear-gradient(rgba(200,191,179,0.45), rgba(200,191,179,0.45)) 0 0 / 12px 1.5px no-repeat, linear-gradient(rgba(200,191,179,0.45), rgba(200,191,179,0.45)) 0 0 / 1.5px 12px no-repeat,
        /* top-right */
        linear-gradient(rgba(200,191,179,0.45), rgba(200,191,179,0.45)) 100% 0 / 12px 1.5px no-repeat, linear-gradient(rgba(200,191,179,0.45), rgba(200,191,179,0.45)) 100% 0 / 1.5px 12px no-repeat,
        /* bottom-left */
        linear-gradient(rgba(200,191,179,0.45), rgba(200,191,179,0.45)) 0 100% / 12px 1.5px no-repeat, linear-gradient(rgba(200,191,179,0.45), rgba(200,191,179,0.45)) 0 100% / 1.5px 12px no-repeat,
        /* bottom-right */
        linear-gradient(rgba(200,191,179,0.45), rgba(200,191,179,0.45)) 100% 100% / 12px 1.5px no-repeat, linear-gradient(rgba(200,191,179,0.45), rgba(200,191,179,0.45)) 100% 100% / 1.5px 12px no-repeat;
        border-radius: 2px;
    }
