/* Reuse the Opportunity workspace's existing theme and typography. */
#signalsWorkspace .fo-controls {display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-bottom:12px;min-width:0;}
#signalsWorkspace .fo-controls label {display:flex;align-items:center;gap:8px;font-size:12px;}
#signalsWorkspace .fo-controls select {font:inherit;min-height:40px;border:1px solid var(--op-line);border-radius:8px;padding:6px 12px;}
#signalsWorkspace .fo-controls p {flex:1 1 240px;font-size:11px;line-height:1.6;color:var(--op-muted);margin:0;}
#signalsWorkspace[data-hold-mode="forecast"] .ob-layout>#signalGrid.signal-grid {grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:14px;}
#signalsWorkspace .fo-card {gap:12px!important;}
#signalsWorkspace .fo-card header {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
#signalsWorkspace .fo-card header>div {display:grid;gap:5px;min-width:0;}
#signalsWorkspace .fo-card header small,#signalsWorkspace .fo-clock {font-size:11px;color:var(--op-muted);line-height:1.5;margin:0;overflow-wrap:anywhere;}
#signalsWorkspace .fo-direction {border:1px solid var(--op-line);border-radius:6px;padding:5px 8px;font-size:11px;max-width:48%;overflow-wrap:anywhere;}
#signalsWorkspace .fo-leading {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;padding:12px;border:1px solid var(--op-line);border-radius:8px;background:var(--op-surface);}
#signalsWorkspace .fo-leading span,#signalsWorkspace .fo-leading small {font-size:11px;line-height:1.5;color:var(--op-muted);}
#signalsWorkspace .fo-leading strong {grid-column:2;grid-row:1/3;font-size:24px;line-height:1.3;font-variant-numeric:tabular-nums;}
#signalsWorkspace :is(.fo-masses,.fo-levels) {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;}
#signalsWorkspace .fo-levels {grid-template-columns:repeat(4,minmax(0,1fr));padding-top:12px;border-top:1px solid var(--op-line);}
#signalsWorkspace :is(.fo-masses,.fo-levels)>div {min-width:0;}
#signalsWorkspace :is(.fo-masses,.fo-levels) dt {font-size:10px;color:var(--op-muted);line-height:1.5;}
#signalsWorkspace :is(.fo-masses,.fo-levels) dd {margin:4px 0 0;font-size:13px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
#signalsWorkspace .fo-help {font-size:11px;line-height:1.6;color:var(--op-muted);}
#signalsWorkspace .fo-help summary {cursor:pointer;padding:5px 0;color:var(--op-muted);font:inherit;font-weight:600;}
#signalsWorkspace .fo-help p {margin:8px 0;}
#signalsWorkspace .fo-chart {margin-top:auto;min-height:42px;border:1px solid var(--op-line);border-radius:8px;background:var(--op-strong);color:var(--op-inverse);font:inherit;font-size:12px;}
@media(max-width:720px){
  #signalsWorkspace[data-hold-mode="forecast"] .ob-controls .hold-modes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
  #signalsWorkspace[data-hold-mode="forecast"] .ob-controls .hold-modes button {width:100%;margin-inline-start:0;}
  #signalsWorkspace[data-hold-mode="forecast"] .ob-controls .hold-modes button:last-child {grid-column:auto;justify-self:stretch;}
  #signalsWorkspace .fo-controls {gap:8px;}
  #signalsWorkspace .fo-controls label {width:100%;justify-content:space-between;}
  #signalsWorkspace .fo-levels {grid-template-columns:repeat(2,minmax(0,1fr));}
}