/*
 * Installed desktop display fit.
 * This layer only activates when pitstrike-desktop-display-fit.js detects the Tauri shell
 * and a constrained viewport, TV-like 1080p panel, or high Windows display scaling.
 */

html.pitstrike-desktop-shell {
  --pitstrike-desktop-safe-bottom: 6px;
}

html.pitstrike-display-fit {
  --header-height: 48px;
  --topnav-height: 48px;
  --topnav-control-h: 30px;
  --topnav-padding-x: 10px;
  --topnav-font-size: 11px;
  --app-shell-header-h: 48px;
  --dock-height: min(30vh, 230px);
  --dock-header-height: 30px;
  --dock-story-card-w: 128px;
  --dock-geo-card-w: 128px;
  --dock-news-card-w: 136px;
}

html.pitstrike-display-constrained-height {
  --dock-height: min(24vh, 186px);
  --dock-intel-max-h: min(22vh, 166px);
}

html.pitstrike-display-fit body {
  font-size: 12px;
}

html.pitstrike-display-fit .app-top-bar__tier--primary.main-nav-row {
  min-height: var(--topnav-height);
  padding: 4px 10px;
  gap: 7px;
  overflow: hidden;
}

html.pitstrike-display-fit .app-top-bar__zone--identity {
  flex: 0 1 min(198px, 14vw);
  min-width: 118px;
  max-width: min(198px, 14vw);
  gap: 7px;
  overflow: hidden;
}

html.pitstrike-display-fit .main-nav__brand-lockup {
  gap: 7px;
}

html.pitstrike-display-fit .main-nav__logo-link,
html.pitstrike-display-fit .main-nav__logo-img {
  width: 30px;
  height: 30px;
  border-radius: 8px;
}

html.pitstrike-display-fit .main-nav__brand-title {
  font-size: 13px;
}

html.pitstrike-display-fit .main-nav__brand-tagline {
  max-width: 118px;
  font-size: 8px;
  letter-spacing: 0.08em;
  line-height: 1.1;
}

html.pitstrike-display-fit .main-nav__brand-cluster .header-version-link {
  min-height: 24px;
  height: 24px;
  padding: 2px 7px;
  font-size: 10px;
}

html.pitstrike-display-fit .pitstrike-env-badge--in-identity {
  transform: scale(0.92);
  transform-origin: center;
}

html.pitstrike-display-fit .pitstrike-runtime-device-strip {
  max-width: 88px;
  font-size: 9px;
}

html.pitstrike-display-tv-safe .pitstrike-runtime-device-strip,
html.pitstrike-display-constrained-height .pitstrike-runtime-device-strip {
  display: none !important;
}

html.pitstrike-display-fit .app-top-bar__zone--telemetry {
  display: none !important;
}

html.pitstrike-display-fit .app-top-bar .kpi-rail--in-header .kpi-rail__inner {
  min-height: 36px;
  max-height: 42px;
}

html.pitstrike-display-fit .app-top-bar .kpi-rail--in-header .kpi {
  min-width: 54px;
  min-height: 36px;
  padding: 3px 8px;
}

html.pitstrike-display-fit .app-top-bar .kpi-rail--in-header .kpi__value {
  font-size: 12px;
}

html.pitstrike-display-fit .app-top-bar .kpi-rail--in-header .kpi__label {
  font-size: 8px;
  line-height: 1.05;
}

html.pitstrike-display-fit .app-top-bar .kpi-rail--in-header .kpi__spark-wrap,
html.pitstrike-display-fit .app-top-bar .kpi-rail--in-header .kpi__spark-wrap canvas {
  width: 28px !important;
  height: 12px !important;
}

html.pitstrike-display-fit .app-top-bar__zone--command {
  flex: 1.35 1 0;
  min-width: 0;
  overflow: hidden;
}

html.pitstrike-display-fit .pitstrike-command-group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 3px 6px;
  border-radius: 10px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

