/* One type scale for the navigation and every workspace. Width changes layout, not text zoom. */
html body.workspace-ui {
  --type-page:22px;
  --type-header:18px;
  --type-section:15px;
  --type-body:14px;
  --type-support:13px;
  --type-caption:12px;
  --type-metric:26px;
  --oc-font:var(--flow-body);
  font-size:var(--type-body);line-height:1.5;
}
html body.workspace-ui .page { font-family:var(--flow-body);font-size:var(--type-body);line-height:1.5; }
html body.workspace-ui :is(button,input,textarea,select) { font-family:var(--flow-body); }

/* Navigation and section headings are peers; active states use weight and color. */
html body.workspace-ui .sidebar .nav-item { font-size:var(--type-section)!important;line-height:24px;font-weight:500;min-height:42px; }
html body.workspace-ui .sidebar .nav-item:is(.active,.active-cyan,.active-amber) { font-weight:600; }
html body.workspace-ui .sidebar .nav-sec { font-size:var(--type-caption);line-height:18px;font-weight:500;letter-spacing:0; }
html body.workspace-ui .sidebar .store-nm { font-size:var(--type-body);line-height:1.5;font-weight:550; }
html body.workspace-ui .sidebar .subscription-entry { font-size:var(--type-support);line-height:20px; }
html body.workspace-ui :is(#page-0,#page-1,#page-2,#page-3,#page-4,#page-5,#page-6,#page-8,#page-9,#page-10) .topbar .tb-title {
  font-family:var(--flow-body)!important;font-size:var(--type-header)!important;line-height:26px;font-weight:650;letter-spacing:0;
}
html body.workspace-ui .page > .topbar .tb-sub { font-size:var(--type-support);line-height:20px; }
html body.workspace-ui .gs-name { font-size:var(--type-body);line-height:21px;font-weight:600; }

/* The page title is the only large text heading. Metrics have a separate scale. */
html body.workspace-ui :is(#page-0 .ov2-head h1,#page-2 .flow-hero h1,#page-8 .oc-store,#page-10 .acct-title),
html body.workspace-ui #authorizationCapabilities .capability-heading h2 {
  font:650 var(--type-page)/1.4 var(--flow-body)!important;letter-spacing:-.015em;
}
html body.workspace-ui #authorizationCapabilities.is-connected .capability-heading h2 { font-size:var(--type-section)!important; }
html body.workspace-ui :is(#page-0 .ov2-kpi strong,#page-3 .ss-val,#page-4 .ss-val,#page-8 .oc-kpi-value) {
  font:650 var(--type-metric)/1.3 var(--flow-body)!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}
html body.workspace-ui #page-3 #opsStatStore { font-size:var(--type-body)!important;line-height:1.5!important;letter-spacing:0; }
html body.workspace-ui #page-8 .oc-quadrant-count { font-size:20px;font-weight:650;line-height:1.4; }

/* Match equivalent module titles across every navigation destination. */
html body.workspace-ui #page-1 .clone-editor .step-title,
html body.workspace-ui #page-2 .flow-step-card .step-title,
html body.workspace-ui #page-0 .ov2-card-head h2,
html body.workspace-ui #page-6 .guide-h2,
html body.workspace-ui #page-8 .oc-card-title,
html body.workspace-ui #page-9 :is(.sc-review-title,.ai-nm,.ac-title),
html body.workspace-ui #page-10 :is(.acct-stage-title,.acct-card-title),
html body.workspace-ui #authorizationCapabilities :is(.capability-connect-copy h3,.capability-explore-heading h3,.capability-detail h3,.capability-demo-description h3,.capability-item-copy strong) {
  font-family:var(--flow-body)!important;font-size:var(--type-section)!important;line-height:1.5!important;font-weight:600!important;letter-spacing:0;
}
html body.workspace-ui #authorizationCapabilities .capability-player-heading strong { font-size:var(--type-support)!important;font-weight:600; }

/* Form labels and primary content; small notes remain readable on narrow screens. */
html body.workspace-ui #page-1 .clone-editor :is(.fi,.clone-field > label,.clone-store-pick b,.clone-source-tabs > button,.clone-secondary),
html body.workspace-ui #page-2 :is(.fi,.acct-sel,.fl label,.up-name,.prod-name,.radio-text,.flow-choice-row > [role=button]),
html body.workspace-ui #page-9 :is(.sc-input,.sc-card-name),
html body.workspace-ui #page-10 :is(.acct-store-name,.acct-row-name) {
  font-family:var(--flow-body)!important;font-size:var(--type-body)!important;line-height:1.5!important;
}
html body.workspace-ui #page-1 .clone-editor :is(.clone-field > label,.clone-store-pick b),
html body.workspace-ui #page-2 :is(.fl label,.up-name,.flow-choice-row > [role=button]) { font-weight:550; }
html body.workspace-ui #page-1 :is(#uaSubmitBtn,#uaSubmitLabel),
html body.workspace-ui #page-2 #publishSubmitBtn { font-size:var(--type-body)!important;line-height:22px;font-weight:600; }
html body.workspace-ui #page-2 #publishSubmitBtn > span { font-size:inherit!important;font-weight:inherit; }
html body.workspace-ui #page-2 .flow-node b { font-size:var(--type-body);line-height:21px;font-weight:600; }
html body.workspace-ui #page-2 .flow-node small { font-size:var(--type-caption);line-height:18px; }
html body.workspace-ui #page-2 :is(.flow-hero p,.step-sub,.flow-help,.pub-auth-bar-text,.pub-auth-btn,.prod-price,.publish-submit-note span) { font-size:var(--type-support)!important;line-height:1.6; }
html body.workspace-ui #page-2 :is(.up-meta,.up-done,.fi-counter,.preview-audio-note) { font-size:var(--type-caption)!important;line-height:1.5; }
html body.workspace-ui #page-2 :is(.publish-ai-label,.publish-submit-note b) { font-size:var(--type-body)!important;line-height:1.5;font-weight:500; }
html body.workspace-ui #page-1 .clone-editor :is(.clone-field-hint,.clone-store-pick span,.ua-optional-label span,.clone-preview-caption span,#uaFlowChoiceHint) { font-size:var(--type-caption)!important;line-height:1.6; }
html body.workspace-ui #page-1 .clone-preview-caption b { font-size:var(--type-body);font-weight:600; }
html body.workspace-ui #page-9 .sc-card-sku { font-size:var(--type-caption);line-height:1.5;overflow-wrap:anywhere; }

