/* FRA Prop HQ v7.9.53 — workspace-width responsive fix
   The desktop sidebar consumes 258px, so viewport media queries are not enough.
   These rules respond to the actual .main-content width with CSS container queries. */

.terminal-trial .main-content{
  min-width:0!important;
  max-width:none!important;
  container-name:fra-workspace;
  container-type:inline-size;
  overflow-x:visible!important;
}

.terminal-trial .view,
.terminal-trial .view.active{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

.terminal-trial .view > *,
.terminal-trial .section-head,
.terminal-trial .panel,
.terminal-trial .layout-main,
.terminal-trial .side-stack,
.terminal-trial .two-col,
.terminal-trial .three-col{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Do not hide an oversized child as a substitute for making it fit. */
.terminal-trial #view-trades,
.terminal-trial #view-dayview,
.terminal-trial #view-guardrails,
.terminal-trial #view-psychology{
  overflow:visible!important;
}

/* Keep page-heading copy away from the workspace edges. */
.terminal-trial #view-trades > .section-head,
.terminal-trial #view-dayview > .section-head,
.terminal-trial #view-guardrails > .section-head{
  padding-left:22px!important;
  padding-right:22px!important;
}

/* Base containment before container breakpoints kick in. */
.terminal-trial #view-trades .trade-workspace-v619,
.terminal-trial #view-trades .trade-browser-v619,
.terminal-trial #view-trades .trade-case-v619,
.terminal-trial #view-dayview .day-layout,
.terminal-trial #view-dayview .day-layout > *,
.terminal-trial #view-guardrails .guardrail-hero,
.terminal-trial #view-guardrails .guardrail-layout,
.terminal-trial #view-guardrails .guardrail-score-grid,
.terminal-trial #view-guardrails .guardrail-rule-form,
.terminal-trial #view-psychology .psychology-overview-head,
.terminal-trial #view-psychology .psychology-overview-grid,
.terminal-trial #view-psychology .psychology-tool-card{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

.terminal-trial #view-trades .trade-workspace-v619{width:100%!important}
.terminal-trial #view-trades .trade-browser-search-v619,
.terminal-trial #view-trades .trade-filter-row-v619,
.terminal-trial #view-trades .trade-decision-list-v619{width:100%!important;min-width:0!important;max-width:100%!important}
.terminal-trial #view-trades .trade-decision-v619 > *{min-width:0!important}

.terminal-trial #view-dayview .day-picker{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
.terminal-trial #view-dayview .day-trade-card{width:100%!important;min-width:0!important;max-width:100%!important}

.terminal-trial #view-guardrails .guardrail-hero-copy,
.terminal-trial #view-guardrails .guardrail-state-card,
.terminal-trial #view-guardrails .guardrail-toolbar,
.terminal-trial #view-guardrails .guardrail-score-card,
.terminal-trial #view-guardrails .guardrail-rule-form,
.terminal-trial #view-guardrails .guardrail-rule-note{
  min-width:0!important;
  max-width:100%!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
.terminal-trial #view-guardrails .guardrail-hero-copy,
.terminal-trial #view-guardrails .guardrail-state-card{
  background:var(--terminal-panel)!important;
  background-image:none!important;
}

.terminal-trial #view-psychology{width:100%!important;max-width:100%!important}
.terminal-trial #view-psychology .psychology-workspace-tabs{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;border-radius:6px!important;box-shadow:none!important}
.terminal-trial #view-psychology .psychology-overview-status{min-width:0!important;max-width:100%!important;white-space:normal!important;border-radius:6px!important}
.terminal-trial #view-psychology .psychology-tool-card{width:100%!important;overflow:hidden!important;border-radius:6px!important;box-shadow:none!important;background:var(--terminal-panel)!important;background-image:none!important}
.terminal-trial #view-psychology .psychology-tool-card p,
.terminal-trial #view-psychology .psychology-overview-head p,
.terminal-trial #view-psychology .psychology-overview-head h2{max-width:100%!important;overflow-wrap:anywhere!important}