html.pitstrike-display-fit .pitstrike-command-group .pitstrike-command-palette-trigger,
html.pitstrike-display-fit .ux-nav__action-btn,
html.pitstrike-display-fit .command-side-panel-toggle,
html.pitstrike-display-fit .pitstrike-shell-actions-panel__summary,
html.pitstrike-display-fit .ai-meter,
html.pitstrike-display-fit .pitstrike-in-app-notify__summary,
html.pitstrike-display-fit .main-nav__system-health-summary {
  min-height: var(--topnav-control-h);
  height: var(--topnav-control-h);
  padding-left: 9px;
  padding-right: 9px;
  font-size: 11px;
  border-radius: 8px;
}

html.pitstrike-display-fit .pitstrike-command-group .pitstrike-command-palette-trigger {
  flex: 0 1 184px !important;
  min-width: 112px !important;
  max-width: 184px !important;
}

html.pitstrike-display-fit .pitstrike-command-group .pitstrike-topnav-px-cluster {
  flex: 0 0 150px !important;
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 150px !important;
  overflow: visible;
}

html.pitstrike-display-fit .pitstrike-command-group .pitstrike-topnav-cta-wrap,
html.pitstrike-display-fit .pitstrike-command-group .pitstrike-topnav-connect,
html.pitstrike-display-fit .pitstrike-command-group .pitstrike-topnav-setup,
html.pitstrike-display-fit .pitstrike-command-group .pitstrike-topnav-disconnect {
  flex: 0 0 auto;
  width: 132px !important;
  max-width: 132px !important;
  min-width: 0 !important;
}

html.pitstrike-display-fit .pitstrike-command-group #nav-command {
  flex: 0 0 76px !important;
  width: 76px !important;
  max-width: 76px !important;
  min-width: 76px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.pitstrike-display-fit .pitstrike-command-group #command-side-panel-toggle {
  flex: 0 0 60px !important;
  width: 60px !important;
  max-width: 60px !important;
  min-width: 60px !important;
  overflow: hidden;
}

html.pitstrike-display-fit .pitstrike-command-group .pitstrike-topnav-desktop-download,
html.pitstrike-display-fit .pitstrike-command-group .pitstrike-shell-actions-panel {
  display: none !important;
}

html.pitstrike-display-fit .pitstrike-command-palette-trigger__hint {
  margin-right: 4px;
}

html.pitstrike-display-fit .pitstrike-command-palette-trigger__label {
  max-width: 118px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.pitstrike-desktop-shell .pitstrike-topnav-desktop-download {
  display: none !important;
}

html.pitstrike-display-fit #pitstrike-shell-actions-panel {
  display: none !important;
}

html.pitstrike-display-fit #nav-debug-toggle {
  display: none !important;
}

html.pitstrike-display-fit .app-top-bar__zone--status {
  flex: 0 1 auto;
  min-width: 0;
  gap: 6px;
  padding-left: 8px;
  overflow: hidden;
}

html.pitstrike-display-fit .topnav__utilities .ux-nav {
  gap: 5px;
}

html.pitstrike-display-fit .topnav__utilities #mobile-workspace-nav-toggle,
html.pitstrike-display-fit .topnav__utilities #mobile-rail-toggle,
html.pitstrike-display-fit .topnav__utilities #nav-debug-toggle,
html.pitstrike-display-fit .topnav__utilities .ai-meter {
  display: none !important;
}

html.pitstrike-display-fit .topnav-actions__label,
html.pitstrike-display-fit .main-nav__health-label {
  max-width: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.pitstrike-display-fit .main-content {
  padding: 6px;
  gap: 6px;
}

html.pitstrike-display-constrained-height .main-content {
  padding: 4px 6px;
}

html.pitstrike-display-fit .app-sidebar {
  padding: 7px 6px;
}

html.pitstrike-display-fit .app-sidebar__toggle {
  width: 34px;
  height: 34px;
  border-radius: 8px;
}

html.pitstrike-display-fit .app-nav-item {
  min-height: 34px;
  margin-bottom: 3px;
  border-radius: 8px;
}

html.pitstrike-display-fit .command-rail {
  width: clamp(252px, 16vw, 300px);
  padding: 8px;
  gap: 7px;
}

html.pitstrike-display-fit .command-rail .rail-section {
  padding: 8px;
  gap: 5px;
  border-radius: 8px;
}

html.pitstrike-display-fit .command-rail .chart-tool-btn.rail-tool-tile {
  min-height: 38px;
  border-radius: 8px;
}

html.pitstrike-display-fit #bottom-dock {
  max-height: var(--dock-height) !important;
  flex: 0 1 auto;
}

