/* Apps section typography.
   Loaded after shared/viewer.css so it can repoint the engine's hardcoded
   families without forking the shared stylesheet. */

:root {
  --display: 'Manrope', 'Golos Text', system-ui, sans-serif;
  /* Only one display weight ships — pin it so the browser never fakes a bolder cut. */
  --display-weight: 700;
  --text: 'Golos Text', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mono: 'Noto Sans Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

html, body { font-family: var(--text); }

/* Headline voice */
.sidebar-title,
.modal-title,
.modal-eyebrow,
.scene-help-title,
.toast-label,
.intro-label,
.scene-label-name .label-slot,
.action-btn.action-pill {
  font-family: var(--display);
  font-weight: var(--display-weight);
}

/* Technical voice */
.scene-label-meta .label-slot,
.scene-num,
.sidebar-meta,
.nav-tip kbd,
.shortcut-row kbd,
.toast-url {
  font-family: var(--mono);
}

/* Manrope is drawn tight already; the extra negative tracking the engine
   applies to headings doubles up on it. */
.sidebar-title { letter-spacing: 0; }
.scene-label-name .label-slot { letter-spacing: 0; }
.modal-eyebrow { letter-spacing: .14em; }

/* Noto Sans Mono is a wide monospace — one step down keeps the counters
   inside the sidebar gutter. */
.scene-num,
.scene-label-meta .label-slot { font-size: 10px; }

/* External scenes: the tile frames a project that runs on its own domain.
   The arrow announces that before the click and rides inside the thumbnail,
   so no row grows and the name keeps its full width for the ellipsis. */
.scene-item.is-external .scene-thumb::after,
.dock-item.is-external .dock-thumb::after {
  content: '↗';
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 2;
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: rgba(8, 8, 14, .62);
  color: #fff;
  font-family: var(--text);
  font-size: 10px;
  line-height: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: none;
}
/* .scene-thumb is already positioned; the dock thumbnail is not. */
.dock-item.is-external .dock-thumb { position: relative; }