/* Overview / help / operations / records use the same body and supporting text levels. */
html body.workspace-ui #authorizationCapabilities :is(.capability-heading p,.capability-detail p,.capability-demo-description p) { font-size:var(--type-body)!important;line-height:1.7; }
html body.workspace-ui #authorizationCapabilities :is(.capability-connect-copy p,.capability-item-copy > span,.capability-explore-heading > span,.capability-text-action) { font-size:var(--type-support)!important;line-height:1.5; }
html body.workspace-ui #authorizationCapabilities :is(.capability-count,.capability-loop-label,.capability-player-controls,.capability-player-controls button) { font-size:var(--type-caption)!important;line-height:1.5; }
html body.workspace-ui #page-6 :is(.guide-p,.guide-list,.guide-faq summary,.guide-faq p,.guide-section > p) { font-size:var(--type-body);line-height:1.8; }
html body.workspace-ui #page-6 .guide-meta { font-size:var(--type-caption);line-height:1.6; }
html body.workspace-ui #page-8 :is(.oc-summary,.oc-section-text,.oc-action-suggestion,.oc-finding-action-title,.oc-product-title,.oc-effect) { font-size:var(--type-body);line-height:1.65; }
html body.workspace-ui #page-8 :is(.oc-finding-title,.oc-date,.oc-action-desc,.oc-quadrant-meta,.oc-card-title .oc-hint) { font-size:var(--type-support);line-height:1.6;font-weight:400; }
html body.workspace-ui #page-8 :is(.oc-section-label,.oc-finding-obj,.oc-product-code,.oc-count,.oc-sev,.oc-st,#ocStatusPill,.oc-kpi-label,.oc-kpi-sub,.oc-quadrant-name,.oc-product-metric span) { font-size:var(--type-caption);line-height:1.5; }
html body.workspace-ui #page-8 :is(.oc-finding-action-title,.oc-section-label) { font-weight:600; }
html body.workspace-ui #page-8 :is(.oc-btn-dismiss,.oc-mini-btn,.oc-refresh,.oc-goal-edit) { font-size:var(--type-support);line-height:20px;font-weight:550; }
html body.workspace-ui #page-8 :is(th,td),
html body.workspace-ui :is(#page-3,#page-4,#page-5) td { font-family:var(--flow-body);font-size:var(--type-support);line-height:1.6; }
html body.workspace-ui :is(#page-0,#page-3,#page-4,#page-5,#page-8) th { font-size:var(--type-caption);line-height:1.5;font-weight:600; }
html body.workspace-ui #page-3 :is(.sku-name,.catalog-price,.catalog-sales),
html body.workspace-ui #page-4 .hist-title,
html body.workspace-ui #page-5 .log-title { font-size:var(--type-body);line-height:1.5;font-weight:550; }
html body.workspace-ui #page-10 :is(.acct-sub,.acct-stage-sub,.acct-card-sub,.acct-note) { font-size:var(--type-support);line-height:1.7; }

/* Compact screens change spacing and wrapping, keeping the navigation/title relationship. */
@media(max-width:700px) {
  html body.workspace-ui { --type-page:20px;--type-header:17px;--type-metric:24px; }
  html body.workspace-ui #authorizationCapabilities .capability-player-controls { flex-wrap:wrap;gap:4px; }
  html body.workspace-ui #authorizationCapabilities .capability-connect-copy h3 { overflow-wrap:anywhere; }
}

/* The legacy English ribbon must not override the shared sidebar/drawer. */
@media(max-width:760px) {
  html[lang=en] body.workspace-ui .sidebar { height:100dvh;flex-direction:column;align-items:stretch;gap:0;overflow-x:hidden;overflow-y:auto; }
  html[lang=en] body.workspace-ui .sidebar .sb-top { display:flex!important;flex-shrink:0;padding:20px 14px 12px; }
  html[lang=en] body.workspace-ui .sidebar .logo { padding:6px 10px; }
  html[lang=en] body.workspace-ui .sidebar .logo > img { display:block!important; }
  html[lang=en] body.workspace-ui .sidebar .logo-badge-wrap { position:absolute!important; }
  html[lang=en] body.workspace-ui .sidebar .store-sw { display:flex!important;flex-shrink:0; }
  html[lang=en] body.workspace-ui .sidebar :is(.nav-sec,.sb-bot) { display:block!important;flex-shrink:0; }
}
@media(min-width:701px) and (max-width:760px) {
  html[lang=en] body.workspace-ui .app { grid-template-columns:208px minmax(0,1fr);grid-template-rows:minmax(0,1fr); }
}