/* Native IndoCerdas UI from rndm-jpg/indocerdas-ai @ 868052cd9df31eb4090db47d760a424458eb0b4b.
   Tokens: src/app/globals.css; geometry: src/ui/shell, composer and thread. */
@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(/marketing/assets/ee8141237931985e-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(/marketing/assets/42c0d1ff9eba2829-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/marketing/assets/35f3de0ebb1cfc70-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/marketing/assets/e6099e249fd938cc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
:root {
  --v26-ink: #161719;
  --v26-ink-2: #3d4045;
  --v26-muted: #5f636a;
  --v26-icon: #6b6f76;
  --v26-canvas: #ffffff;
  --v26-side: #f9f9f7;
  --v26-surface: #ffffff;
  --v26-raised: #f3f3f1;
  --v26-raised-2: #ececea;
  --v26-hover: rgba(22,23,25,.045);
  --v26-active: rgba(22,23,25,.075);
  --v26-rule: #efefec;
  --v26-line: #e6e6e2;
  --v26-line-strong: #d3d4cf;
  --v26-accent: #3a6f6a;
  --v26-accent-hover: #2f5c58;
  --v26-accent-soft: #eef4f3;
  --v26-accent-line: #cfe0dd;
  --v26-on-accent: #ffffff;
  --v26-k-tile: #efefec;
  --v26-k-glyph: #4a4d52;
  --v26-ok-bg: #edf3f1;
  --v26-ok-ink: #2a5f55;
  --v26-warn-bg: #fbf3e4;
  --v26-warn-ink: #7f560c;
  --v26-warn-line: #ead2a2;
  --v26-bad-bg: #fbefee;
  --v26-bad-ink: #9a3730;
  --v26-wait: #c2810f;

  --v26-float-1: 0 1px 2px rgba(22,23,25,.04), 0 4px 16px rgba(22,23,25,.05);
  --v26-float-2: 0 2px 6px rgba(22,23,25,.06), 0 20px 56px rgba(22,23,25,.14);
  --v26-composer-shadow: 0 1px 2px rgba(22,23,25,.04), 0 10px 32px rgba(22,23,25,.07);

  --v26-fs-small: 12px;
  --v26-fs-meta: 13px;
  --v26-fs-label: 14px;
  --v26-fs-body: 16px;
  --v26-fs-lead: 18px;
  --v26-fs-greet: 46px;

  --v26-r-composer: 24px;
  --v26-r-bubble: 20px;
  --v26-r-card: 16px;
  --v26-r-inner: 12px;
  --v26-r-control: 10px;
  --v26-r-pill: 999px;

  --v26-side-w: 248px;
  --v26-rail-w: 60px;
  --v26-aside-w: 440px;
  --v26-head-h: 56px;
  --v26-control: 36px;
  --v26-pad-x: 32px;
  --v26-content: 720px;
  --v26-wide: 1040px;

  /* --v26-font-sans dan --v26-font-serif diisi oleh next/font pada <html>. */
  --v26-font-display: var(--v26-font-serif);
  --v26-font-body: var(--v26-font-sans);
  --v26-font-mono: var(--v26-font-sans);

  /* Alias nama lama. */
  --v26-paper: var(--v26-surface);
  --v26-ground: var(--v26-canvas);
  --v26-ground2: var(--v26-raised);
  --v26-line-soft: var(--v26-rule);
  --v26-accent-soft2: var(--v26-raised-2);
  --v26-good: var(--v26-ok-ink);
  --v26-good-soft: var(--v26-ok-bg);
  --v26-warn: var(--v26-warn-ink);
  --v26-warn-soft: var(--v26-warn-bg);
  --v26-bad: var(--v26-bad-ink);
  --v26-bad-soft: var(--v26-bad-bg);
}
/* Shared public presentation, with the product's current type and color roles. */
:root {
  --v26-font-sans: "Instrument Sans", Arial, sans-serif;
  --v26-font-serif: "Instrument Serif", Georgia, serif;
  --brand-ink: var(--v26-ink);
  --brand-paper: var(--v26-canvas);
  --brand-surface: var(--v26-side);
  --brand-line: var(--v26-line);
  --brand-muted: var(--v26-muted);
  --brand-action-hover: var(--v26-accent-hover);
  --brand-selected: var(--v26-accent-soft);
  --brand-selected-line: var(--v26-accent-line);
  --ic-sans: var(--v26-font-sans);
  --ic-serif: var(--v26-font-serif);
}
body { color: var(--v26-ink); font-family: var(--v26-font-sans); -webkit-font-smoothing: antialiased; }
body:is(.bid-page,.sx-page,.kb-page,.system-page) {
  --subpage-paper: var(--v26-canvas);
  --subpage-panel: var(--v26-side);
  --subpage-line: var(--v26-line);
  --subpage-ink: var(--v26-ink);
  --subpage-muted: var(--v26-muted);
  --subpage-action: var(--v26-accent);
  --subpage-action-hover: var(--v26-accent-hover);
  --subpage-selected: var(--v26-accent-soft);
  --sol-font: var(--v26-font-sans);
  --system-paper: var(--v26-side);
  --system-line: var(--v26-line);
  --system-accent: var(--v26-accent-soft);
}
main :is(h2,h3,p,button,a,summary), .ic-site-footer {
  font-family: var(--v26-font-sans);
}
.hero.hero-specializations .hero-specialization-title { font-family: var(--v26-font-serif); }
main :is(.sc-copy,.nwf-copy,.fd-copy,.lp-pillars-heading,.knowledge-os-heading,.ad-copy,.edu-intro) h2,
main .solution-grid-title { font-family: var(--v26-font-sans); font-weight: 400; }
.edu-research { --edu-ink: var(--v26-ink); --edu-text: var(--v26-font-sans); --edu-display: var(--v26-font-sans); }
::selection { color: var(--v26-ink); background: var(--v26-accent-soft); }
:where(a,button,summary,input):focus-visible { outline-color: var(--v26-accent); }
body .ic-site-footer .ic-footer-app,
body .sol-pill--primary, body .system-button { background-color: var(--v26-accent); border-color: var(--v26-accent); }

/* Native windows share actual role tokens. Surrounding media stays editorial. */
.ravi-ui {
  --ravi-unit: 1px;
  color: var(--v26-ink);
  font-family: var(--v26-font-sans) !important;
  -webkit-font-smoothing: antialiased;
  filter: none !important;
}
.ravi-ui :is(div,span,button,p,a,small,strong,b,i,li,td,th,input,textarea,label,header,footer,h2,h3,h4,h5,text) {
  font-family: var(--v26-font-sans) !important;
}
.ravi-ui :is(button,input,textarea) { color: inherit; }
.ravi-ui svg { stroke-linecap: round; stroke-linejoin: round; }
.ravi-legacy-rail { display: none !important; }

/* SidebarClient + Sidebar.module.css: one sidebar, no separate black rail. */
body .ravi-sidebar {
  position: relative;
  display: flex !important;
  flex-direction: column;
  min-width: 0; min-height: 0;
  padding: 0 !important;
  border: 0;
  border-right: 1px solid var(--v26-rule) !important;
  border-radius: 0 !important;
  background: var(--v26-side) !important;
  color: var(--v26-ink);
  overflow: hidden;
  font: 400 calc(14 * var(--ravi-unit))/1.43 var(--v26-font-sans);
}
.ravi-sidebar .ravi-side {
  position: relative; display: flex; flex-direction: column;
  height: 100%; width: 100%; min-height: 0;
  background: var(--v26-side); color: var(--v26-ink);
}
body .ravi-ui .ravi-sidebar .ravi-side {
  margin: 0; padding: 0; border: 0; border-radius: 0;
  white-space: normal; overflow: hidden;
}
.ravi-sidebar .ravi-side * { box-sizing: border-box; letter-spacing: normal; }
.ravi-ui .ravi-sidebar .ravi-group-label { font: 500 calc(12 * var(--ravi-unit))/1.43 var(--v26-font-sans); color: var(--v26-muted); }
.ravi-rail { grid-column: 1; align-self: stretch; height: 100%; }
:is(.rs-app,.ba-workspace,.sol-research-app) > .ravi-rail { grid-row: 1/-1; }
.ravi-sidebar .ravi-side svg {
  display: block; flex: none; width: calc(16 * var(--ravi-unit)); height: calc(16 * var(--ravi-unit));
  fill: none; stroke: currentColor; stroke-width: 1.75; color: var(--v26-icon);
}
.ravi-sidebar .ravi-head {
  display: flex; align-items: center; justify-content: space-between; gap: calc(4 * var(--ravi-unit));
  padding: calc(12 * var(--ravi-unit)) calc(10 * var(--ravi-unit)) calc(8 * var(--ravi-unit));
}
.ravi-sidebar .ravi-workspace {
  display: flex; align-items: center; gap: calc(10 * var(--ravi-unit)); min-width: 0;
  height: calc(34 * var(--ravi-unit)); padding: 0 calc(8 * var(--ravi-unit)) 0 calc(5 * var(--ravi-unit));
}
.ravi-sidebar .ravi-workspace b { color: var(--v26-ink); font-size: calc(14 * var(--ravi-unit)); font-weight: 600; }
.ravi-sidebar .ravi-workspace > svg { width: calc(12 * var(--ravi-unit)); }
.ravi-sidebar .ravi-fold { display: grid; place-items: center; width: calc(32 * var(--ravi-unit)); height: calc(32 * var(--ravi-unit)); }
.ravi-sidebar .ravi-mark {
  display: grid; place-items: center; flex: none;
  width: calc(24 * var(--ravi-unit)); height: calc(24 * var(--ravi-unit));
  border-radius: 30%; background: var(--v26-accent);
}
.ravi-sidebar .ravi-mark img {
  display: block; width: 72%; height: 72%; margin: 0; object-fit: contain;
  filter: brightness(0) invert(1) !important;
}
.ravi-sidebar .ravi-actions { display: flex; gap: calc(6 * var(--ravi-unit)); padding: calc(4 * var(--ravi-unit)) calc(10 * var(--ravi-unit)) calc(12 * var(--ravi-unit)); }
.ravi-sidebar :is(.ravi-new,.ravi-search) {
  display: inline-flex; align-items: center; justify-content: center;
  height: calc(34 * var(--ravi-unit)); min-height: 0;
  border: 1px solid var(--v26-line); border-radius: calc(8 * var(--ravi-unit));
  background: var(--v26-surface); color: var(--v26-ink); font: inherit;
}
.ravi-sidebar .ravi-new { flex: 1; justify-content: flex-start; gap: calc(10 * var(--ravi-unit)); padding: 0 calc(10 * var(--ravi-unit)); white-space: nowrap; }
.ravi-sidebar .ravi-search { width: calc(34 * var(--ravi-unit)); flex: none; padding: 0; }
.ravi-sidebar .ravi-places { display: grid; padding: 0 calc(10 * var(--ravi-unit)); }
.ravi-sidebar .ravi-row {
  display: flex; align-items: center; gap: calc(10 * var(--ravi-unit));
  min-width: 0; min-height: calc(32 * var(--ravi-unit)); margin: 0 0 calc(2 * var(--ravi-unit));
  padding: 0 calc(8 * var(--ravi-unit)); border: 0; border-radius: calc(8 * var(--ravi-unit));
  color: var(--v26-ink-2); font-size: calc(14 * var(--ravi-unit)); line-height: 1.43; background: transparent;
}
.ravi-sidebar .ravi-row > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ravi-sidebar .ravi-lists { flex: 1; min-height: 0; overflow: hidden; padding: calc(4 * var(--ravi-unit)) calc(10 * var(--ravi-unit)) calc(12 * var(--ravi-unit)); }
.ravi-sidebar .ravi-group { margin-top: calc(18 * var(--ravi-unit)); }
.ravi-sidebar .ravi-group-label {
  display: flex; align-items: center; justify-content: space-between;
  height: calc(28 * var(--ravi-unit)); margin: 0 0 calc(2 * var(--ravi-unit)); padding: 0 calc(8 * var(--ravi-unit));
  font-size: calc(12 * var(--ravi-unit)); font-weight: 500; color: var(--v26-muted);
}
.ravi-sidebar .ravi-current { color: var(--v26-ink); background: var(--v26-active); }
.ravi-sidebar .ravi-foot { padding: calc(8 * var(--ravi-unit)) calc(10 * var(--ravi-unit)) calc(10 * var(--ravi-unit)); border-top: 1px solid var(--v26-rule); }
.ravi-sidebar .ravi-foot .ravi-row { margin: 0; }
.ravi-sidebar .ravi-foot small { flex: none; font-size: calc(12 * var(--ravi-unit)); color: var(--v26-muted); }
.ravi-sidebar-folded { width: auto; }
.ravi-sidebar-folded .ravi-head { flex-direction: column; padding-inline: 0; gap: calc(6 * var(--ravi-unit)); }
.ravi-sidebar-folded .ravi-workspace { padding: 0; }
.ravi-sidebar-folded :is(.ravi-workspace b,.ravi-workspace > svg,.ravi-row > span,.ravi-fold,.ravi-lists,.ravi-new > span,.ravi-search,.ravi-foot small) { display: none; }
.ravi-sidebar-folded .ravi-actions { padding-inline: 0; justify-content: center; }
.ravi-sidebar-folded .ravi-new { flex: none; width: calc(34 * var(--ravi-unit)); justify-content: center; padding: 0; }
.ravi-sidebar-folded .ravi-places { padding-inline: 0; justify-items: center; }
.ravi-sidebar-folded .ravi-row { justify-content: center; width: calc(36 * var(--ravi-unit)); min-height: calc(34 * var(--ravi-unit)); padding: 0; margin-inline: auto; }
.ravi-sidebar-folded .ravi-foot { margin-top: auto; padding-inline: 0; }

/* Hero: native 248px sidebar, 56px header, 720px reading column. */
#demo-workspace.native-product-demo { grid-template-columns: minmax(0,1fr); padding: 0; background: var(--v26-canvas); border: 1px solid var(--v26-line); border-radius: 16px; }
#demo-workspace.native-product-demo .product-surface { grid-template-columns: 248px minmax(0,1fr); border-radius: 0; background: var(--v26-canvas); }
#demo-workspace.native-product-demo .product-history { grid-area: 1/1; }
#demo-workspace.native-product-demo .screen-main { grid-area: 1/2; grid-template-rows: 56px minmax(0,1fr); background: var(--v26-canvas); }
#demo-workspace.native-product-demo .product-thread-bar { height: 56px; min-height: 56px; padding: 0 16px 0 24px; border: 0; background: var(--v26-canvas); gap: 8px; }
#demo-workspace.native-product-demo .product-thread-title { display: flex; align-items: center; gap: 8px; }
#demo-workspace.native-product-demo .product-thread-title h2 { font-size: 15px; font-weight: 600; color: var(--v26-ink); }
#demo-workspace.native-product-demo .product-thread-title > span { display: none; }
#demo-workspace.native-product-demo .product-sidebar-button { display: none; }
#demo-workspace.native-product-demo #product-copy-link { display: inline-flex; align-items: center; padding-inline: 12px; }
.ravi-ui .ravi-crumb {
  display: inline-flex; align-items: center; flex: none; gap: 6px;
  margin: 0; padding: 0; border: 0; white-space: nowrap; color: var(--v26-muted); font-size: 13px;
}
.ravi-ui .ravi-crumb svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.75; }
.ravi-ui .ravi-crumb i { margin-inline: 4px; font-style: normal; color: var(--v26-line-strong); }
#demo-workspace.native-product-demo .product-back { display: none; }
#demo-workspace.native-product-demo .product-back { display: none !important; }
#demo-workspace.native-product-demo .case-welcome .ravi-answer-mark { display: none !important; }
#demo-workspace.native-product-demo :is(.product-source-toggle,#product-copy-link) { height: 34px; border: 1px solid var(--v26-line); border-radius: 999px; background: var(--v26-surface); font-size: 14px; color: var(--v26-ink); }
#demo-workspace.native-product-demo .product-source-toggle { padding-inline: 12px; }
#demo-workspace.native-product-demo .example-choices { gap: 0; }
#demo-workspace.native-product-demo .example-choices button { min-height: 32px; padding: 0 8px; margin-bottom: 2px; border: 0; border-radius: 8px; background: transparent; color: var(--v26-ink-2); font-size: 14px; font-weight: 400; line-height: 20px; }
#demo-workspace.native-product-demo .example-choices button[aria-pressed=true] { color: var(--v26-ink); background: var(--v26-active); }
#demo-workspace.native-product-demo .ravi-sidebar .ravi-row.product-project { padding: 0 8px; min-height: 32px; font-size: 14px; color: var(--v26-ink-2); background: transparent; }
#demo-workspace.native-product-demo .product-history-note { display: none; }
#demo-workspace.native-product-demo .screen-symbol { display: none; }
#demo-workspace.native-product-demo #screen-start h2,
#demo-workspace.native-product-demo .case-welcome h3 { font: 400 46px/1.1 var(--v26-font-serif) !important; letter-spacing: -.01em; color: var(--v26-ink); }
#demo-workspace.native-product-demo #screen-start { padding: 64px 32px 32px; gap: 0; }
#demo-workspace.native-product-demo #screen-start .prompt { width: min(720px,100%); min-height: 146px; margin-top: 36px; padding: 18px 14px 12px 20px; border: 1px solid var(--v26-line); border-radius: 24px; box-shadow: var(--v26-composer-shadow); }
#demo-workspace.native-product-demo #screen-start .prompt > p { font-size: 17px; line-height: 1.5; min-height: 56px; }
#demo-workspace.native-product-demo #screen-start .attachment { font-size: 13px; color: var(--v26-muted); }
#demo-workspace.native-product-demo .run-example { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border-radius: 50%; background: var(--v26-accent); color: var(--v26-on-accent); }
#demo-workspace.native-product-demo .demo-start-note { margin-top: 14px; font-size: 12px; color: var(--v26-muted); }
#demo-workspace.native-product-demo :is(.case-brief,.case-process-pane,.case-pustaka,.case-memo) { background: var(--v26-canvas); }
#demo-workspace.native-product-demo :is(.case-pustaka,.case-memo) { border-color: var(--v26-rule); }
#demo-workspace.native-product-demo .case-composer { border: 1px solid var(--v26-line); border-radius: 24px; box-shadow: var(--v26-composer-shadow); background: var(--v26-surface); }
#demo-workspace.native-product-demo .case-send-visual { border-radius: 50%; background: var(--v26-accent); }
#demo-workspace.native-product-demo .case-composer-box { padding: 18px 14px 12px 20px; background: var(--v26-surface); border: 1px solid var(--v26-line); border-radius: 24px; box-shadow: var(--v26-composer-shadow); }
#demo-workspace.native-product-demo .case-composer-placeholder { min-height: 56px; font-size: 17px; line-height: 1.5; }
#demo-workspace.native-product-demo .case-composer-tools { min-height: 40px; gap: 8px; }
#demo-workspace.native-product-demo .case-send-visual { width: 40px; height: 40px; }
#demo-workspace.native-product-demo .case-user-bubble { background: var(--v26-raised); border: 0; border-radius: 20px; }
#demo-workspace.native-product-demo .case-assistant-message p { font-size: 16px; line-height: 1.6; color: var(--v26-ink); }
#demo-workspace.native-product-demo .case-citation {
  display: inline-flex; align-items: center; justify-content: center;
  height: 24px; min-width: 0; max-width: 100%; padding: 0 8px; margin: 0 1px;
  border: 0; border-radius: 7px; background: var(--v26-accent-soft); color: var(--v26-accent);
  font-size: 14px; font-weight: 550; line-height: 1; vertical-align: 1px;
}
#demo-workspace.native-product-demo .case-quick-actions { display: none !important; }
#demo-workspace.native-product-demo .case-current-tool { display: none !important; }
#demo-workspace.native-product-demo .case-alur-visual { color: var(--v26-muted); font-size: 14px; }
#demo-workspace.native-product-demo .case-brief-bubble { border: 0; border-radius: 20px; background: var(--v26-raised); }
#demo-workspace.native-product-demo .case-pane-tabs { background: var(--v26-canvas); border-color: var(--v26-rule); }
#demo-workspace.native-product-demo .case-pane-tabs button[aria-selected=true] { color: var(--v26-accent); background: var(--v26-accent-soft); }
#demo-workspace.native-product-demo :is(.case-status-badge,.case-source-highlight) { color: var(--v26-accent); background: var(--v26-accent-soft); border-color: var(--v26-accent-line); }
#demo-workspace.native-product-demo .case-source-list > li { border-color: var(--v26-line); background: var(--v26-surface); border-radius: 12px; }
#demo-workspace.native-product-demo .case-story[data-case-stage="0"][data-case-sent="false"] .case-brief { padding-inline: 32px; }

