/* RUNDA V1 INLINE DESKTOP LAYOUT - 2026-05-14
   This file only overrides presentation for the desktop inline RUNDA V1 shell.
   Keep tier rules, REST wiring, uploads, modals, and planner logic in their existing files. */

@media (min-width: 821px) {
  body.runda-v1-inline-desktop-mode {
    overflow: auto;
  }

  body.runda-v1-inline-desktop-mode.runda-v1-modal-open {
    overflow: auto;
  }

  body.runda-v1-inline-desktop-mode.runda-explore-manager-open,
  body.runda-v1-inline-desktop-mode.runda-addspace-manager-open,
  body.runda-v1-inline-desktop-mode.scout-modal-open {
    overflow: hidden;
  }

  body.runda-v1-inline-desktop-mode .site-shell {
    width: 100%;
    margin: 0 auto 14px;
  }

  body.runda-v1-inline-desktop-mode .shell-header {
    margin-bottom: 0;
  }

  body.runda-v1-inline-desktop-mode .content-panel {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #000000;
    box-shadow: none;
  }

  body.runda-v1-inline-desktop-mode .admin-hub-stage,
  body.runda-v1-inline-desktop-mode .dashboard-account-page {
    display: none !important;
  }

  .runda-v1-modal--inline-desktop {
    position: relative;
    inset: auto;
    z-index: 20;
    display: block !important;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #000000;
  }

  .runda-v1-modal--inline-desktop .runda-v1-modal__backdrop,
  .runda-v1-modal--inline-desktop .runda-v1-modal__close {
    display: none !important;
  }

  .runda-v1-modal--inline-desktop .runda-v1-modal__panel {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    transform-origin: center top;
    width: 100%;
    height: max(720px, calc(100dvh - 220px));
    min-height: 720px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #000000;
    box-shadow: none;
  }

  .runda-v1-modal--inline-desktop .runda-v1-layout {
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: 0;
  }

  .runda-v1-modal--inline-desktop:not(.workspace-mode-explore) .runda-v1-shell {
    border: 0;
    border-radius: 0;
    background: #000000;
    padding: clamp(8px, 0.7vw, 10px);
  }

  .runda-v1-modal--inline-desktop .runda-v1-shell--canvas {
    padding: 0;
  }

  .runda-v1-modal--inline-desktop .runda-v1-shell--workspace {
    --runda-v1-workspace-inline-padding: clamp(8px, 0.65vw, 10px);
    width: calc(var(--runda-v1-workspace-chip-row-width, 222px) + var(--runda-v1-workspace-inline-padding) + var(--runda-v1-workspace-inline-padding)) !important;
    max-width: calc(var(--runda-v1-workspace-chip-row-width, 222px) + var(--runda-v1-workspace-inline-padding) + var(--runda-v1-workspace-inline-padding)) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    padding: clamp(8px, 0.65vw, 10px);
  }

  .runda-v1-modal--inline-desktop .runda-v1-canvas-wrap {
    border: 0;
    border-radius: 0;
    background: #000000;
  }

  .runda-v1-modal--inline-desktop .runda-v1-new-route-fab {
    left: 16px;
    top: auto;
    bottom: 16px;
  }

  .runda-v1-modal--inline-desktop .runda-v1-workspace-top {
    background: #000000;
  }

  /* Snapshot 1: Desktop Shell Balance */
  .runda-v1-modal--inline-desktop .runda-v1-chip-row {
    gap: 6px;
  }

  .runda-v1-modal--inline-desktop .runda-v1-chip {
    min-height: 36px;
    border-radius: 10px;
    font-size: 0.68rem;
    letter-spacing: 0.1em;
  }

  .runda-v1-modal--inline-desktop .runda-v1-pane {
    padding-right: 4px;
  }

  .runda-v1-modal--inline-desktop .runda-v1-source-list {
    gap: 8px;
  }

  .runda-v1-modal--inline-desktop .runda-v1-source-card {
    gap: 8px;
    padding: 8px;
    border-color: rgba(9, 125, 65, 0.55);
  }

  .runda-v1-modal--inline-desktop .runda-v1-source-card__summary,
  .runda-v1-modal--inline-desktop .runda-v1-source-card__open-surface {
    gap: 8px;
  }

  .runda-v1-modal--inline-desktop .runda-v1-source-card__preview-map,
  .runda-v1-modal--inline-desktop .runda-v1-source-card__preview-placeholder {
    height: clamp(82px, 8.4vh, 104px);
  }

  /* Source-card module host polish: match the planner left-rail panel treatment. */
  .runda-v1-modal--inline-desktop .runda-v1-module-host {
    gap: 6px;
  }

  .runda-v1-modal--inline-desktop .runda-v1-module-host .module-pane,
  .runda-v1-modal--inline-desktop .runda-v1-module-host .module-collapsible {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
  }

  .runda-v1-modal--inline-desktop .runda-v1-module-host .module-collapsible > summary {
    min-height: 52px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    background: #0a0a0a;
    color: #fff7ef;
    box-shadow: none;
  }

  .runda-v1-modal--inline-desktop .runda-v1-module-host .module-collapsible[open] > summary {
    margin-bottom: 6px;
  }

  .runda-v1-modal--inline-desktop .runda-v1-module-host .module-collapsible > summary h2 {
    font-size: 0.92rem;
    line-height: 1;
    letter-spacing: 0.055em;
  }
}

@media (min-width: 1500px) {
  .runda-v1-modal--inline-desktop .runda-v1-modal__panel {
    height: max(760px, calc(100dvh - 220px));
  }
}