/* ============================================================================
   Draft Mainframe — Interior destination shell (Phase A)
   Route-scoped: linked by _Layout only when ViewData["InteriorDestination"]
   is set. Every rule is scoped under .dm-interior-page (body class set by
   _Layout alongside dm-home-shell-page, which supplies all tokens from
   control-room.css). No token redefinitions, no homepage module/corridor CSS.
   ========================================================================== */

/* ── Return link — mirrors .dm-position-room-page .dm-page-return ───────── */

.dm-interior-page .dm-page-return {
    padding: 1rem 0.75rem 0;
    margin-bottom: 0;
}

.dm-interior-page .dm-page-return__link {
    color: var(--dm-muted);
    font-family: var(--dm-font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: var(--dm-track-wide);
    text-transform: uppercase;
    text-decoration: none;
}

.dm-interior-page .dm-page-return__link:hover {
    color: var(--dm-orange-hot);
}

/* ── Destination frame ──────────────────────────────────────────────────── */

.dm-interior-page .dm-interior-shell {
    position: relative;
    margin: 0.85rem 0.65rem 1.1rem;
    padding: 0.95rem 0.8rem 1.05rem;
    border-radius: 14px;
    background: linear-gradient(180deg, #1E1C18, var(--dm-panel) 30%, #100F0D);
    box-shadow:
        inset 0 0 0 1px rgb(var(--dm-bone-rgb) / 10%),
        inset 0 1px 0 rgb(var(--dm-bone-rgb) / 8%),
        0 10px 26px rgb(0 0 0 / 55%);
}

.dm-interior-page .dm-interior-head {
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgb(var(--dm-orange-rgb) / 22%);
}

.dm-interior-page .dm-interior-body {
    display: grid;
    gap: 0.75rem;
    padding-top: 0.9rem;
}

/* ── Legacy placeholder-content containment (replaced in Phase B/C) ─────── */

.dm-interior-page .dm-interior-body .placeholder-panel {
    max-width: none;
    border: 1px solid rgb(var(--dm-bone-rgb) / 14%);
    border-radius: 8px;
    background: linear-gradient(180deg, #201E1A, #151412);
}

.dm-interior-page .dm-interior-body .placeholder-panel h2 {
    font-family: var(--dm-font-display);
    font-size: 0.95rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--dm-bone);
}

.dm-interior-page .dm-interior-body .placeholder-panel p {
    color: var(--dm-muted);
    font-size: 0.85rem;
}

/* ── Board route: dock item selected-standby (present, still dormant) ───── */

.dm-interior-page .dm-dock-item.is-selected-standby {
    color: #A9A296;
}

.dm-interior-page .dm-dock-item.is-selected-standby::after {
    content: "";
    position: absolute;
    inset: 2px 3px;
    z-index: -1;
    --cut: 8px;
    clip-path: var(--dm-oct);
    background:
        linear-gradient(180deg, #2E2B26, #1C1A17) padding-box,
        linear-gradient(180deg, #575147, #2A2723) border-box;
    border: 2px solid transparent;
    box-shadow: inset 0 1px 0 rgb(var(--dm-bone-rgb) / 10%);
}

.dm-interior-page .dm-dock-item.is-selected-standby .dm-dock-state {
    color: #A9A296;
}