/* Actual workspace width <= 1120px: reduce wide desktop compositions. */
@container fra-workspace (max-width:1120px){
  .terminal-trial #view-trades .trade-workspace-v619{
    grid-template-columns:minmax(260px,310px) minmax(0,1fr)!important;
  }
  .terminal-trial #view-trades .trade-browser-v619{padding:20px 18px!important}
  .terminal-trial #view-trades .trade-case-v619{padding:24px 18px 0!important}

  .terminal-trial #view-dayview .day-layout{grid-template-columns:1fr!important}

  .terminal-trial #view-guardrails .guardrail-layout{grid-template-columns:1fr!important}
  .terminal-trial #view-guardrails .guardrail-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .terminal-trial #view-guardrails .guardrail-score-card.score{grid-column:span 2!important}

  .terminal-trial #view-psychology .psychology-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Actual workspace width <= 900px: turn the split trading views into one-column workspaces. */
@container fra-workspace (max-width:900px){
  .terminal-trial #view-trades .trade-page-head-v619{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  .terminal-trial #view-trades .trade-page-head-v619 .panel-actions{width:100%!important}
  .terminal-trial #view-trades .trade-workspace-v619{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;border-top:1px solid var(--terminal-line)!important}
  .terminal-trial #view-trades .trade-browser-v619{width:100%!important;padding:20px 18px!important;border-right:0!important;border-bottom:1px solid var(--terminal-line)!important}
  .terminal-trial #view-trades .trade-decision-list-v619{max-height:420px!important;min-height:0!important}
  .terminal-trial #view-trades .trade-case-v619{width:100%!important;padding:24px 18px 0!important;border-top:0!important}
  .terminal-trial #view-trades .trade-case-header-v619{grid-template-columns:1fr!important;gap:14px!important}
  .terminal-trial #view-trades .trade-result-v619{text-align:left!important}

  .terminal-trial #view-dayview .day-view-head{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  .terminal-trial #view-dayview .day-picker{width:100%!important}
  .terminal-trial #view-dayview .day-picker .control{min-width:0!important;flex:1 1 180px!important}
  .terminal-trial #view-dayview .day-layout{grid-template-columns:1fr!important}
  .terminal-trial #view-dayview .day-mindset-strip{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}

  .terminal-trial #view-guardrails .guardrail-hero,
  .terminal-trial #view-guardrails .guardrail-layout{grid-template-columns:1fr!important}
  .terminal-trial #view-guardrails .guardrail-toolbar{align-items:stretch!important;flex-direction:column!important}
  .terminal-trial #view-guardrails .guardrail-toolbar-left,
  .terminal-trial #view-guardrails .guardrail-toolbar-right{width:100%!important;min-width:0!important}
  .terminal-trial #view-guardrails .guardrail-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .terminal-trial #view-guardrails .guardrail-score-card.score{grid-column:1/-1!important}
  .terminal-trial #view-guardrails .guardrail-rule-form{grid-template-columns:1fr!important}

  .terminal-trial #view-psychology .psychology-overview-head{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  .terminal-trial #view-psychology .psychology-overview-grid{grid-template-columns:1fr!important}
}

/* Actual workspace width <= 620px: compact controls and list rows. */
@container fra-workspace (max-width:620px){
  .terminal-trial #view-trades > .section-head,
  .terminal-trial #view-dayview > .section-head,
  .terminal-trial #view-guardrails > .section-head{padding-left:14px!important;padding-right:14px!important}

  .terminal-trial #view-trades .trade-browser-v619,
  .terminal-trial #view-trades .trade-case-v619{padding-left:14px!important;padding-right:14px!important}
  .terminal-trial #view-trades .trade-decision-v619{grid-template-columns:48px minmax(0,1fr)!important;padding-left:8px!important;padding-right:8px!important}
  .terminal-trial #view-trades .trade-decision-result-v619{grid-column:2!important;text-align:left!important;padding-left:0!important}

  .terminal-trial #view-guardrails .guardrail-score-grid{grid-template-columns:1fr!important}
  .terminal-trial #view-guardrails .guardrail-score-card.score{grid-column:auto!important}

  .terminal-trial #view-psychology .psychology-overview-head h2{font-size:clamp(25px,8cqw,34px)!important;line-height:1.05!important}
  .terminal-trial #view-psychology .psychology-tool-card{padding:20px!important}
}