html.pitstrike-display-fit #bottom-dock.bottom-dock--user-height {
  height: min(var(--dock-height), 30vh) !important;
  max-height: var(--dock-height) !important;
}

html.pitstrike-display-constrained-height #bottom-dock.bottom-dock--user-height {
  height: min(var(--dock-height), 186px) !important;
}

html.pitstrike-display-fit #bottom-dock .bottom-dock__resize-row {
  height: 10px;
  min-height: 10px;
}

html.pitstrike-display-fit #bottom-dock .dock-body {
  max-height: calc(var(--dock-height) - var(--dock-intel-occupied, 88px));
}

html.pitstrike-display-fit .dock-intelligence {
  max-height: var(--dock-intel-max-h, min(26vh, 198px));
  padding: 4px 6px 3px;
  gap: 3px;
}

html.pitstrike-display-fit .dock-intel-head-stack {
  gap: 4px;
  margin-bottom: 4px;
}

html.pitstrike-display-fit .dock-intel-head {
  gap: 6px;
}

html.pitstrike-display-fit .dock-intel-feed-toggles {
  gap: 4px 6px;
  padding: 2px 2px 5px;
}

html.pitstrike-display-fit .dock-intel-feed-toggle,
html.pitstrike-display-fit .dock-intel-refresh-btn,
html.pitstrike-display-fit .dock-intel-popout-btn,
html.pitstrike-display-fit .dock-intel-ai-hub-btn,
html.pitstrike-display-fit .dock-intel-settings-btn,
html.pitstrike-display-fit .dock-intel-preset-btn {
  padding: 3px 8px;
  font-size: 9px;
}

html.pitstrike-display-fit .dock-intel-feed-meta,
html.pitstrike-display-fit .dock-hub-desk-meters {
  font-size: 8px;
  line-height: 1.25;
}

html.pitstrike-display-fit .dock-intel-rails.dock-intel-rails--stacked {
  gap: 6px;
}

html.pitstrike-display-fit .dock-story-strip,
html.pitstrike-display-fit .dock-ticker-strip,
html.pitstrike-display-fit .dock-geopolitics-strip,
html.pitstrike-display-fit .dock-news-strip {
  max-width: 100%;
  overflow: hidden;
  contain: paint;
}

html.pitstrike-display-fit .dock-story-track,
html.pitstrike-display-fit .dock-ticker-track,
html.pitstrike-display-fit .dock-geo-track,
html.pitstrike-display-fit .dock-news-track {
  will-change: transform;
  contain: paint;
}

html.pitstrike-display-fit .dock-story-card,
html.pitstrike-display-fit .dock-geo-card,
html.pitstrike-display-fit .dock-news-card {
  min-height: 46px;
  padding: 3px 5px;
}

html.pitstrike-display-fit .chart-toolbar,
html.pitstrike-display-fit .chart-decision-tier--primary {
  gap: 6px;
}

html.pitstrike-display-fit #layer2-cockpit.layer2:not(.pitstrike-cockpit--mobile) {
  grid-template-columns:
    minmax(0, min(var(--pitstrike-layout-left-px, 0px), 360px))
    minmax(520px, 1fr)
    minmax(54px, min(var(--pitstrike-layout-right-px, 260px), 260px)) !important;
  gap: 7px;
}

html.pitstrike-display-fit #layer2-cockpit[data-pitstrike-left='expanded'].layer2:not(.pitstrike-cockpit--mobile) {
  grid-template-columns:
    minmax(240px, min(var(--pitstrike-layout-left-px, 320px), 360px))
    minmax(520px, 1fr)
    minmax(54px, min(var(--pitstrike-layout-right-px, 260px), 260px)) !important;
}

