/* =========================================================
   wwwroot/css/sheets.css  (BOTTOM SHEET / DRAWERS / BACKDROPS)
   ========================================================= */

.sheet-backdrop,
.bottom-sheet-backdrop,
.modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    z-index: 1000;
}

.bottom-sheet,
.filter-drawer,
.segment-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #121212;
    padding: 16px;
    border-radius: 16px 16px 0 0;
    z-index: 1001;
}

.sheet-handle {
    width: 40px;
    height: 4px;
    background: #555;
    border-radius: 4px;
    margin: 0 auto 8px;
}

.sheet-title {
    text-align: center;
    color: #f8f9fa;
    margin-bottom: 12px;
}