/* Portrait guardrail: neutralizes legacy Chart Lab mobile rules without touching landscape. */
@media (max-width: 820px) and (orientation: portrait) {
  html:not(.chart-native-landscape) .market-shell .chart-workspace {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
    min-height: max(420px, calc(100dvh - 250px)) !important;
    padding: 0 !important;
  }

  html:not(.chart-native-landscape) .market-shell .chart-stage {
    order: 0 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: max(420px, calc(100dvh - 250px)) !important;
  }

  html:not(.chart-native-landscape) .market-shell .drawing-toolbar.quick-toolbar {
    position: relative !important;
    inset: auto !important;
    order: 0 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 100% !important;
    min-height: 0 !important;
    gap: 3px !important;
    padding: 5px 4px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-top: 0 !important;
    border-right: 1px solid var(--market-border) !important;
    background: #080c12 !important;
  }

  html:not(.chart-native-landscape) .market-shell .drawing-toolbar.quick-toolbar > button {
    flex: 0 0 42px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 3px 1px !important;
  }

  html:not(.chart-native-landscape) .market-shell .drawing-toolbar.quick-toolbar .toolbar-separator {
    flex: 0 0 1px !important;
    width: auto !important;
    height: 1px !important;
    margin: 2px 4px !important;
  }
}

@media (max-width: 430px) and (orientation: portrait) {
  html:not(.chart-native-landscape) .market-shell .chart-workspace {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    min-height: max(400px, calc(100dvh - 246px)) !important;
  }

  html:not(.chart-native-landscape) .market-shell .chart-stage {
    min-height: max(400px, calc(100dvh - 246px)) !important;
  }

  html:not(.chart-native-landscape) .market-shell .drawing-toolbar.quick-toolbar {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    padding-inline: 3px !important;
  }
}

@supports not (height: 100dvh) {
  @media (max-width: 820px) and (orientation: portrait) {
    html:not(.chart-native-landscape) .market-shell .chart-workspace,
    html:not(.chart-native-landscape) .market-shell .chart-stage {
      min-height: max(420px, calc(100vh - 250px)) !important;
    }
  }
}