/* Education desktop and phone. The desktop is a scaled version of the same shell. */
.edu-research .edu-panel { background: var(--v26-side); border-color: var(--v26-line); }
.edu-research .edu-workspace { --ravi-unit: .081cqw; grid-template-columns: minmax(0,1fr); padding: 0; border: 1px solid var(--v26-line); background: var(--v26-canvas); border-radius: 1em; }
.edu-research .edu-app-body { grid-template-columns: calc(248 * var(--ravi-unit)) minmax(0,1fr); border-radius: 0; }
.edu-research .edu-research-view { background: var(--v26-canvas); }
.edu-research .edu-app-head { background: var(--v26-canvas); border: 0; }
.edu-research .edu-user-message,
.edu-research .edu-phone-bubble { background: var(--v26-raised); color: var(--v26-ink); border-radius: 1.25em; }
.edu-research .edu-process { background: var(--v26-raised); border-color: transparent; border-radius: 1em; }
.edu-research .edu-source-panel { background: var(--v26-canvas); border-color: var(--v26-rule); }
.edu-research .edu-source-card { background: var(--v26-side); border-color: var(--v26-line); border-radius: .8em; }
.edu-research .edu-reference { background: var(--v26-accent-soft); color: var(--v26-accent); border: 0; border-radius: .5em; }
.edu-research .edu-chat-trust { border-color: var(--v26-rule); color: var(--v26-muted); }
.edu-research :is(.edu-composer,.edu-phone-composer) { background: var(--v26-surface); border-color: var(--v26-line); border-radius: 1.5em; box-shadow: var(--v26-composer-shadow); }
.edu-research :is(.edu-send,.edu-phone-send,.edu-composer-send) { background: var(--v26-accent); color: var(--v26-on-accent); border-radius: 50%; }
.edu-research .edu-app-chip { border-color: var(--v26-line); border-radius: 999px; }