html.pitstrike-display-fit .cockpit-right-dock__surface {
  overflow: hidden;
}

@media (max-width: 1700px), (max-height: 900px) {
  html.pitstrike-desktop-shell {
    --topnav-height: 44px;
    --topnav-control-h: 28px;
    --dock-height: min(22vh, 168px);
    --dock-intel-max-h: min(20vh, 150px);
  }

  html.pitstrike-desktop-shell .main-nav__brand-tagline,
  html.pitstrike-desktop-shell .pitstrike-runtime-device-strip,
  html.pitstrike-desktop-shell .main-nav__status-copy,
  html.pitstrike-desktop-shell .topnav-actions__label {
    display: none !important;
  }

  html.pitstrike-desktop-shell .app-top-bar__zone--identity {
    flex-basis: 132px;
    max-width: 132px;
  }

  html.pitstrike-desktop-shell .pitstrike-command-group .pitstrike-command-palette-trigger {
    flex-basis: 150px;
    min-width: 118px;
    max-width: 180px;
  }

  html.pitstrike-desktop-shell .ux-nav__action-btn,
  html.pitstrike-desktop-shell .command-side-panel-toggle,
  html.pitstrike-desktop-shell .main-nav__system-health-summary,
  html.pitstrike-desktop-shell .pitstrike-in-app-notify__summary {
    padding-left: 8px;
    padding-right: 8px;
    max-width: 132px;
  }

  html.pitstrike-desktop-shell #layer2-cockpit.layer2:not(.pitstrike-cockpit--mobile),
  html.pitstrike-desktop-shell #layer2-cockpit[data-pitstrike-left='expanded'].layer2:not(.pitstrike-cockpit--mobile) {
    grid-template-columns:
      minmax(212px, min(var(--pitstrike-layout-left-px, 300px), 340px))
      minmax(460px, 1fr)
      minmax(52px, min(var(--pitstrike-layout-right-px, 220px), 220px)) !important;
  }
}

@media (max-width: 1500px) {
  html.pitstrike-desktop-shell .main-nav__brand-title,
  html.pitstrike-desktop-shell #nav-debug-toggle,
  html.pitstrike-desktop-shell #command-side-panel-toggle {
    display: none !important;
  }

  html.pitstrike-desktop-shell .app-top-bar__zone--identity {
    flex-basis: 76px;
    min-width: 76px;
    max-width: 76px;
  }

  html.pitstrike-desktop-shell .pitstrike-command-group .pitstrike-command-palette-trigger {
    max-width: 132px;
  }

  html.pitstrike-desktop-shell .cockpit-right-dock__surface,
  html.pitstrike-desktop-shell .cockpit-right-dock__resize-grip {
    display: none !important;
  }

  html.pitstrike-desktop-shell #layer2-cockpit.layer2:not(.pitstrike-cockpit--mobile),
  html.pitstrike-desktop-shell #layer2-cockpit[data-pitstrike-left='expanded'].layer2:not(.pitstrike-cockpit--mobile) {
    grid-template-columns:
      minmax(196px, min(var(--pitstrike-layout-left-px, 280px), 320px))
      minmax(420px, 1fr)
      48px !important;
  }
}

@media (max-width: 880px) {
  html.pitstrike-desktop-shell .app-top-bar__zone--command {
    display: none !important;
  }

  html.pitstrike-desktop-shell .app-top-bar__zone--identity {
    flex: 0 0 96px;
    min-width: 96px;
    max-width: 96px;
  }

  html.pitstrike-desktop-shell .app-top-bar__zone--status {
    flex: 1 1 auto;
    justify-content: flex-end;
  }
}

@media (max-height: 860px) and (min-width: 1180px) {
  html.pitstrike-desktop-shell {
    --dock-height: min(22vh, 168px);
    --dock-intel-max-h: min(20vh, 150px);
  }

  html.pitstrike-desktop-shell .dock-intel-feed-meta--stories,
  html.pitstrike-desktop-shell .dock-intel-meta-block {
    display: none !important;
  }
}