/* The authenticated workspace uses the available browser viewport. */
.quant-page .field label { font-family: var(--font-sans); font-size: 14px; letter-spacing: .02em; }
.quant-page .field input { font-size: 16px; }
body.quant-workspace { display: flex; flex-direction: column; height: 100dvh; overflow: hidden; background: #090d14; }
.quant-workspace .pagehd,
.quant-workspace .cta,
.quant-workspace .ftr { display: none; }
.quant-workspace .riskbar { padding: 5px 0; font-size: 12px; }
.quant-workspace .riskbar .container,
.quant-workspace .hdr .container { max-width: none; padding-inline: 24px; }
.quant-workspace .hdr__in { min-height: 58px; }
.quant-workspace .hdr,
.quant-workspace .riskbar { flex: none; }
.quant-workspace .hdr__brand img { height: 30px; }
.quant-workspace .hdr__ent { font-size: 11px; }
.quant-workspace main { display: flex; flex-direction: column; flex: 1; height: auto; min-height: 0; }
.quant-workspace .qv { flex: 1; min-height: 0; padding: 0; }
.quant-workspace .qv > .container { max-width: none; height: 100%; padding: 0; }
.quant-workspace #qvWall:not([hidden]) { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.workspace-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 10px 24px; background: #111823; color: #edf3fc; border-bottom: 1px solid #293548; }
.workspace-identity { min-width: 0; display: flex; align-items: center; gap: 20px; }
.workspace-identity h2 { font-family: var(--font-sans); font-size: 17px; font-weight: 650; white-space: nowrap; }
.workspace-identity .qv__bar { display: flex; gap: 10px; padding: 0; margin: 0; background: none; border: 0; }
.workspace-identity .qv__bar b { font-size: 13px; color: #58dfaa; white-space: nowrap; }
.workspace-identity .qv__bar span { font-family: var(--font-sans); font-size: 12px; color: #a6b4c9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 620px; }
.workspace-actions { display: flex; gap: 8px; flex: none; align-items: center; }
.workspace-actions .btn { min-height: 36px; padding: 7px 14px; font-family: var(--font-sans); font-size: 14px; line-height: 1.4; letter-spacing: 0; color: #dce6f5; border-color: #3a4a62; background: #172232; }
.workspace-actions .btn:hover { color: #fff; border-color: #7c99bd; background: #22324a; }
.workspace-canvas { flex: 1; min-height: 0; background: #090d14; }
#qvFrame { display: block; width: 100%; height: 100%; border: 0; background: #090d14; }
.workspace-note { position: relative; flex: none; padding: 4px 24px; background: #111823; border-top: 1px solid #293548; color: #9eacc0; font-size: 12px; line-height: 1.6; }
.workspace-note summary { cursor: pointer; width: max-content; }
.workspace-note details[open] p { position: absolute; z-index: 70; bottom: 26px; left: 24px; right: 24px; max-width: 760px; margin: 0; padding: 16px 20px; border: 1px solid #46546a; border-radius: 8px; background: #182332; color: #dbe5f3; box-shadow: 0 10px 32px #0008; font-size: 14px; }
#qvWall:fullscreen { display: flex; flex-direction: column; width: 100%; height: 100dvh; background: #090d14; }
@media (max-width: 1200px) {
  .workspace-identity .qv__bar span { max-width: 350px; }
  .quant-workspace .hdr__ent { display: none; }
}
@media (max-width: 900px) {
  .quant-workspace .riskbar { display: none; }
  .workspace-toolbar { padding: 10px 16px; gap: 12px; }
  .workspace-identity { gap: 10px; }
  .workspace-identity .qv__bar span { display: none; }
  .workspace-actions .btn { padding: 7px 10px; }
}
@media (max-width: 560px) {
  .quant-workspace .hdr .container { padding-inline: 14px; }
  .workspace-toolbar { align-items: flex-start; flex-direction: column; gap: 8px; padding: 10px 12px; }
  .workspace-actions { width: 100%; gap: 6px; }
  .workspace-actions .btn { flex: 1; padding: 7px 8px; font-size: 13px; text-align: center; }
  .workspace-identity h2 { font-size: 16px; }
  .workspace-note { padding-inline: 12px; }
  .workspace-note details[open] p { left: 12px; right: 12px; }
}