/* Shared professional-use-case films use SidebarClient at their native film scale. */
.sx-page .sx-film .sx-native { --ravi-unit: .79px; display: grid; grid-template-columns: calc(248 * var(--ravi-unit)) minmax(0,1fr); padding: 0; border: 1px solid var(--v26-line); border-radius: 12px; background: var(--v26-canvas); }
.sx-page .sx-film:not(.sx-film-story) .sx-native { grid-template-columns: calc(248 * var(--ravi-unit)) minmax(0,1fr); }
.sx-page .sx-film .sx-native-history { grid-area: 1/1; }
.sx-page .sx-film .sx-native-work { grid-area: 1/2; border-radius: 0; background: var(--v26-canvas); grid-template-rows: calc(56 * var(--ravi-unit)) minmax(0,1fr); }
.sx-page .sx-film .sx-native-bar { border: 0; background: var(--v26-canvas); padding: 0 16px; }
.sx-page .sx-film .sx-native-bar > .ravi-crumb { margin: 0; padding: 0; border: 0; font-size: 10px; }
.sx-page .sx-film .sx-native-bar .ravi-crumb svg { width: 12px; height: 12px; }
.sx-page .sx-film .ravi-viewer-head { display: flex; justify-content: space-between; align-items: center; background: var(--v26-canvas); border-bottom: 1px solid var(--v26-rule); color: var(--v26-muted); padding: 12px 16px; font-size: 11px; }
.sx-page .sx-film .ravi-viewer-head > span { padding: 0; color: var(--v26-ink); }
.sx-page .sx-film .sx-native-bar > div b { color: var(--v26-ink); font-size: 12px; }
.sx-page .sx-film .sx-native-bar > div small { display: none; }
.sx-page .sx-film .sx-native-detail { border-color: var(--v26-line); border-radius: 999px; background: var(--v26-surface); }
.sx-page .sx-film :is(.sx-intake-prompt,.sx-story-user,.sx-user,.sx-final-prompt) { background: var(--v26-raised); border-radius: 16px; color: var(--v26-ink); }
.sx-page .sx-film :is(.sx-send,.sx-story-send) { background: var(--v26-accent); border-radius: 50%; }
.sx-page .sx-film :is(.sx-cite,.sx-native-cite,.sx-story-cite) { background: var(--v26-accent-soft); border-color: transparent; color: var(--v26-accent); border-radius: 6px; }
.sx-page .sx-film :is(.sx-intake-file,.sx-story-file,.sx-artifact-card) { background: var(--v26-surface); border-color: var(--v26-line); border-radius: 12px; }
.sx-page .sx-film :is(.sx-contract-page,.sx-story-source,.sx-source-panel) { background: var(--v26-side); border-color: var(--v26-rule); }
.sx-page .sx-film :is(.sx-contract-page blockquote,.sx-story-source mark) { background: var(--v26-accent-soft); color: var(--v26-ink); }

