/* Caria's own identity, with iOS-inspired material, hierarchy and touch targets.
   Glass is reserved for navigation. Tables and business content stay legible. */
body.caria-journey {
  --page:#f3f3f7; --surface:#fff; --raised:#fff; --subtle:#f6f5f9;
  --text:#24232a; --secondary:#64636f; --tertiary:#71707c;
  --line:#e4e3ea; --border:var(--line); --ink:var(--text); --muted:var(--secondary);
  --hover:#efedf5; --ux-accent:#703ee5; --caria-action:#703ee5; --purple:#703ee5;
  --tint:#f0eafa; --glass:#ffffffc9; --glass-edge:#ffffffed;
  --product-shadow:0 12px 36px #27203008,0 1px 3px #27203005;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.caria-journey[data-caria-product=trading] {
  --lg-page:#f3f3f7; --lg-surface:#fff; --lg-soft:#f6f5f9; --lg-ink:#24232a;
  --lg-muted:#64636f; --lg-line:#e4e3ea; --lg-glass:var(--glass);
  --lg-edge:var(--glass-edge); --lg-accent:#703ee5; --lg-tint:#f0eafa;
}
:root[data-theme=dark] body.caria-journey {
  --page:#151419; --surface:#222127; --raised:#2c2a32; --subtle:#29272f;
  --text:#f5f3f9; --secondary:#bbb6c5; --tertiary:#aaa3b7; --line:#3c3744;
  --hover:#35303e; --ux-accent:#c5a8ff; --caria-action:#c5a8ff;
  --purple:#c5a8ff; --tint:#362b48; --glass:#29252fdc; --glass-edge:#48414f;
  --product-shadow:0 12px 36px #0003,0 1px 3px #0002;
}
:root[data-theme=dark] body.caria-journey[data-caria-product=trading] {
  --lg-page:var(--page); --lg-surface:var(--surface); --lg-soft:var(--subtle);
  --lg-ink:var(--text); --lg-muted:var(--secondary); --lg-line:var(--line);
  --lg-accent:var(--ux-accent); --lg-tint:var(--tint);
}
body.caria-journey .os-shell {
  background:radial-gradient(ellipse at 85% 0%,#ac9bd517,transparent 50%),var(--page);
}
body.caria-journey .os-topbar {
  min-height:76px; padding:10px 26px; gap:20px; background:transparent;
  border:0; backdrop-filter:none;
}
body.caria-journey .caria-global-brand {gap:10px;padding:8px 0;border-radius:14px;}
body.caria-journey .caria-global-brand img {width:32px;height:32px;}
body.caria-journey .caria-global-brand > span {font-size:24px;font-weight:680;letter-spacing:-1px;}
body.caria-journey .caria-global-brand strong {font-weight:450;color:var(--secondary);}
body.caria-journey .with-sidebar {grid-template-columns:222px minmax(0,1fr);}
body.caria-journey .workspace-sidebar {
  background:transparent;border:0;box-shadow:none;margin:0 0 20px 14px;padding:8px 10px 14px;
}
body.caria-journey .sidebar-links {gap:6px;}
body.caria-journey .sidebar-links button,body.caria-journey .sidebar-bottom > button {
  color:var(--secondary);min-height:46px;padding:12px;border-radius:15px;font-size:14px;
}
body.caria-journey .sidebar-links button.active,body.caria-journey .sidebar-bottom > button.active {
  background:var(--glass);color:var(--text);font-weight:650;
  box-shadow:0 4px 16px #22153206,inset 0 0 0 1px var(--glass-edge);
}
body.caria-journey .sidebar-links button.active > .icon {color:var(--ux-accent);}
body.caria-journey .sidebar-links button:hover,body.caria-journey .sidebar-bottom > button:hover {background:var(--hover);color:var(--text);}
body.caria-journey .sidebar-label,body.caria-journey .sidebar-workspace-title {color:var(--secondary);}
body.caria-journey .sidebar-account {border-color:var(--line);}
body.caria-journey .sidebar-account strong {color:var(--text);}
body.caria-journey .sidebar-account small {color:var(--secondary);}
body.caria-journey .sidebar-account-avatar {background:var(--tint);color:var(--ux-accent);}
body.caria-journey .navigation-new {border-radius:15px;background:var(--text);color:var(--surface);min-height:44px;}
body.caria-journey .os-main {padding:0 22px 22px 6px;gap:18px;}
body.caria-journey .workspace-canvas,body.caria-journey .canvas-open .chat-room {
  border:1px solid var(--glass-edge);border-radius:28px;background:var(--surface);box-shadow:var(--product-shadow);
}
body.caria-journey .canvas-open .chat-room {background:var(--surface);}
body.caria-journey .canvas-scroll {padding:30px;}
body.caria-journey .canvas-bar {padding-inline:28px;background:transparent;min-height:54px;}
body.caria-journey :is(.intro,.viewheading,.workspace-heading) h1 {
  font-size:clamp(30px,2.6vw,42px);line-height:1.12;font-weight:650;letter-spacing:-.045em;text-wrap:balance;
}
body.caria-journey :is(.panel,.director-card,.mission,.stat) {border-radius:20px;box-shadow:none;border-color:var(--line);}
body.caria-journey :is(.btn,.td-primary,.ms-primary) {min-height:44px;border-radius:14px;}
body.caria-journey .btn.primary {background:var(--ux-accent);border-color:var(--ux-accent);color:white;box-shadow:0 4px 10px #703ee519;}
body.caria-journey :is(input,select,textarea):not([type=checkbox]):not([type=radio]) {border-radius:12px;}
body.caria-journey :is(button,a,input,select,textarea):focus-visible {outline:3px solid var(--ux-accent);outline-offset:3px;}
body.caria-journey .navigation-launcher,body.caria-journey .navigation-more,body.caria-journey .companion-toggle {
  background:var(--glass);border:1px solid var(--glass-edge);border-radius:999px;min-height:44px;
  box-shadow:inset 0 1px 0 var(--glass-edge),0 3px 12px #271b3b05;
  backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);
}
body.caria-journey .navigation-dock {background:var(--glass);border:1px solid var(--glass-edge);border-radius:28px;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);}
body.caria-journey .navigation-dock button {min-width:44px;min-height:50px;border-radius:21px;color:var(--secondary);}
body.caria-journey .navigation-dock button.active {background:var(--tint);color:var(--ux-accent);}
body.caria-journey dialog {border-radius:28px;border:1px solid var(--glass-edge);background:var(--surface);color:var(--text);box-shadow:0 32px 90px #17102130;}
body.caria-journey dialog::backdrop {background:#17102138;backdrop-filter:blur(6px);}
body.caria-journey .product-signup-context {color:var(--ux-accent);font-weight:650;font-size:18px;letter-spacing:-.025em;}
body.caria-journey :is(.composer,.os-composer) {border-radius:22px;background:var(--surface);}
:root[data-theme=dark] body.caria-journey .btn.primary {color:#21162f;}
@media(min-width:1500px) {body.caria-journey .canvas-scroll {padding:38px 44px;}}
@media(max-width:1000px) {
  body.caria-journey .os-topbar {padding-inline:18px;}
  body.caria-journey .with-sidebar {grid-template-columns:190px minmax(0,1fr);}
  body.caria-journey .canvas-scroll {padding:24px;}
}
@media(max-width:760px) {
  body.caria-journey .with-sidebar {grid-template-columns:minmax(0,1fr);}
  body.caria-journey .os-topbar {min-height:66px;padding:8px 14px;gap:8px;}
  body.caria-journey .caria-global-brand > span {font-size:20px;}
  body.caria-journey .caria-global-brand img {width:27px;height:27px;}
  body.caria-journey .os-main {padding:0 10px 100px;gap:10px;}
  body.caria-journey .workspace-canvas,body.caria-journey .canvas-open .chat-room {border-radius:23px;}
  body.caria-journey .canvas-scroll {padding:22px 18px;}
  body.caria-journey .canvas-bar {padding-inline:18px;}
  body.caria-journey .navigation-dock {left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:6px;gap:2px;}
  body.caria-journey .navigation-dock button span {font-size:12px;}
  body.caria-journey dialog {max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:24px;border-radius:25px;}
}
@media(prefers-reduced-motion:reduce) {
  body.caria-journey *,body.caria-journey *::before,body.caria-journey *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  body.caria-journey {--glass:var(--surface);}
  body.caria-journey .navigation-dock,body.caria-journey .navigation-launcher,body.caria-journey dialog::backdrop {backdrop-filter:none;-webkit-backdrop-filter:none;}
}