@import url('/assets/admin-dashboard-mobile.css?v=1');

/* Keep every right-side operational drawer pinned to the full browser viewport. */
body:has(dialog.tracking-dialog[open]),
body:has(dialog[class*="drawer"][open]) {
    overflow: hidden !important;
}

dialog.tracking-dialog,
dialog[class*="drawer"] {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    box-sizing: border-box !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: none !important;
    max-block-size: none !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
}

dialog.tracking-dialog[open] {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
}

dialog.tracking-dialog .tracking-dialog-body,
dialog[class*="drawer"] > form,
dialog[class*="drawer"] > .ops-drawer-body {
    min-height: 0 !important;
}

dialog[class*="drawer"][open] {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
}

/* The desktop portal uses zoom: .75 on <main>. Dialogs remain inside that
   subtree, so a normal 100dvh drawer is visually reduced to 75% height.
   Compensate only on scaled desktop layouts: 133.333% × .75 = 100%. */
@media screen and (min-width: 981px) {
    dialog.tracking-dialog,
    dialog[class*="drawer"] {
        height: 133.333333vh !important;
        height: 133.333333dvh !important;
        min-height: 133.333333vh !important;
        min-height: 133.333333dvh !important;
    }
}