/* Five-step illustrations on each linked use-case page. */
.sol-page .sol-visual { background: var(--v26-side); color: var(--v26-ink); filter: none; }
.sol-page .sol-visual::before { opacity: .025; }
.sol-page :is(.sol-composer,.sol-matrix,.sol-reader,.sol-research-app,.sol-output) { border-color: var(--v26-line); background-color: var(--v26-surface); }
.sol-page :is(.sol-file,.sol-ui-pill,.sol-question) { border-color: var(--v26-line); background-color: var(--v26-raised); color: var(--v26-ink); }
.sol-page :is(.sol-send,.sol-composer-send) { border-radius: 50%; background: var(--v26-accent); color: var(--v26-on-accent); }
.sol-page .sol-research-app { --ravi-unit: .08cqw; grid-template-columns: calc(60 * var(--ravi-unit)) minmax(0,1fr) minmax(0,1fr); border-color: var(--v26-line); }
.sol-page .sol-research-source { background: var(--v26-side); border-color: var(--v26-rule); }
.sol-page .sol-research-source .sol-windowbar { background: var(--v26-canvas); }
.sol-page .sol-research-bar { border: 0; }
.sol-page .sol-research-composer { background: var(--v26-surface); border-color: var(--v26-line); border-radius: 16px; box-shadow: var(--v26-composer-shadow); }
.sol-page :is(.sol-matrix th,.sol-matrix-tools) { background: var(--v26-side); color: var(--v26-muted); }
.sol-page .sol-matrix :is(td,th) { border-color: var(--v26-rule); }
body :is(.ba-workspace,.lk-app,.rs-app) { background: var(--v26-canvas); border-color: var(--v26-line); padding: 0; }
body .ba-workspace { grid-template-columns: 60px minmax(0,1fr) 350px; }
body .lk-app { grid-template-columns: 60px minmax(0,1fr); }
.bid-motion .lk-app,
.bid-motion-knowledge[data-step="0"] .lk-app {
  grid-template-columns: 248px minmax(0,1fr);
  padding: 0; background: var(--v26-canvas); border: 1px solid var(--v26-line);
}
.bid-motion .lk-app > .lk-workspace { grid-area: 1/2; border: 0; border-radius: 0; }
.bid-motion .lk-app > .lk-rail { grid-area: 1/1; }
.bid-motion .lk-app > .ravi-rail { grid-area: 1/1; }
.bid-motion .lk-stage { background: var(--v26-raised); font-size: 16px; }
.bid-rs-demo .rs-app { grid-template-columns: 60px minmax(0,1fr); background: var(--v26-canvas); border-color: var(--v26-line); padding: 0; }
.bid-motion .lk-topbar { height: 56px; background: var(--v26-canvas); border: 0; }
.bid-motion .lk-topbar strong { color: var(--v26-ink); font-size: 15px; letter-spacing: normal; }
.bid-motion .lk-topbar small { color: var(--v26-muted); }
.bid-motion .lk-sidebar { display: none !important; }
body .rs-app { grid-template-columns: 60px minmax(0,1fr); }
body :is(.ba-rail,.lk-rail,.rs-rail) { grid-row: 1/-1; }
body :is(.ba-context,.lk-source,.rs-source,.rs-library) { background: var(--v26-side); border-color: var(--v26-rule); }
body :is(.ba-prompt,.ba-confirmation,.lk-user,.rs-user) { border-radius: 20px; background: var(--v26-raised); color: var(--v26-ink); }
body :is(.ba-composer,.lk-composer,.rs-composer) { border-radius: 24px; border-color: var(--v26-line); background: var(--v26-surface); box-shadow: var(--v26-composer-shadow); }
body :is(.ba-send,.lk-send,.rs-send) { border-radius: 50%; background: var(--v26-accent); color: var(--v26-on-accent); }
body :is(.ba-source mark,.lk-source mark,.rs-source mark) { background: var(--v26-accent-soft); color: var(--v26-ink); }
body :is(.ba-file,.lk-file,.rs-file) { border-color: var(--v26-line); background: var(--v26-surface); }

