/* space-face-phone:start - @neura/ui space-face-phone 1.3.0 (neura_id/web packages/ui/src/space-face-phone).
   VENDORED byte for byte by Neura Build and Neura Zone (and Neura Space after the freeze); never edit a vendored copy,
   change it here and re-vendor (each product pins the sha256).
   Owner decision 2026-10-17 (phones): Space's viewport guard ("needs a bigger screen") is not shown and Space's own
   dormant phone tab row is switched on (neura-space-platform src/desktop/desktop.css <= 700 px): the Neura logo gives
   its room, the tabs stay Space's text tabs - one line, uppercase 10 px, .5 px tracking, 10/5 px padding - and the row
   scrolls inside the bar, never the page; the bar sits 12 px from the edges, 52 px tall, padding 6/10, no gap, and the
   Neura shell lockup starts the row (no divider: the logo it separates is not drawn on a phone). Rules of Neura Build
   !232 (980-chrome p02:phone-tabs + 985-product, phone part), scoped to html[data-space-face-phone] (set by
   space-face-phone.js).
   1.1.0 (owner's 375 tour, 2026-10-18): Space's command bar (gear, drawer, bell, workspace) is pinned under the top bar
   on every space - Space's own Planner rule (planner.css, top 70 px) for Home and Desk too, where it sat in the page
   below the 70vh map (y ~ 1180 at 375) and floated mid-screen when a panel locked the page; Home and the Desk folders
   start below it, and the panels that hang from the bar (drawer, workspace menu, --panel-top) open under it; the
   product switcher opens over it. The Desk folders show ONE peek card each (fanned 4 px apart on a 150 px folder, a
   tap on a card hit its neighbour).
   1.2.0: a folder whose peeks are separate entries (Zone's Studio tools: Board, Orchestrator, Terminals - the only way to
   open those windows) sets data-peeks="tools" on the .df-folder or its .df-previews and keeps every card, side by side
   at equal widths (each centre takes its own tap) instead of one.
   1.3.0: the tab row shows whole tabs only - after a choice it starts at a tab's own left edge (space-face-phone.js),
   never mid-word (HOME was cut to "ME" and its centre fell outside the row at 360) - and the side where more tabs wait
   fades out (data-sfp-more="start|end|both").
   A product that keeps Space's guard for desktop windows (Neura Space itself: its guard stops only on phones) sets
   <html data-space-face-phone-guard="keep"> and gets the phone row alone. */
html[data-space-face-phone]:not([data-space-face-phone-guard="keep"]) .vp-guard {
  display: none !important;
}
/* phones only from here: wider windows keep each product's own bar rules */
@media (max-width: 700px) {
  html[data-space-face-phone] .control-nav {
    gap: 0;
    top: 12px;
    left: 12px;
    right: 12px;
    height: 52px;
    padding: 6px 10px;
  }
  html[data-space-face-phone] .control-nav .logo-mark {
    display: none;
  }
  html[data-space-face-phone] .control-nav .nav-tabs {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100%;
  }
  html[data-space-face-phone] .control-nav .nav-tabs[data-sfp-more="end"] {
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 18px), transparent);
    mask-image: linear-gradient(to right, #000 calc(100% - 18px), transparent);
  }
  html[data-space-face-phone] .control-nav .nav-tabs[data-sfp-more="start"] {
    -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 10px), transparent);
    mask-image: linear-gradient(to left, #000 calc(100% - 10px), transparent);
  }
  html[data-space-face-phone] .control-nav .nav-tabs[data-sfp-more="both"] {
    -webkit-mask-image: linear-gradient(
      to right,
      transparent,
      #000 10px,
      #000 calc(100% - 18px),
      transparent
    );
    mask-image: linear-gradient(
      to right,
      transparent,
      #000 10px,
      #000 calc(100% - 18px),
      transparent
    );
  }
  html[data-space-face-phone] .control-nav .nav-tab:not([hidden]):not(.nav-tab--off) {
    flex: 0 0 auto;
    padding: 10px 5px;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-indent: 0.5px;
  }
  html[data-space-face-phone] .control-nav .nsp-lockup {
    margin-left: 0;
    flex: 0 0 auto;
  }
  html[data-space-face-phone] .control-nav .nsp-lockup .ns-divider {
    display: none;
  }
  html[data-space-face-phone] {
    --panel-top: 128px;
  }
  html[data-space-face-phone] .command-bar {
    position: fixed;
    top: 70px;
    left: 12px;
    right: 12px;
    bottom: auto;
    width: auto;
    margin: 0;
    z-index: 1150;
    flex-wrap: nowrap;
  }
  html[data-space-face-phone] .command-bar .cmd-actions {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 50px;
    max-width: 100%;
    padding: 0 8px;
  }
  html[data-space-face-phone] body:is([data-space="focus"], [data-space="desk"]) .dashboard {
    padding-top: 132px;
  }
  html[data-space-face-phone] .desk-folder-scene {
    top: 132px;
  }
  html[data-space-face-phone] .desk-folder-scene .df-previews {
    justify-content: center;
  }
  html[data-space-face-phone]
    .desk-folder-scene
    .df-folder:not([data-peeks="tools"])
    .df-previews:not([data-peeks="tools"])
    > .df-peek
    ~ .df-peek {
    display: none;
  }
  html[data-space-face-phone] .desk-folder-scene .df-previews > .df-peek {
    width: 56%;
    margin-left: 0;
  }
  html[data-space-face-phone]
    .desk-folder-scene
    :is(.df-folder[data-peeks="tools"] .df-previews, .df-previews[data-peeks="tools"]) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 4px;
  }
  html[data-space-face-phone]
    .desk-folder-scene
    :is(.df-folder[data-peeks="tools"] .df-previews, .df-previews[data-peeks="tools"])
    > .df-peek {
    position: relative;
    left: auto;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin: 0;
    transform: none;
  }
  html[data-space-face-phone] .world-menu {
    top: 128px !important;
    max-height: calc(100dvh - 140px);
  }
  html[data-space-face-phone] .wl-panel {
    top: 128px;
  }
  html[data-space-face-phone] .neura-shell .ns-scrim {
    z-index: 1151;
  }
  html[data-space-face-phone] .neura-shell .ns-menu {
    z-index: 1160;
  }
}
/* space-face-phone:end */