/* Long-press action sheet. Bottom-anchored, safe-area aware, white like the rest of
   MODE! — a menu is a surface, not another glass layer. */

html.mtv-viewer-open,
html.mtv-viewer-open body { overflow: hidden !important; }

.mtv-sheet {
    position: fixed;
    inset: 0;
    z-index: 4400;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: rgba(5, 12, 20, .45);
    opacity: 0;
    transition: opacity .18s ease;
    -webkit-tap-highlight-color: transparent;
}
.mtv-sheet.is-open { opacity: 1; }

.mtv-sheet__panel {
    width: 100%;
    max-width: 520px;
    max-height: 88vh;
    overflow-y: auto;
    background: #fff;
    color: var(--mtv-navy, #004574);
    border-radius: 22px 22px 0 0;
    padding: 6px 0 calc(env(safe-area-inset-bottom, 0px) + 10px);
    transform: translate3d(0, 100%, 0);
    transition: transform .28s cubic-bezier(.22, .68, 0, 1);
    box-shadow: 0 -18px 60px rgba(9, 34, 56, .22);
}
.mtv-sheet.is-open .mtv-sheet__panel { transform: none; }
.mtv-sheet.is-dragging .mtv-sheet__panel { transition: none; }

.mtv-sheet__grip {
    width: 38px;
    height: 4px;
    border-radius: 999px;
    background: rgba(0, 69, 116, .18);
    margin: 8px auto 6px;
}
.mtv-sheet__title {
    margin: 2px 22px 6px;
    font: 700 11.5px/1.4 var(--mtv-font-ui, inherit);
    letter-spacing: .05em;
    text-transform: uppercase;
    color: rgba(0, 69, 116, .55);
}

.mtv-sheet__row {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 14px 22px;
    border: 0;
    background: none;
    font: 600 16px/1.3 var(--mtv-font-ui, inherit);
    color: var(--mtv-navy, #004574);
    text-align: left;
    cursor: pointer;
}
.mtv-sheet__row:active { background: rgba(0, 69, 116, .06); }
.mtv-sheet__row svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.mtv-sheet__row--danger { color: var(--mtv-magenta, #d81e5b); }
.mtv-sheet__row--muted { color: rgba(0, 69, 116, .62); }

.mtv-sheet__cancel {
    margin: 8px 14px 0;
    width: calc(100% - 28px);
    justify-content: center;
    border-radius: 14px;
    background: rgba(0, 69, 116, .07);
}

.mtv-sheet__report {
    display: none;
    flex-direction: column;
    gap: 10px;
    padding: 2px 22px 14px;
}
.mtv-sheet__report.is-on { display: flex; }
.mtv-sheet__report select,
.mtv-sheet__report input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid rgba(0, 69, 116, .2);
    border-radius: 12px;
    background: #fff;
    color: var(--mtv-navy, #004574);
    font: 500 16px/1.3 var(--mtv-font-ui, inherit);
}
.mtv-sheet__send {
    border: 0;
    border-radius: 12px;
    padding: 13px 16px;
    background: var(--mtv-magenta, #d81e5b);
    color: #fff;
    font: 700 15px/1.2 var(--mtv-font-ui, inherit);
    cursor: pointer;
}
.mtv-sheet__send[disabled] { opacity: .6; }
.mtv-sheet__note { margin: 0; color: rgba(0, 69, 116, .6); font: 500 12.5px/1.5 var(--mtv-font-ui, inherit); }

:root[data-theme="dark"] .mtv-sheet__panel { background: #101c28; color: #e8eef4; }
:root[data-theme="dark"] .mtv-sheet__title { color: rgba(232, 238, 244, .55); }
:root[data-theme="dark"] .mtv-sheet__row { color: #e8eef4; }
:root[data-theme="dark"] .mtv-sheet__row:active { background: rgba(255, 255, 255, .06); }
:root[data-theme="dark"] .mtv-sheet__cancel { background: rgba(255, 255, 255, .08); }
:root[data-theme="dark"] .mtv-sheet__report select,
:root[data-theme="dark"] .mtv-sheet__report input { background: #16232f; border-color: rgba(255, 255, 255, .16); color: #e8eef4; }
:root[data-theme="dark"] .mtv-sheet__note { color: rgba(232, 238, 244, .6); }
:root[data-theme="dark"] .mtv-sheet__grip { background: rgba(255, 255, 255, .2); }

@media (prefers-reduced-motion: reduce) {
    .mtv-sheet,
    .mtv-sheet__panel { transition: none; }
}