/* Administration, source chat, memo, source picker and system examples. */
.administration-demo :is(.ad-page,.ad-assistant) { background: var(--v26-canvas); color: var(--v26-ink); }
.administration-demo :is(.ad-assistant-tabs b,.ad-assistant-status,.ad-original-link .ad-original-arrow) { color: var(--v26-accent); }
.administration-demo .ad-assistant-tabs b { border-bottom-color: var(--v26-accent); }
.administration-demo .ad-user-message { background: var(--v26-raised); border-radius: 20px; }
.source-chat .sc-app { border: 1px solid var(--v26-line); border-radius: 16px; background: var(--v26-canvas); backdrop-filter: none; }
.source-chat .sc-app { overflow: hidden; }
.source-chat .sc-response-panel,
.source-chat[data-sc-phase=typing] .sc-response-panel {
  background: var(--v26-canvas); border: 0; border-radius: 0; box-shadow: none;
  opacity: 1; transform: none; backdrop-filter: none;
}
.source-chat[data-sc-phase=typing] .sc-composer { transform: none; }
.source-chat .sc-media, .format-demo .fd-media {
  filter: none; background: linear-gradient(145deg,var(--v26-raised),var(--v26-accent-soft));
}
.source-chat .sc-landscape, .format-demo .fd-landscape { opacity: .025; }
.source-chat .sc-app-head { background: var(--v26-canvas); border-color: var(--v26-rule); }
.source-chat :is(.sc-response-panel,.sc-transcript) { background: var(--v26-canvas); }
.source-chat :is(.sc-user,.sc-user-message) { background: var(--v26-raised); color: var(--v26-ink); border-radius: 20px; }
.source-chat :is(.sc-source-panel,.sc-sources,.sc-picker) { background: var(--v26-side); border-color: var(--v26-rule); }
.source-chat :is(.sc-citation,.sc-source-count) { background: var(--v26-accent-soft); border-color: var(--v26-accent-line); color: var(--v26-accent); border-radius: 7px; }
.source-chat :is(.sc-send,.sc-send:not(:disabled)) { background: var(--v26-accent); color: var(--v26-on-accent); border-radius: 50%; }
.source-chat :is(.sc-composer,.sc-input) { border-color: var(--v26-line); background: var(--v26-surface); border-radius: 24px; box-shadow: var(--v26-composer-shadow); }
.source-chat .sc-result { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.source-chat .sc-app .sc-result { flex: none; padding: 12px 18px; }
.source-chat .sc-app .sc-results { gap: 8px; justify-content: flex-start; }
.source-chat .sc-app .sc-result-title > span { display: none; }
.source-chat .sc-app .sc-result-title h3 { font-weight: 600; }
.source-chat .sc-composer { margin: 6px 12px 12px; padding: 12px 12px 10px; min-height: 110px; backdrop-filter: none; }
.source-chat .sc-question { min-height: 48px; }
.format-demo .fd-floating { color: var(--v26-ink); }
.format-demo .fd-floating {
  --ravi-unit: .72px;
  inset: 28px; padding: 0;
  grid-template-columns: calc(60 * var(--ravi-unit)) minmax(0,.85fr) minmax(0,1.15fr);
  align-items: stretch; gap: 0;
  overflow: hidden; border: 1px solid var(--v26-line); border-radius: 16px;
  background: var(--v26-canvas); box-shadow: var(--v26-float-1);
}
.format-demo .fd-sidebar { grid-area: 1/1; }
.format-demo :is(.fd-pane,.fd-conversation) { background: var(--v26-canvas); border-color: var(--v26-line); border-radius: 16px; backdrop-filter: none; }
.format-demo .fd-floating > .fd-pane { height: 100%; max-height: 100%; border: 0; border-radius: 0; box-shadow: none; }
.format-demo .fd-floating > .fd-conversation { border-right: 1px solid var(--v26-rule); }
.format-demo .fd-thread { flex: 1; min-height: 0; overflow: hidden; }
.format-demo .fd-native-composer { flex: none; margin: 8px; padding: 12px; border: 1px solid var(--v26-line); border-radius: 18px; background: var(--v26-surface); box-shadow: var(--v26-composer-shadow); color: var(--v26-muted); font-size: 10px; }
.format-demo .fd-native-composer > div { display: flex; align-items: center; gap: 7px; padding-top: 16px; font-size: 9px; }
.format-demo .fd-native-composer i { display: grid; place-items: center; width: 26px; height: 26px; margin-left: auto; border-radius: 50%; background: var(--v26-accent); color: var(--v26-on-accent); font-style: normal; font-size: 18px; }
.format-demo .fd-pane-head { background: var(--v26-canvas); border-color: var(--v26-rule); color: var(--v26-ink); }
.format-demo .fd-user { background: var(--v26-raised); color: var(--v26-ink); border-radius: 20px; }
.format-demo .fd-assistant { background: var(--v26-canvas); color: var(--v26-ink); border: 0; }
.format-demo .fd-floating .fd-assistant { box-shadow: none; border-radius: 0; background: transparent; }
.format-demo .fd-document { background: var(--v26-side); }
.format-demo .fd-attachments > span { background: var(--v26-surface); color: var(--v26-ink-2); border-color: var(--v26-line); border-radius: 12px; }
.format-demo [data-fd-document-state] { background: var(--v26-ok-bg); color: var(--v26-ok-ink); }
body .system-app { --ravi-unit: .7px; grid-template-columns: calc(60 * var(--ravi-unit)) minmax(0,1fr); border: 1px solid var(--v26-line); border-radius: 12px; background: var(--v26-canvas); padding: 0; }
body .system-app-content { border-radius: 0; background: var(--v26-canvas); }
body .system-app-tabs { border-color: var(--v26-rule); color: var(--v26-muted); }
body .system-app-tabs .is-current { color: var(--v26-accent); border-color: var(--v26-accent); }
body .ic-app-window { background: var(--v26-canvas); border: 1px solid var(--v26-line); }
body .ui-motion-stage { filter: none; }
.ravi-ui .ravi-answer-mark {
  display: inline-grid; place-items: center; flex: none;
  width: 1.6em; height: 1.6em; padding: 0; border-radius: 30%; background: var(--v26-accent);
  margin: 0 !important; padding: 0 !important; background: var(--v26-accent) !important; font-size: inherit !important;
}
.ravi-ui .ravi-answer-mark img {
  display: block; width: 72%; height: 72%; margin: 0; padding: 0; object-fit: contain;
  filter: brightness(0) invert(1) !important;
}
.ravi-ui :is(.sol-citation,.sol-reference,.lk-cite,.rs-cite,.sx-cite,.case-cite),
.sol-research-thread .sol-ui-pill {
  color: var(--v26-accent); background: var(--v26-accent-soft); border-color: transparent; border-radius: 7px;
}
.ravi-ui :is(.case-source-reference,.edu-reference) { color: var(--v26-accent); }
.ravi-ui :is([class$="-file-icon"],[class$="-file-type"],[class$="-file-kind"],[class$="-file-tile"],[class$="-doc-icon"]) { background: var(--v26-k-tile); color: var(--v26-k-glyph); }
.ravi-ui mark { background: var(--v26-accent-soft); color: var(--v26-ink); }
body .bid-motion, .system-page .system-media { filter: none; }
:is(.sc-source-dialog,.fd-document-dialog) { filter: none; color: var(--v26-ink); }

/* Knowledge and process illustrations retain their choreography in the new palette. */
.legal-pillars .lp-pillar-riset { background: linear-gradient(145deg,var(--v26-side),var(--v26-accent-soft)); }
.legal-pillars .lp-reference-art { filter: none; }
.lp-art-research [data-lp-ref-detail] rect { fill: var(--v26-accent); }
.lp-pillar-susun .lp-ref-draft-foreground rect[fill="#527AF0"] { fill: var(--v26-accent); }
.native-workflow .nwf-canvas { background: var(--v26-side); background-image: radial-gradient(circle,var(--v26-line-strong) 1px,transparent 1px); background-size: 24px 24px; }
.native-workflow :is(.nwf-start,.nwf-database) { color: var(--v26-on-accent); background: var(--v26-accent); border-color: var(--v26-accent); }
.native-workflow .nwf-node { background: var(--v26-surface); border-color: var(--v26-line); color: var(--v26-ink); border-radius: 16px; }
.native-workflow .nwf-hop.is-active .nwf-node { color: var(--v26-ink); background: var(--v26-accent-soft); border-color: var(--v26-accent-line); }
.native-workflow .nwf-edge { color: var(--v26-line-strong); }
.native-workflow .nwf-start-hint { color: var(--v26-muted); }
.knowledge-os .kos-layer.is-active { background: var(--v26-accent); box-shadow: inset 0 0 0 1px var(--v26-accent-line); }
.knowledge-os .kos-layer.is-active .kos-toggle { color: var(--v26-on-accent); }

/* Source documents keep document typography; their app chrome uses Instrument Sans. */
.ravi-ui :is(.ba-paper,.ba-paper p,.ba-paper h3,.ba-paper h4,.fd-paper,.fd-paper p,.fd-paper h4,.case-memo-paper,.case-memo-paper p,.sol-document,.sol-document p) {
  font-family: Georgia, "Times New Roman", serif !important;
}
.ravi-ui .sol-document :is(h4,p,small,blockquote) { font-family: Georgia, "Times New Roman", serif !important; }
@media (max-width:760px) {
  .format-demo .fd-floating { inset: 16px; grid-template-columns: calc(60 * var(--ravi-unit)) minmax(0,.9fr) minmax(0,1.1fr); }
}
@media (max-width:700px) {
  #demo-workspace.native-product-demo .product-surface { grid-template-columns: 248px minmax(0,1fr); }
  #demo-workspace.native-product-demo .product-history { position: static; width: auto; }
}