/* Workspace sections respond to their available space, including enlarged text. */
body[data-page="intelligence"] #main { max-width: 1800px; }
.intelligence-page { container-type: inline-size; container-name: trading-workspace; }
.intelligence-title > div { min-width: 0; }
.intelligence-title :is(h1,p,.eyebrow) { overflow-wrap: anywhere; }
.intelligence-title > div > p { max-width: 75ch; }
.intelligence-toolbar { position: static; border: 1px solid #e1e6ec; border-radius: 12px; padding: 16px; gap: 14px 24px; background: #fff; box-shadow: 0 4px 14px #14243b08; }
.intelligence-controls { min-width: 0; flex: 1 1 24rem; gap: 16px; }
.intelligence-controls > label { flex: 1 1 12rem; max-width: 18rem; min-width: 0; }
.intelligence-controls > div { min-width: 0; }
.workspace-coin-select, .workspace-coin-select select { width: 100%; min-width: 0; }
.intelligence-actions { flex: 0 1 auto; flex-wrap: wrap; gap: 8px; min-width: 0; }
.intelligence-actions button { white-space: nowrap; }
.intelligence-windows { width: fit-content; max-width: 100%; }
.intelligence-windows button { min-width: 0; flex: 1; white-space: nowrap; padding: 10px 12px; }
.intelligence-update { margin: 14px 0 18px; }
.intelligence-update > span { min-width: 0; overflow-wrap: anywhere; }

/* Default to a full-width timeline; use a side column only when charts have room. */
body:not(.workspace-focus) .workspace-overview { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; }
body:not(.workspace-focus) .workspace-overview > :is(.intelligence-metrics,.workspace-pulse,.workspace-flow) { grid-column: 1; margin: 0; }
body:not(.workspace-focus) .workspace-overview .intelligence-metrics { grid-row: 1; }
body:not(.workspace-focus) .workspace-overview .workspace-pulse { grid-row: 2; }
body:not(.workspace-focus) .workspace-overview .workspace-flow { grid-row: 3; }
body:not(.workspace-focus) .workspace-overview .intelligence-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
body:not(.workspace-focus) :is(.workspace-pulse,.workspace-flow) { container-type: inline-size; container-name: trading-summary; padding: 22px; }
body:not(.workspace-focus) .workspace-section-heading { margin-bottom: 18px; }
body:not(.workspace-focus) .workspace-section-heading h2 { font-size: var(--text-title); }
body:not(.workspace-focus) :is(.workspace-pulse-grid,.workspace-flow-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
body:not(.workspace-focus) :is(.workspace-pulse-grid,.workspace-flow-grid) > div { padding: 14px; background: #f6f8fa; border: 1px solid #e8ecf0; border-radius: 9px; display: flex; flex-direction: column; align-items: flex-start; }
body:not(.workspace-focus) :is(.workspace-pulse-grid,.workspace-flow-grid) span { font-size: var(--text-small); }
body:not(.workspace-focus) :is(.workspace-pulse-grid,.workspace-flow-grid) strong { font-size: 1.65rem; margin: 8px 0; }
body:not(.workspace-focus) :is(.workspace-pulse-grid,.workspace-flow-grid) small { line-height: 1.6; }
body:not(.workspace-focus) .workspace-live-grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
.workspace-timeline { container-type: inline-size; container-name: trading-timeline; }
body:not(.workspace-focus) .workspace-timeline .intelligence-histories { grid-template-columns: minmax(0,1fr); gap: 18px; }
body:not(.workspace-focus) .workspace-timeline .intelligence-history { padding: 22px; }
body:not(.workspace-focus) .workspace-timeline .intelligence-chart-wrap { height: 230px; }
body:not(.workspace-focus) .workspace-timeline h2 { font-size: var(--text-title); }
body:not(.workspace-focus) .workspace-alerts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
body:not(.workspace-focus) .workspace-alerts .intelligence-panel { margin-bottom: 0; padding: 22px; }
body:not(.workspace-focus) .workspace-alerts h2 { font-size: var(--text-title); }
.intelligence-page :is(.workspace-section-heading,.intelligence-panel-heading) > div { min-width: 0; }
.intelligence-page :is(.workspace-section-heading,.intelligence-panel-heading) :is(p,h2) { overflow-wrap: anywhere; }
.intelligence-page .table-scroll { max-width: 100%; }
body.workspace-focus .intelligence-toolbar { position: sticky; top: 0; padding: 4px 12px; }
body.workspace-focus :is(.risk-flow,.related-links) { display: none; }

@container trading-workspace (min-width: 64rem) {
  body:not(.workspace-focus) .workspace-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:not(.workspace-focus) .workspace-overview .intelligence-metrics { grid-column: 1/-1; grid-row: 1; }
  body:not(.workspace-focus) .workspace-overview .workspace-pulse { grid-column: 1; grid-row: 2; }
  body:not(.workspace-focus) .workspace-overview .workspace-flow { grid-column: 2; grid-row: 2; }
}
@container trading-workspace (max-width: 58rem) {
  .intelligence-toolbar, body.workspace-focus .intelligence-toolbar { position: static; }
  .intelligence-controls { flex-basis: 100%; }
  .intelligence-actions { width: 100%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
  .intelligence-actions button { width: 100%; white-space: normal; padding: 10px 8px; }
  body:not(.workspace-focus) .workspace-overview .intelligence-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:not(.workspace-focus) .intelligence-metric:last-child { grid-column: 1/-1; }
}
@container trading-workspace (max-width: 38rem) {
  .intelligence-controls { display: grid; grid-template-columns: minmax(0,1fr); width: 100%; }
  .intelligence-controls > label { width: 100%; max-width: none; }
  .intelligence-windows { width: 100%; }
  .intelligence-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:not(.workspace-focus) .workspace-overview .intelligence-metrics { grid-template-columns: minmax(0,1fr); }
  body:not(.workspace-focus) .workspace-alerts { grid-template-columns: minmax(0,1fr); }
  body:not(.workspace-focus) :is(.workspace-pulse,.workspace-flow,.workspace-timeline .intelligence-history,.workspace-alerts .intelligence-panel) { padding: 18px; }
}
@container trading-workspace (min-width: 96rem) {
  body:not(.workspace-focus) .workspace-live-grid { grid-template-columns: minmax(0,1fr) 20rem; }
  body:not(.workspace-focus) .workspace-alerts { grid-template-columns: minmax(0,1fr); }
}
@container trading-summary (min-width: 43rem) {
  body:not(.workspace-focus) :is(.workspace-pulse-grid,.workspace-flow-grid) { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@container trading-summary (max-width: 21rem) {
  body:not(.workspace-focus) :is(.workspace-pulse-grid,.workspace-flow-grid) { grid-template-columns: minmax(0,1fr); }
}
@container trading-timeline (min-width: 52rem) {
  body:not(.workspace-focus) .workspace-timeline .intelligence-histories { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:not(.workspace-focus) .workspace-liquidation-history { grid-column: 1/-1; }
}
@container trading-timeline (max-width: 52rem) {
  body:not(.workspace-focus) .workspace-liquidation-history { grid-column: auto; }
}
/* Let shared headers and footer wrap naturally on this workspace page. */
body[data-page="intelligence"] :is(.topbar,.footer,.footer-links,.offer-strip) { flex-wrap: wrap; }
body[data-page="intelligence"] .topbar :is(.breadcrumbs,.topbar-right) { min-width: 0; }
body[data-page="intelligence"] .footer-links { min-width: 0; }
body[data-page="intelligence"] .offer-strip .button { max-width: 100%; white-space: normal; }

@container trading-workspace (max-width: 18rem) {
  .intelligence-windows { flex-direction: column; }
  .intelligence-windows button { border-right: 0; border-bottom: 1px solid #d9d9d9; }
  .intelligence-windows button:last-child { border-bottom: 0; }
}
body.workspace-focus .intelligence-update { margin: 0 0 8px; }