/* Dashboard preview skin. Every rule is scoped to the parent workspace playground. */
.workspace-playground{--dashboard-blue:var(--ct-blue,#b7d5fa);--dashboard-slate:var(--ct-slate,#849eb8);--dashboard-sand:var(--ph-sand,#eee3d4);--dashboard-negative:var(--ct-negative,#c68e87);--dashboard-ink:var(--ct-ink,#192833);--dashboard-muted:var(--ct-muted,#71808b);--dashboard-line:var(--ct-line,#d9e1e5);--dashboard-panel:var(--ct-panel,#fff);--dashboard-selected:var(--ct-selected,#f3f6f8)}
.workspace-playground .demo-board{display:grid;grid-template-columns:1.16fr .84fr;grid-template-rows:minmax(246px,1fr) minmax(246px,1fr);gap:12px;min-height:504px}
.workspace-playground .demo-widget{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--dashboard-panel);border:1px solid var(--dashboard-line);border-radius:6px;padding:14px;color:var(--dashboard-ink);transition:border-color .28s ease,transform .28s ease}
.workspace-playground .demo-widget:hover{border-color:var(--dashboard-slate)}
.workspace-playground .demo-trend{grid-column:1;grid-row:1}
.workspace-playground .demo-regime{grid-column:2;grid-row:1}
.workspace-playground .demo-note{grid-column:1;grid-row:2}
.workspace-playground .demo-breadth{grid-column:2;grid-row:2}
.workspace-playground .demo-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--dashboard-muted);font:500 8px/1.3 var(--ct-font-ui);letter-spacing:.065em}
.workspace-playground .dashboard-sample-chip{border:1px solid var(--dashboard-line);border-radius:20px;padding:4px 7px;color:var(--dashboard-muted);font-size:7px;letter-spacing:.08em;white-space:nowrap}
.workspace-playground .dashboard-widget-heading,.workspace-playground .dashboard-regime-heading,.workspace-playground .dashboard-note-heading,.workspace-playground .dashboard-breadth-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:10px 0 8px}
.workspace-playground .dashboard-widget-heading small,.workspace-playground .dashboard-regime-heading small,.workspace-playground .dashboard-note-heading small,.workspace-playground .dashboard-breadth-heading small{display:block;color:var(--dashboard-muted);font-size:9px;line-height:1.35}
.workspace-playground .demo-widget h3{margin:4px 0 0;font:500 18px/1 var(--ct-font-ui);letter-spacing:-.035em}
.workspace-playground .dashboard-asof{color:var(--dashboard-muted);font:500 8px/1.45 var(--ct-font-ui);letter-spacing:.05em;text-align:right}
.workspace-playground .dashboard-signal-table{display:grid;gap:0;min-width:0}
.workspace-playground .dashboard-signal-head,.workspace-playground .dashboard-signal-row{display:grid;grid-template-columns:minmax(72px,1fr) minmax(65px,.9fr) 80px;align-items:center;gap:8px;min-width:0}
.workspace-playground .dashboard-signal-head{padding:5px 0;color:var(--dashboard-muted);border-bottom:1px solid var(--dashboard-line);font-size:7px;letter-spacing:.07em}
.workspace-playground .dashboard-signal-head-score{text-align:right}
.workspace-playground .dashboard-signal-row{min-height:42px;border-bottom:1px solid var(--dashboard-line)}
.workspace-playground .dashboard-signal-row:last-child{border-bottom:0}
.workspace-playground .dashboard-signal-id{font:500 11px/1 var(--ct-font-ui);letter-spacing:-.02em}
.workspace-playground .dashboard-signal-label{display:grid;gap:3px;min-width:0}.workspace-playground .dashboard-signal-label small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dashboard-muted);font-size:7px;letter-spacing:.025em}
.workspace-playground .dashboard-profile{display:block;width:100%;height:26px;min-width:0}
.workspace-playground .dashboard-profile-grid{fill:none;stroke:var(--dashboard-line);stroke-width:1}
.workspace-playground .dashboard-profile-trace{fill:none;stroke:var(--dashboard-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.workspace-playground .dashboard-profile-trace-alt{stroke:var(--dashboard-slate)}
.workspace-playground .dashboard-profile-trace-muted{stroke:var(--dashboard-negative)}
.workspace-playground .dashboard-score{display:grid;grid-template-columns:minmax(33px,1fr) auto;align-items:center;gap:5px;min-width:0}
.workspace-playground .dashboard-score-pills{display:flex;align-items:center;gap:3px;min-width:0}
.workspace-playground .dashboard-score-pills i{display:block;width:6px;height:8px;border-radius:2px;background:var(--dashboard-line);transform-origin:center}
.workspace-playground .dashboard-score-pills i.is-active{background:var(--dashboard-blue)}
.workspace-playground .dashboard-score-pills i.is-active.is-negative{background:var(--dashboard-negative)}
.workspace-playground .dashboard-score b{border:1px solid var(--dashboard-line);border-radius:14px;padding:4px 5px;font:500 9px/1 var(--ct-font-ui);font-variant-numeric:tabular-nums;text-align:right}
.workspace-playground .dashboard-widget-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:6px;border-top:1px solid var(--dashboard-line);color:var(--dashboard-muted);font-size:7px;letter-spacing:.065em}
.workspace-playground .dashboard-regime-heading{align-items:center;margin:12px 0 8px}
.workspace-playground .dashboard-regime-heading h3{color:var(--dashboard-blue);font:500 23px/1 var(--ct-font-display);letter-spacing:.02em}
.workspace-playground .dashboard-prior{display:grid;justify-items:end;gap:3px;padding-left:11px;border-left:1px solid var(--dashboard-line);text-align:right}
.workspace-playground .dashboard-prior small{color:var(--dashboard-muted);font-size:8px}
.workspace-playground .dashboard-prior strong{font:500 12px/1 var(--ct-font-ui);color:var(--dashboard-slate);letter-spacing:.025em}
.workspace-playground .dashboard-history{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:3px;height:29px;padding:0 1px}
.workspace-playground .dashboard-history i{display:block;height:55%;border-radius:2px 2px 0 0;background:var(--dashboard-slate);transform-origin:bottom center}
.workspace-playground .dashboard-history i:nth-child(2){height:72%}.workspace-playground .dashboard-history i:nth-child(3){height:83%}.workspace-playground .dashboard-history i:nth-child(4){height:62%}.workspace-playground .dashboard-history i:nth-child(5){height:88%}.workspace-playground .dashboard-history i:nth-child(6){height:76%}.workspace-playground .dashboard-history i:nth-child(7){height:93%}.workspace-playground .dashboard-history i:nth-child(8){height:47%}.workspace-playground .dashboard-history i:nth-child(9){height:58%}.workspace-playground .dashboard-history i:nth-child(10){height:71%}.workspace-playground .dashboard-history i:nth-child(11){height:84%}.workspace-playground .dashboard-history i:nth-child(12){height:91%}
.workspace-playground .dashboard-history i[data-tone=blue]{background:var(--dashboard-blue)}.workspace-playground .dashboard-history i[data-tone=sand]{background:var(--dashboard-sand)}
.workspace-playground .dashboard-history-label{display:flex;justify-content:space-between;margin-top:4px;color:var(--dashboard-muted);font-size:7px;letter-spacing:.06em}
.workspace-playground .dashboard-exposure-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid var(--dashboard-line)}
.workspace-playground .dashboard-exposure-line span{color:var(--dashboard-muted);font-size:8px}.workspace-playground .dashboard-exposure-line strong{font:500 12px/1 var(--ct-font-ui);font-variant-numeric:tabular-nums}
.workspace-playground .dashboard-note-heading{align-items:center;margin:10px 0 6px}
.workspace-playground .dashboard-note-heading h3{font-size:18px}
.workspace-playground .dashboard-note-count{font:400 31px/.8 var(--ct-font-display);color:var(--dashboard-blue)}
.workspace-playground .dashboard-note-list{list-style:none;display:grid;gap:0;padding:0;margin:0}
.workspace-playground .dashboard-note-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;padding:6px 0;border-top:1px solid var(--dashboard-line)}
.workspace-playground .dashboard-note-list li>span{color:var(--dashboard-slate);font:500 8px/1.7 var(--ct-font-ui);font-variant-numeric:tabular-nums}
.workspace-playground .dashboard-note-list p{margin:0;color:var(--dashboard-ink);font-size:10px;line-height:1.45}
.workspace-playground .dashboard-note-footer{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px;color:var(--dashboard-muted);font-size:8px}
.workspace-playground .dashboard-breadth-heading{align-items:flex-end;margin-bottom:10px}
.workspace-playground .dashboard-breadth-heading strong{display:block;color:var(--dashboard-blue);font:400 34px/.9 var(--ct-font-display);font-variant-numeric:tabular-nums}
.workspace-playground .dashboard-breadth-total{text-align:right}
.workspace-playground .dashboard-breadth-total strong{color:var(--dashboard-ink);font:500 17px/1 var(--ct-font-ui)}
.workspace-playground .dashboard-breadth-total span{display:block;margin-top:4px;color:var(--dashboard-muted);font-size:8px}
.workspace-playground .dashboard-breadth-track{height:8px;overflow:hidden;border-radius:4px;background:var(--dashboard-line)}
.workspace-playground .dashboard-breadth-track span{display:block;height:100%;border-radius:4px;background:var(--dashboard-blue);transform-origin:left center}
.workspace-playground .dashboard-breadth-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-top:17px}
.workspace-playground .dashboard-breadth-grid i{display:block;height:10px;border-radius:2px;background:var(--dashboard-line)}
.workspace-playground .dashboard-breadth-grid i.is-positive,.workspace-playground .dashboard-breadth-legend i.is-positive{background:var(--dashboard-blue)}
.workspace-playground .dashboard-breadth-grid i.is-neutral,.workspace-playground .dashboard-breadth-legend i.is-neutral{background:var(--dashboard-slate)}
.workspace-playground .dashboard-breadth-grid i.is-negative,.workspace-playground .dashboard-breadth-legend i.is-negative{background:var(--dashboard-negative)}
.workspace-playground .dashboard-breadth-grid i:nth-child(-n+24){background:var(--dashboard-blue)}.workspace-playground .dashboard-breadth-grid i:nth-child(n+25):nth-child(-n+31){background:var(--dashboard-slate)}.workspace-playground .dashboard-breadth-grid i:nth-child(n+32){background:var(--dashboard-negative)}
.workspace-playground .dashboard-breadth-legend{display:flex;justify-content:space-between;gap:8px;margin-top:11px;color:var(--dashboard-muted);font-size:8px;letter-spacing:.02em}
.workspace-playground .dashboard-breadth-legend span{display:flex;align-items:center;gap:5px}.workspace-playground .dashboard-breadth-legend i{display:block;width:6px;height:6px;border-radius:1px}
.workspace-playground .demo-board[data-layout=signals] .demo-trend{grid-column:1;grid-row:1 / 3}.workspace-playground .demo-board[data-layout=signals] .demo-regime{display:none}.workspace-playground .demo-board[data-layout=signals] .demo-breadth{grid-column:2;grid-row:1}.workspace-playground .demo-board[data-layout=signals] .demo-note{grid-column:2;grid-row:2}
.workspace-playground .demo-board[data-layout=macro]{grid-template-columns:.84fr 1.16fr}.workspace-playground .demo-board[data-layout=macro] .demo-regime{grid-column:1;grid-row:1 / 3}.workspace-playground .demo-board[data-layout=macro] .demo-trend{grid-column:2;grid-row:1}.workspace-playground .demo-board[data-layout=macro] .demo-note{grid-column:2;grid-row:2}.workspace-playground .demo-board[data-layout=macro] .demo-breadth{display:none}
@media(max-width:1100px){.workspace-playground .dashboard-signal-head,.workspace-playground .dashboard-signal-row{grid-template-columns:minmax(67px,1fr) minmax(59px,.9fr) 76px;gap:6px}.workspace-playground .demo-widget h3{font-size:17px}.workspace-playground .dashboard-breadth-heading strong{font-size:29px}}
@media(max-width:760px){.workspace-playground .demo-board,.workspace-playground .demo-board[data-layout=signals],.workspace-playground .demo-board[data-layout=macro]{grid-template-columns:1fr;grid-template-rows:none;gap:10px;min-height:0}.workspace-playground .demo-widget,.workspace-playground .demo-trend,.workspace-playground .demo-regime,.workspace-playground .demo-note,.workspace-playground .demo-breadth{grid-column:1;grid-row:auto;min-height:0}.workspace-playground .demo-board[data-layout=signals] .demo-regime,.workspace-playground .demo-board[data-layout=macro] .demo-breadth{display:none}.workspace-playground .demo-board[data-layout=signals] .demo-trend,.workspace-playground .demo-board[data-layout=signals] .demo-breadth,.workspace-playground .demo-board[data-layout=signals] .demo-note,.workspace-playground .demo-board[data-layout=macro] .demo-regime,.workspace-playground .demo-board[data-layout=macro] .demo-trend,.workspace-playground .demo-board[data-layout=macro] .demo-note{grid-column:1;grid-row:auto}.workspace-playground .dashboard-signal-row{min-height:53px}.workspace-playground .dashboard-note-list p{font-size:11px}.workspace-playground .dashboard-breadth-grid{gap:5px}}
@media(max-width:390px){.workspace-playground .demo-widget{padding:12px}.workspace-playground .dashboard-signal-head,.workspace-playground .dashboard-signal-row{grid-template-columns:minmax(58px,1fr) minmax(52px,.9fr) 70px;gap:5px}.workspace-playground .dashboard-signal-label small{font-size:7px}.workspace-playground .dashboard-profile{height:23px}.workspace-playground .dashboard-widget-heading,.workspace-playground .dashboard-regime-heading,.workspace-playground .dashboard-note-heading,.workspace-playground .dashboard-breadth-heading{margin-top:14px}.workspace-playground .dashboard-breadth-heading strong{font-size:27px}.workspace-playground .dashboard-breadth-legend{font-size:7px}}
/* Keep every widget present: presets change the arrangement, never the page height. */
.workspace-playground .demo-board[data-layout=signals]{grid-template-columns:1.16fr .84fr}
.workspace-playground .demo-board[data-layout=signals] .demo-trend{grid-column:1;grid-row:1}
.workspace-playground .demo-board[data-layout=signals] .demo-breadth{grid-column:2;grid-row:1}
.workspace-playground .demo-board[data-layout=signals] .demo-note{grid-column:1;grid-row:2}
.workspace-playground .demo-board[data-layout=signals] .demo-regime{display:flex;grid-column:2;grid-row:2}
.workspace-playground .demo-board[data-layout=macro] .demo-regime{grid-column:1;grid-row:1}
.workspace-playground .demo-board[data-layout=macro] .demo-trend{grid-column:2;grid-row:1}
.workspace-playground .demo-board[data-layout=macro] .demo-breadth{display:flex;grid-column:1;grid-row:2}
.workspace-playground .demo-board[data-layout=macro] .demo-note{grid-column:2;grid-row:2}
@media(max-width:760px){
 .workspace-playground .demo-board[data-layout]{grid-template-columns:1fr;grid-template-rows:none}
 .workspace-playground .demo-board[data-layout] .demo-widget{grid-column:1;grid-row:auto;display:flex}
 .workspace-playground .demo-board[data-layout] .demo-trend{order:1}.workspace-playground .demo-board[data-layout] .demo-regime{order:2}.workspace-playground .demo-board[data-layout] .demo-breadth{order:3}.workspace-playground .demo-board[data-layout] .demo-note{order:4}
 .workspace-playground .demo-board[data-layout=signals] .demo-breadth{order:2}.workspace-playground .demo-board[data-layout=signals] .demo-regime{order:4}.workspace-playground .demo-board[data-layout=signals] .demo-note{order:3}
 .workspace-playground .demo-board[data-layout=macro] .demo-regime{order:1}.workspace-playground .demo-board[data-layout=macro] .demo-trend{order:2}
}
.workspace-playground .demo-board[data-layout] .demo-trend h3{font-size:20px;margin-top:4px}
@media(max-width:1100px){.workspace-playground .demo-board[data-layout] .demo-trend h3{font-size:17px}}