/*
 * The phone terminal page has no header bar of its own (Adam (Adoom666), 2026-10-01: "remove the
 * entire top bar"). While the phone tab strip is mounted (`[data-phone-tabs]`, mounted only below
 * 1024 by `web/src/opscenter/phone-tabs-host.ts`) the page header collapses to nothing: it stays
 * in the document, because `#header-menu-toggle`, its panel and the drawer's controller still live
 * in it, but it takes no space and draws nothing. The strip carries the claw, the bell and the
 * kebab instead, and the kebab presses the header menu's own toggle. The one thing the header
 * still draws is that menu's panel, dropped under the strip at the right edge.
 */
body.ps-phone-tabs .header {
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    box-shadow: none;
    overflow: visible;
}

body.ps-phone-tabs .header .header-row {
    height: 0;
    min-height: 0;
    padding: 0;
    overflow: visible;
}

body.ps-phone-tabs .header .header-row > *,
body.ps-phone-tabs .header .controls > * {
    visibility: hidden;
}

body.ps-phone-tabs .header #header-menu-panel {
    visibility: visible;
    position: fixed;
    top: 48px;
    right: 8px;
}