/* TEMPO chart: dedicated label gutters and a quiet, readable mobile layout. */
.design-a .signal-panel { --desk-chart-height:360px; }
.design-a .signal-panel .panel-head { min-height:70px; gap:12px; padding:16px 20px; align-items:center; }
.design-a .signal-panel .panel-head>div { min-width:0; }
.design-a .signal-panel #signalId { display:block; overflow-wrap:anywhere; font-size:12px; line-height:1.6; letter-spacing:.02em; }
.design-a .signal-panel .status-pill { flex-shrink:0; white-space:nowrap; padding:7px 9px; font-size:10px; }
.design-a .signal-panel .a-chart-toolbar { padding:14px 18px; gap:16px; }
.design-a .signal-panel .a-chart-tabs { display:grid; grid-template-columns:1.2fr .8fr 1.2fr; flex-wrap:nowrap; gap:3px; padding:3px; border:1px solid #dddfd3; border-radius:5px; background:#efefe6; }
.design-a .signal-panel .a-chart-tabs button { min-height:38px; padding:8px 11px; border:0; border-radius:3px; white-space:nowrap; font-size:10px; }
.design-a .signal-panel .a-chart-tabs button[aria-pressed=true] { background:#d4b575; }
.design-a .signal-panel .a-chart-price { font-size:22px; line-height:1.2; font-variant-numeric:tabular-nums; }
.design-a .signal-panel .a-chart-price small { font-size:8px; letter-spacing:.03em; }
.design-a .signal-panel .a-candle-view,
.design-a .signal-panel .price-ladder { height:var(--desk-chart-height); padding:0; overflow:hidden; }
.design-a .signal-panel #tempoTraceChart,
.design-a .signal-panel #tempoCandleChart { display:block; width:100%; height:100%; }
.design-a .signal-panel .a-level-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:0 18px 16px; padding:12px 0; border-block:1px solid #dddfd3; }
.design-a .signal-panel .a-level-strip>div { min-width:0; text-align:center; padding-inline:4px; color:#376f4e; border-right:1px solid #e0e1d6; }
.design-a .signal-panel .a-level-strip>div:last-child { border-right:0; }
.design-a .signal-panel .a-level-strip .level-entry { color:#826636; }
.design-a .signal-panel .a-level-strip .level-stop { color:#a04343; }
.design-a .signal-panel .a-level-strip dt { font:500 9px/1.5 "DM Mono",monospace; letter-spacing:.06em; }
.design-a .signal-panel .a-level-strip dd { margin:5px 0 0; font:500 12px/1.4 "DM Mono",monospace; font-variant-numeric:tabular-nums; white-space:nowrap; }
.design-a .signal-panel .a-chart-notes { display:block; padding:12px 18px; background:#f0f0e7; }
.design-a .signal-panel .a-chart-note { padding:0; font:10px/1.65 Manrope,sans-serif; }
.design-a .signal-panel .a-chart-note[aria-hidden=true] { display:none; }
@media(max-width:760px) {
  .design-a .signal-panel .a-chart-toolbar { display:grid; grid-template-columns:1fr; gap:12px; }
  .design-a .signal-panel .a-chart-tabs { width:100%; }
  .design-a .signal-panel .a-chart-tabs button { min-height:40px; }
  .design-a .signal-panel .a-chart-price { display:flex; align-items:baseline; justify-content:space-between; gap:10px; text-align:left; }
  .design-a .signal-panel .a-chart-price small { margin:0; text-align:right; }
}
@media(max-width:620px) {
  .design-a .signal-panel { --desk-chart-height:310px; }
  .design-a .signal-panel .panel-head { min-height:68px; padding:14px 13px; gap:9px; }
  .design-a .signal-panel .panel-head>div>span { font-size:9px; letter-spacing:.12em; }
  .design-a .signal-panel #signalId { font-size:10px; }
  .design-a .signal-panel .status-pill { padding:6px 7px; font-size:9px; gap:5px; }
  .design-a .signal-panel .a-chart-toolbar { padding:12px; }
  .design-a .signal-panel .a-chart-tabs button { font-size:10px; padding-inline:5px; }
  .design-a .signal-panel .a-chart-price { font-size:22px; }
  .design-a .signal-panel .a-level-strip { margin:0 12px 12px; }
  .design-a .signal-panel .a-level-strip dd { font-size:10px; }
  .design-a .signal-panel .a-level-strip dt { font-size:8px; }
  .design-a .signal-panel .a-chart-notes { padding:10px 14px; }
}