/* FRA Prop HQ v7.9.54 — global workspace page-header spacing
   Fixes the shared top-of-tab header so text/actions never sit against the divider edge. */

/* Standard header used by Reports, Trade View, Day View, Notebook, Accounts,
   News Room, FRA Score, Membership, Connections and other workspaces. */
.terminal-trial .view > .section-head{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0 0 20px!important;
  padding:22px 24px 24px!important;
  gap:20px!important;
  border:0!important;
  border-bottom:1px solid var(--terminal-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.terminal-trial .view > .section-head > div:first-child{
  min-width:0!important;
}

.terminal-trial .view > .section-head > div:first-child > h2{
  margin-top:0!important;
}

.terminal-trial .view > .section-head > div:first-child > p{
  margin-bottom:0!important;
  max-width:780px!important;
}

.terminal-trial .view > .section-head > .button,
.terminal-trial .view > .section-head > .panel-actions,
.terminal-trial .view > .section-head > .day-picker{
  flex:0 0 auto!important;
}

/* Psychology uses its own page-heading component rather than .section-head. */
.terminal-trial #view-psychology > .psychology-overview-head{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0 0 20px!important;
  padding:22px 24px 24px!important;
  border-bottom:1px solid var(--terminal-line)!important;
}

/* Strategy library uses a separate command header. Keep it flat, but give it
   the same breathing room as the other workspaces. */
.terminal-trial #view-strategies > .strategies-command-head{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0 0 20px!important;
  padding:22px 24px 24px!important;
  border:0!important;
  border-bottom:1px solid var(--terminal-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Owner/admin pages use this heading family. */
.terminal-trial .view > .v75-section-head{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0 0 20px!important;
  padding:22px 24px 24px!important;
  border-bottom:1px solid var(--terminal-line)!important;
}

/* The terminal trial had page-specific section-head padding from earlier
   troubleshooting. Normalise all of them to this shared spacing. */
.terminal-trial #view-trades > .section-head,
.terminal-trial #view-dayview > .section-head,
.terminal-trial #view-guardrails > .section-head{
  padding:22px 24px 24px!important;
}

@container fra-workspace (max-width:700px){
  .terminal-trial .view > .section-head,
  .terminal-trial #view-psychology > .psychology-overview-head,
  .terminal-trial #view-strategies > .strategies-command-head,
  .terminal-trial .view > .v75-section-head,
  .terminal-trial #view-trades > .section-head,
  .terminal-trial #view-dayview > .section-head,
  .terminal-trial #view-guardrails > .section-head{
    padding:18px 16px 20px!important;
  }

  .terminal-trial .view > .section-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:14px!important;
  }

  .terminal-trial .view > .section-head > .button,
  .terminal-trial .view > .section-head > .panel-actions,
  .terminal-trial .view > .section-head > .day-picker{
    width:100%!important;
  }
}