/* Stage 1 / R20 — shared shell, portal and existing application finish.
 * The supplied cinematic reference is the visual target. Home and Intelligence Canvas
 * own their internal surfaces. Navigation order, permissions and controls are retained.
 */
html[data-ui="5"] {
  --r20-chrome:rgba(5,14,22,.94);
  --r20-chrome-soft:rgba(10,24,35,.70);
  --r20-chrome-raised:rgba(15,32,44,.94);
  --r20-chrome-line:rgba(167,207,225,.12);
  --r20-chrome-line-bright:rgba(154,214,238,.24);
  --r20-chrome-text:#edf4f7;
  --r20-chrome-muted:#9baeb9;
  --r20-chrome-quiet:#8095a2;
  --r20-chrome-orange:#ffac64;
  --r20-chrome-cyan:#82d4e6;
  --r20-chrome-tint:rgba(255,163,83,.075);
  --r20-chrome-shadow:0 20px 60px rgba(0,0,0,.25);
}

html[data-ui="5"][data-theme="light"] {
  --r20-chrome:rgba(245,249,251,.96);
  --r20-chrome-soft:rgba(238,244,247,.82);
  --r20-chrome-raised:rgba(255,255,255,.97);
  --r20-chrome-line:rgba(49,83,103,.15);
  --r20-chrome-line-bright:rgba(49,111,137,.30);
  --r20-chrome-text:#203442;
  --r20-chrome-muted:#536c7c;
  --r20-chrome-quiet:#647d8c;
  --r20-chrome-orange:#965216;
  --r20-chrome-cyan:#126b80;
  --r20-chrome-tint:rgba(172,91,26,.055);
  --r20-chrome-shadow:0 20px 60px rgba(39,71,89,.08);
}

/* The navigation is one continuous glass instrument, with a fine selected edge. */
html[data-ui="5"] .ui5-shell[class] .sidebar {
  gap:12px;
  padding:16px 12px 12px!important;
  background:var(--r20-chrome)!important;
  color:var(--r20-chrome-text);
  border-right-color:var(--r20-chrome-line)!important;
  border-radius:0!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.018)!important;
  backdrop-filter:blur(28px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(112%)!important;
}
html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand {
  min-height:60px!important;
  padding:0 6px 13px!important;
  border-bottom-color:var(--r20-chrome-line)!important;
}
html[data-ui="5"] .ui5-shell .sidebar .brand img { filter:none!important; }
html[data-ui="5"] .ui5-shell .sidebar .brand strong {
  color:var(--r20-chrome-text)!important;
  font-size:12px!important;
  letter-spacing:.075em!important;
}
html[data-ui="5"] .ui5-shell .sidebar .brand small { color:var(--r20-chrome-muted)!important; }
html[data-ui="5"] .ui5-shell .sidebar .sidebar-context {
  padding:0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-ui="5"] .ui5-shell .sidebar .glass-context {
  padding:9px 8px!important;
  min-height:58px;
  background:transparent!important;
  color:var(--r20-chrome-text)!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  font-size:12px;
}
html[data-ui="5"] .ui5-shell .sidebar .glass-context small { color:var(--r20-chrome-quiet)!important; }
html[data-ui="5"] .ui5-shell .sidebar .glass-context>svg { color:var(--r20-chrome-cyan); }
html[data-ui="5"] .ui5-shell .sidebar .org-switch {
  color:var(--r20-chrome-muted)!important;
  background:transparent!important;
  border:0!important;
  font-size:11px;
  box-shadow:none!important;
}
html[data-ui="5"] .ui5-shell .sidebar .sidebar-search {
  height:40px!important;
  min-height:40px!important;
  border-radius:10px!important;
  background:var(--r20-chrome-soft)!important;
  color:var(--r20-chrome-muted)!important;
  border:1px solid var(--r20-chrome-line)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  font-size:12px;
}
html[data-ui="5"] .ui5-shell .sidebar .sidebar-search kbd {
  border:0;
  padding:0;
  color:var(--r20-chrome-quiet);
  font-size:10px;
}
html[data-ui="5"] .ui5-shell .sidebar>nav { padding-inline:0; scrollbar-color:var(--r20-chrome-line-bright) transparent; }
html[data-ui="5"] .ui5-shell .sidebar .ui5-priority-nav { padding-bottom:12px; margin-bottom:7px; border-color:var(--r20-chrome-line); }
html[data-ui="5"] .ui5-shell .sidebar .nav-item {
  min-height:42px!important;
  margin:1px 0!important;
  padding:10px 12px!important;
  gap:11px;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:var(--r20-chrome-muted)!important;
  background:transparent!important;
  font-size:12.5px;
  font-weight:500;
  letter-spacing:0;
  box-shadow:none!important;
  transform:none!important;
  will-change:auto;
  transition:background 180ms ease,color 180ms ease,border-color 180ms ease!important;
}
html[data-ui="5"] .ui5-shell .sidebar .nav-item svg { color:currentColor!important; opacity:.8; filter:none!important; }
html[data-ui="5"] .ui5-shell .sidebar .nav-item:hover {
  color:var(--r20-chrome-text)!important;
  background:var(--r20-chrome-soft)!important;
  border-color:transparent!important;
  transform:none!important;
}
html[data-ui="5"] .ui5-shell .sidebar .nav-item.active {
  color:var(--r20-chrome-text)!important;
  background:linear-gradient(90deg,var(--r20-chrome-tint),transparent)!important;
  border-color:transparent!important;
  box-shadow:none!important;
  font-weight:650;
}
html[data-ui="5"] .ui5-shell .sidebar .nav-item.active::before {
  width:2px!important;
  top:11px!important;
  bottom:11px!important;
  border-radius:0;
  background:var(--r20-chrome-orange)!important;
  box-shadow:none!important;
}
html[data-ui="5"] .ui5-shell .sidebar .nav-item.active svg { color:var(--r20-chrome-orange)!important; opacity:1; }
html[data-ui="5"] .ui5-shell .sidebar .nav-group { margin-block:11px; }
html[data-ui="5"] .ui5-shell .sidebar .nav-group-toggle {
  min-height:34px;
  padding:7px 12px;
  color:var(--r20-chrome-quiet);
  font-size:10px;
  font-weight:550;
  letter-spacing:.01em;
}
html[data-ui="5"] .ui5-shell .sidebar .sidebar-bottom { border-color:var(--r20-chrome-line)!important; padding-top:12px; }
@media(min-width:900px) {
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar { padding-inline:7px!important; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .sidebar-brand { padding-inline:0!important; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .brand img { width:34px!important; height:40px!important; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .nav-item { padding-inline:8px!important; }
}

/* Chrome has one calm plane; only the active action carries a warm edge. */
html[data-ui="5"] .ui5-shell[class] .topbar {
  margin:0!important;
  width:100%!important;
  border-radius:0!important;
  background:var(--r20-chrome)!important;
  border-bottom-color:var(--r20-chrome-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(28px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(112%)!important;
}
html[data-ui="5"] .ui5-shell .topbar::before { opacity:.25; }
html[data-ui="5"] .ui5-shell .topbar::after { opacity:.3; }
html[data-ui="5"] .ui5-shell .topbar .topbar-left,
html[data-ui="5"] .ui5-shell .topbar .topbar-actions { gap:8px; min-width:0; }
html[data-ui="5"] .ui5-shell .topbar .btn {
  border-radius:9px!important;
  color:var(--r20-chrome-muted)!important;
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-ui="5"] .ui5-shell .topbar .btn:hover:not(:disabled) {
  color:var(--r20-chrome-text)!important;
  background:var(--r20-chrome-soft)!important;
  border-color:var(--r20-chrome-line)!important;
}
html[data-ui="5"] .ui5-shell .topbar .btn::before { opacity:0!important; }
html[data-ui="5"] .ui5-shell .topbar .cs-global-search,
html[data-ui="5"] .ui5-shell .topbar .cs-system-switcher-trigger {
  min-height:40px!important;
  border-radius:9px!important;
  border-color:var(--r20-chrome-line)!important;
  background:var(--r20-chrome-soft)!important;
  color:var(--r20-chrome-muted)!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-ui="5"] .ui5-shell .topbar .cs-system-current strong { color:var(--r20-chrome-text)!important; font-size:12px; font-weight:650; }
html[data-ui="5"] .ui5-shell .topbar .cs-system-current small { color:var(--r20-chrome-quiet)!important; font-size:9px; }
html[data-ui="5"] .ui5-shell .topbar .cs-system-mark { background:transparent!important; border-color:transparent!important; box-shadow:none!important; color:var(--r20-chrome-cyan)!important; }
html[data-ui="5"] .ui5-shell .topbar .cs-global-search kbd { color:var(--r20-chrome-quiet); border-color:var(--r20-chrome-line); }
html[data-ui="5"] .ui5-shell .topbar .cs-quick-action {
  background:var(--r20-chrome-tint)!important;
  border-color:color-mix(in srgb,var(--r20-chrome-orange) 26%,transparent)!important;
  color:var(--r20-chrome-orange)!important;
  font-size:11px;
  font-weight:600;
}
html[data-ui="5"] .ui5-shell .topbar .cs-top-profile {
  min-height:40px;
  color:var(--r20-chrome-text);
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
html[data-ui="5"] .ui5-shell .topbar .cs-top-avatar { color:var(--r20-chrome-text); background:var(--r20-chrome-soft); border:1px solid var(--r20-chrome-line); box-shadow:none!important; }
html[data-ui="5"] .ui5-shell .topbar .cs-top-profile-copy small,
html[data-ui="5"] .ui5-shell .topbar .breadcrumb { color:var(--r20-chrome-muted)!important; }
html[data-ui="5"] .ui5-shell .topbar .breadcrumb strong { color:var(--r20-chrome-text)!important; }
html[data-ui="5"] .ui5-shell .topbar .cs-notification-dot { box-shadow:none; background:var(--r20-chrome-orange); }
html[data-ui="5"] .ui5-shell .cs-system-switcher-panel {
  border-radius:18px!important;
  background:var(--r20-chrome-raised)!important;
  border-color:var(--r20-chrome-line-bright)!important;
  box-shadow:var(--r20-chrome-shadow)!important;
  color:var(--r20-chrome-text);
}
html[data-ui="5"] .ui5-shell .cs-system-option { min-height:52px; border-radius:9px!important; color:var(--r20-chrome-text)!important; }
html[data-ui="5"] .ui5-shell .cs-system-option small { color:var(--r20-chrome-muted)!important; }
html[data-ui="5"] .ui5-shell .cs-system-option.active { background:var(--r20-chrome-tint)!important; border-color:var(--r20-chrome-line)!important; box-shadow:none!important; }
html[data-ui="5"] .ui5-shell .cs-system-option-icon { color:var(--r20-chrome-cyan)!important; background:var(--r20-chrome-soft)!important; border-color:var(--r20-chrome-line)!important; box-shadow:none!important; }
html[data-ui="5"] .ui5-shell .cs-system-switcher-all { min-height:44px; color:var(--r20-chrome-orange); border-color:var(--r20-chrome-line); }
html[data-ui="5"] .ui5-shell .cs-command-dock {
  border-radius:20px!important;
  background:var(--r20-chrome)!important;
  border:1px solid var(--r20-chrome-line-bright)!important;
  box-shadow:var(--r20-chrome-shadow),inset 0 1px rgba(255,255,255,.04)!important;
}
html[data-ui="5"] .ui5-shell .cs-command-dock:hover,
html[data-ui="5"] .ui5-shell .cs-command-dock:focus-within { border-radius:24px!important; transform:translateY(-1px)!important; box-shadow:var(--r20-chrome-shadow)!important; }
html[data-ui="5"] .ui5-shell .cs-command-dock::before { opacity:.25; }
html[data-ui="5"] .ui5-shell .cs-command-dock::after { opacity:.4; box-shadow:none!important; }
html[data-ui="5"] .ui5-shell .cs-command-dock-main { min-height:44px!important; border-radius:14px!important; border-color:transparent!important; background:transparent!important; }
html[data-ui="5"] .ui5-shell .cs-command-dock-copy strong { color:var(--r20-chrome-text); }
html[data-ui="5"] .ui5-shell .cs-command-dock-copy small { color:var(--r20-chrome-muted); }
html[data-ui="5"] .ui5-shell .cs-command-dock-search { color:var(--r20-chrome-cyan); border-color:transparent; background:transparent; box-shadow:none; }
html[data-ui="5"] .ui5-shell .cs-command-ai { min-width:44px!important; min-height:44px!important; border-radius:14px!important; background:var(--r20-chrome-soft)!important; border-color:var(--r20-chrome-line)!important; color:var(--r20-chrome-text)!important; box-shadow:none!important; }
html[data-ui="5"] .ui5-shell .workspace-footer { border-color:var(--r20-chrome-line); color:var(--r20-chrome-quiet); letter-spacing:.06em; }

/* The portal uses the same edge, depth and type rhythm without replacing content. */
html[data-ui="5"] .public-shell {
  --site-bg:#050d15;
  --site-ink:var(--r20-chrome-text);
  --site-muted:var(--r20-chrome-muted);
  background:var(--site-bg);
  color:var(--site-ink);
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
html[data-ui="5"] .public-shell .site-header {
  background:var(--r20-chrome);
  border-color:var(--r20-chrome-line);
  box-shadow:none;
  backdrop-filter:blur(28px) saturate(112%);
  -webkit-backdrop-filter:blur(28px) saturate(112%);
}
html[data-ui="5"] .public-shell .site-header-inner { min-height:80px; padding-block:14px; }
html[data-ui="5"] .public-shell .site-header .brand strong { color:var(--r20-chrome-text); }
html[data-ui="5"] .public-shell .site-header .brand small { color:var(--r20-chrome-muted); }
html[data-ui="5"] .public-shell .site-nav { color:var(--r20-chrome-muted); font-size:12px; }
html[data-ui="5"] .public-shell .site-nav a { display:inline-flex; align-items:center; min-height:44px; }
html[data-ui="5"] .public-shell .site-nav a:hover,
html[data-ui="5"] .public-shell .site-nav [aria-current="page"] { color:var(--r20-chrome-text); }
html[data-ui="5"] .public-shell .site-nav [aria-current="page"]::after { height:1px; width:22px; background:var(--r20-chrome-orange); }
html[data-ui="5"] .public-shell .site-login { color:var(--r20-chrome-muted); }
html[data-ui="5"] .public-shell .btn {
  min-height:48px;
  border-radius:12px;
  font-weight:600;
  transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease;
}
html[data-ui="5"] .public-shell .btn.primary {
  color:var(--r20-chrome-orange)!important;
  background:linear-gradient(135deg,var(--r20-chrome-tint),var(--r20-chrome-soft))!important;
  border:1px solid color-mix(in srgb,var(--r20-chrome-orange) 38%,transparent)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
}
html[data-ui="5"] .public-shell .btn.primary:hover:not(:disabled) { border-color:var(--r20-chrome-orange)!important; background:var(--r20-chrome-tint)!important; box-shadow:inset 0 1px rgba(255,255,255,.08)!important; }
html[data-ui="5"] .public-shell .btn.secondary { color:var(--r20-chrome-text)!important; background:var(--r20-chrome-soft)!important; border-color:var(--r20-chrome-line-bright)!important; box-shadow:none!important; }
html[data-ui="5"] .public-shell .site-header .btn.icon { color:var(--r20-chrome-muted)!important; background:transparent!important; border-color:transparent!important; min-width:44px; min-height:44px; }
html[data-ui="5"] .public-shell .signature-hero {
  background:radial-gradient(ellipse at 23% 42%,rgba(76,171,201,.055),transparent 51%),radial-gradient(ellipse at 74% 14%,rgba(241,145,56,.04),transparent 44%);
}
html[data-ui="5"] .public-shell .hero-kicker { border:0; border-inline-start:1px solid var(--r20-chrome-orange); border-radius:0; padding-inline:12px; background:transparent; color:var(--r20-chrome-muted); }
html[data-ui="5"] .public-shell .hero-kicker i { box-shadow:none; }
html[data-ui="5"] .public-shell .signature-hero h1,
html[data-ui="5"] .public-shell .public-page-head h1 { font-weight:650; letter-spacing:-.05em; }
html[data-ui="5"] .public-shell .signature-lead { line-height:1.9; }
html[data-ui="5"] .public-shell .orbit-label { border-color:var(--r20-chrome-line-bright); background:var(--r20-chrome); color:var(--r20-chrome-text); box-shadow:var(--r20-chrome-shadow); border-radius:12px; }
html[data-ui="5"] .public-shell :is(.ecosystem-showcase,.trust-strip,.value-card,.ecosystem-product,.subscription-plan,.contact-form-card,.purchase-card,.purchase-summary,.product-advice) {
  border-color:var(--r20-chrome-line)!important;
  background:linear-gradient(145deg,var(--r20-chrome-soft),var(--r20-chrome))!important;
  border-radius:22px;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
html[data-ui="5"] .public-shell .showcase-tabs { background:transparent; border-color:var(--r20-chrome-line); padding:6px 14px; gap:8px; }
html[data-ui="5"] .public-shell .showcase-tabs button { border-radius:0; min-height:48px; color:var(--r20-chrome-muted); background:transparent; border:0; border-bottom:1px solid transparent; }
html[data-ui="5"] .public-shell .showcase-tabs button.active { color:var(--r20-chrome-text); background:transparent; border-color:var(--r20-chrome-orange); }
html[data-ui="5"] .public-shell .showcase-feature { border-color:var(--r20-chrome-line); }
html[data-ui="5"] .public-shell .showcase-quick>a { border-color:var(--r20-chrome-line); }
html[data-ui="5"] .public-shell .feature-icon { color:var(--r20-chrome-cyan); background:var(--r20-chrome-soft); border-color:var(--r20-chrome-line); box-shadow:none; border-radius:12px; }
html[data-ui="5"] .public-shell .audience-rail,
html[data-ui="5"] .public-shell .audience-rail>a,
html[data-ui="5"] .public-shell .faq-list,
html[data-ui="5"] .public-shell .faq-item { border-color:var(--r20-chrome-line); }
html[data-ui="5"] .public-shell .site-footer { background:var(--r20-chrome); border-color:var(--r20-chrome-line); }
html[data-ui="5"] .public-shell .site-footer-col>a { color:var(--r20-chrome-muted); }
html[data-ui="5"] .public-shell .site-footer-bottom { border-color:var(--r20-chrome-line); color:var(--r20-chrome-muted); }
html[data-ui="5"][data-theme="light"] .public-shell { --site-bg:#f3f7f9; }
html[data-ui="5"][data-theme="light"] .public-shell .signature-hero h1 span { background:none; color:var(--r20-chrome-orange); -webkit-text-fill-color:currentColor; }
html[data-ui="5"][data-theme="light"] .public-shell :is(.site-final h2 span,.audience-rail>p strong,.site-footer-col h2,.site-section h2,.site-section h3) { color:var(--r20-chrome-text); }

/* Mobile uses the same composition with full finger-sized controls. */
@media(max-width:899px) {
  html[data-ui="5"] .ui5-shell[class] .sidebar { padding-top:calc(16px + env(safe-area-inset-top))!important; }
  html[data-ui="5"] .ui5-shell .sidebar .nav-item { min-height:46px!important; padding-block:11px!important; font-size:14px; }
  html[data-ui="5"] .ui5-shell .sidebar .nav-group-toggle { min-height:44px; font-size:11px; }
  html[data-ui="5"] .ui5-shell .sidebar :is(.sidebar-search,.org-switch,.btn.icon) { min-height:44px!important; }
  html[data-ui="5"] .ui5-shell[class] .topbar { padding-inline:10px!important; }
  html[data-ui="5"] .ui5-shell .topbar .topbar-left { gap:8px; }
  html[data-ui="5"] .ui5-shell .topbar .topbar-actions { gap:3px; }
  html[data-ui="5"] .ui5-shell .topbar .btn,
  html[data-ui="5"] .ui5-shell .topbar .topbar-left>button.mobile-only {
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:10px!important;
    background:transparent!important;
    border-color:var(--r20-chrome-line)!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }
  html[data-ui="5"] .ui5-shell .topbar .cs-top-profile { min-height:44px; min-width:44px; justify-content:center; }
  html[data-ui="5"] .ui5-shell .topbar .cs-mobile-brand { color:var(--r20-chrome-text)!important; }
  html[data-ui="5"] .ui5-shell .topbar .cs-mobile-brand strong { font-size:12px!important; letter-spacing:.06em!important; }
  html[data-ui="5"] .ui5-shell .topbar .cs-mobile-brand img { filter:none!important; }
  html[data-ui="5"] .ui5-shell .mobile-workspace-nav {
    background:var(--r20-chrome)!important;
    border-color:var(--r20-chrome-line)!important;
    box-shadow:none!important;
    backdrop-filter:blur(24px)!important;
    -webkit-backdrop-filter:blur(24px)!important;
  }
  html[data-ui="5"] .ui5-shell .mobile-workspace-nav :is(a,button) { min-height:56px; color:var(--r20-chrome-muted); border-radius:0; }
  html[data-ui="5"] .ui5-shell .mobile-workspace-nav [aria-current="page"] { color:var(--r20-chrome-orange)!important; background:transparent!important; box-shadow:inset 0 1px var(--r20-chrome-orange)!important; }
  html[data-ui="5"] .public-shell .site-header-inner { min-height:72px; padding-block:10px; }
  html[data-ui="5"] .public-shell .site-header-actions { gap:3px; }
  html[data-ui="5"] .public-shell .site-login { min-height:44px; padding-inline:5px; }
  html[data-ui="5"] .public-shell .signature-hero { padding-top:34px; }
  html[data-ui="5"] .public-shell .signature-hero h1 { font-size:clamp(40px,10.8vw,62px); line-height:1.16; }
  html[data-ui="5"] .public-shell .site-section { padding-inline:22px; }
  html[data-ui="5"] .public-shell :is(.chip,.showcase-tabs button) { min-height:44px; }
  html[data-ui="5"] .public-shell .site-footer-col>a { display:flex; align-items:center; min-height:44px; margin-top:0; }
  html[data-ui="5"] .public-shell .public-bottom-nav { background:var(--r20-chrome); border-color:var(--r20-chrome-line); box-shadow:none; }
  html[data-ui="5"] .public-shell .public-bottom-nav a { min-height:48px; color:var(--r20-chrome-muted); border-radius:0; }
  html[data-ui="5"] .public-shell .public-bottom-nav a[aria-current="page"] { background:transparent; color:var(--r20-chrome-orange); box-shadow:inset 0 1px var(--r20-chrome-orange); }
}

/* Preserve user display choices after the legacy layers. */
html[data-ui="5"][data-contrast="high"],
html[data-ui="5"].a11y-contrast {
  --r20-chrome-line:rgba(186,216,231,.56);
  --r20-chrome-line-bright:rgba(186,216,231,.74);
  --r20-chrome-muted:#ccdce4;
  --r20-chrome-quiet:#b9cdd8;
}
html[data-ui="5"][data-theme="light"][data-contrast="high"],
html[data-ui="5"][data-theme="light"].a11y-contrast {
  --r20-chrome-line:rgba(35,68,87,.52);
  --r20-chrome-line-bright:rgba(35,68,87,.74);
  --r20-chrome-muted:#304e60;
  --r20-chrome-quiet:#39586a;
}
html[data-ui="5"][data-ui-effects="reduced"] .ui5-shell :is(.sidebar,.topbar,.cs-system-switcher-panel,.cs-command-dock,.mobile-workspace-nav),
html[data-ui="5"][data-reduce-transparency="true"] .ui5-shell :is(.sidebar,.topbar,.cs-system-switcher-panel,.cs-command-dock,.mobile-workspace-nav),
html[data-ui="5"].a11y-opaque .ui5-shell :is(.sidebar,.topbar,.cs-system-switcher-panel,.cs-command-dock,.mobile-workspace-nav),
html[data-ui="5"][data-ui-effects="reduced"] .public-shell :is(.site-header,.public-bottom-nav),
html[data-ui="5"][data-reduce-transparency="true"] .public-shell :is(.site-header,.public-bottom-nav),
html[data-ui="5"].a11y-opaque .public-shell :is(.site-header,.public-bottom-nav) {
  background:var(--surface)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-ui="5"].a11y-no-motion .ui5-shell[class] :is(.sidebar,.nav-item,.topbar,.cs-command-dock,.cs-system-switcher-trigger,.cs-system-switcher-panel),
html[data-ui="5"].a11y-no-motion .public-shell .btn { animation:none!important; transition:none!important; }
html[data-ui="5"].a11y-no-motion .ui5-shell .cs-command-dock:hover,
html[data-ui="5"].a11y-no-motion .ui5-shell .cs-command-dock:focus-within { transform:none!important; }
@media(prefers-reduced-motion:reduce) {
  html[data-ui="5"] .ui5-shell[class] :is(.sidebar,.nav-item,.topbar,.cs-command-dock,.cs-system-switcher-trigger,.cs-system-switcher-panel),
  html[data-ui="5"] .public-shell .btn { animation:none!important; transition:none!important; }
  html[data-ui="5"] .ui5-shell .cs-command-dock:hover,
  html[data-ui="5"] .ui5-shell .cs-command-dock:focus-within { transform:none!important; }
}
@media(forced-colors:active) {
  html[data-ui="5"] .ui5-shell[class] :is(.sidebar,.topbar,.cs-command-dock,.cs-system-switcher-panel),
  html[data-ui="5"] .public-shell :is(.site-header,.public-bottom-nav,.btn,.ecosystem-showcase) {
    background:Canvas!important;
    color:CanvasText!important;
    border:1px solid CanvasText!important;
    box-shadow:none!important;
  }
  html[data-ui="5"] .ui5-shell .sidebar .nav-item.active { color:Highlight!important; outline:1px solid Highlight; }
}

/* FINAL REFERENCE / cinematic blue-black glass with orange and cyan light. */
html[data-ui="5"] {
  --cs-nav-width:220px;
  --r20-chrome:rgba(2,12,20,.96);
  --r20-chrome-soft:rgba(4,27,41,.82);
  --r20-chrome-raised:rgba(5,27,40,.97);
  --r20-chrome-line:rgba(91,184,220,.27);
  --r20-chrome-line-bright:rgba(104,209,248,.49);
  --r20-chrome-text:#f0f6fb;
  --r20-chrome-muted:#afc6d7;
  --r20-chrome-quiet:#8cacc0;
  --r20-chrome-orange:#ffac4d;
  --r20-chrome-cyan:#27d5ff;
  --r20-chrome-tint:rgba(255,139,28,.14);
  --r20-chrome-shadow:0 18px 50px rgba(0,0,0,.4);
  --r20-workspace-glass:linear-gradient(145deg,rgba(7,28,41,.92),rgba(1,13,22,.96) 64%,rgba(3,23,35,.96));
  --r20-workspace-edge:rgba(132,211,244,.36);
  --r20-workspace-shadow:inset 0 1px rgba(223,245,255,.08),inset 0 -1px rgba(38,142,187,.14),0 12px 34px rgba(0,0,0,.36),0 0 10px rgba(25,191,241,.04);
}
html[data-ui="5"] .ui5-shell[class] .sidebar {
  padding:6px 9px 9px!important;
  gap:10px;
  border:1px solid rgba(128,186,210,.45)!important;
  border-right-color:rgba(255,172,89,.64)!important;
  border-radius:13px 0 13px 13px!important;
  background:radial-gradient(ellipse at 94% 55%,rgba(0,98,145,.16),transparent 54%),linear-gradient(160deg,rgba(2,12,20,.99),rgba(1,11,18,.96))!important;
  box-shadow:1px 0 6px rgba(255,148,44,.32),6px 0 28px rgba(255,132,17,.07),inset 0 1px rgba(224,247,255,.075)!important;
  isolation:isolate;
}
html[data-ui="5"] .ui5-shell[class] .sidebar::after {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  bottom:0;
  left:0;
  right:0;
  height:170px;
  border-radius:0 0 12px 12px;
  background:linear-gradient(180deg,#020d16 1%,rgba(2,13,22,.16) 42%,rgba(2,13,22,.48)),url('/brand/earth-cinematic-r20.png') center 61% / auto 220px no-repeat,url('/brand/globe-hero-r2.webp') center 61% / auto 220px no-repeat;
  opacity:.92;
}
html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand {
  min-height:94px!important;
  flex-shrink:0;
  padding:6px 6px 8px!important;
  border:1px solid rgba(160,208,230,.45)!important;
  border-bottom-color:rgba(252,173,88,.4)!important;
  border-radius:11px;
  background:linear-gradient(135deg,rgba(2,11,17,.92),rgba(8,17,24,.78));
  box-shadow:inset 0 1px rgba(244,251,255,.045),0 5px 19px rgba(0,0,0,.25);
}
html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand {
  position:relative;
  width:100%;
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:center!important;
  gap:10px!important;
  padding-bottom:15px;
  overflow:visible;
}
html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand img { width:54px!important; height:60px!important; flex-shrink:0; filter:drop-shadow(0 0 10px rgba(255,139,22,.2))!important; }
html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand>span { overflow:visible!important; width:110px; max-width:110px!important; }
html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand strong { font-size:21px!important; line-height:1.08; letter-spacing:.07em!important; white-space:normal!important; color:#f4f6f8!important; }
html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand small { position:absolute; bottom:1px; left:0; right:0; text-align:center; font-size:5.9px!important; letter-spacing:.09em!important; color:#b9c9d4!important; }
html[data-ui="5"] .ui5-shell .sidebar .sidebar-context { margin:0 3px; }
html[data-ui="5"] .ui5-shell .sidebar .glass-context { padding:5px 6px!important; min-height:48px!important; }
html[data-ui="5"] .ui5-shell .sidebar .sidebar-search { background:linear-gradient(145deg,rgba(7,34,49,.9),rgba(3,19,31,.86))!important; border-color:rgba(80,172,210,.26)!important; }
html[data-ui="5"] .ui5-shell .sidebar .nav-item {
  min-height:36px!important;
  padding:7px 12px!important;
  border-radius:8px!important;
  font-size:12.5px;
  color:#dbe8ef!important;
}
html[data-ui="5"] .ui5-shell .sidebar .nav-item svg { opacity:1; color:#e2edf5!important; }
html[data-ui="5"] .ui5-shell .sidebar .nav-item[href="/agent"] svg { color:#27dcff!important; filter:drop-shadow(0 0 5px rgba(20,205,255,.65))!important; }
html[data-ui="5"] .ui5-shell .sidebar .nav-item:hover { border-color:rgba(83,193,232,.36)!important; background:linear-gradient(110deg,rgba(7,43,61,.92),rgba(2,20,32,.8))!important; box-shadow:inset 0 1px rgba(185,235,255,.06)!important; }
html[data-ui="5"] .ui5-shell .sidebar .nav-item.active {
  min-height:40px!important;
  border:1px solid #ffb45f!important;
  background:linear-gradient(110deg,rgba(189,85,9,.38),rgba(70,35,13,.3) 62%,rgba(129,63,16,.21))!important;
  color:#fff8f1!important;
  box-shadow:0 0 0 1px rgba(255,175,65,.24),0 0 7px rgba(255,149,28,.63),0 0 20px rgba(255,132,12,.22),inset 0 0 13px rgba(255,137,31,.11)!important;
}
html[data-ui="5"] .ui5-shell .sidebar .nav-item.active::before { left:0; right:auto; width:2px!important; top:5px!important; bottom:5px!important; background:#fff1c8!important; box-shadow:0 0 5px #ffb753,0 0 12px #ff870e!important; }
html[data-ui="5"] .ui5-shell .sidebar .nav-item.active svg { color:#fff3df!important; filter:drop-shadow(0 0 5px rgba(255,158,46,.5))!important; }
html[data-ui="5"] .ui5-shell .sidebar .nav-group { margin-block:5px; }
html[data-ui="5"] .ui5-shell .sidebar .nav-group-toggle { min-height:27px; padding:5px 12px; font-size:9px; }
html[data-ui="5"] .ui5-shell .sidebar .ui5-priority-nav { margin-bottom:4px; padding-bottom:8px; }
html[data-ui="5"] .ui5-shell .sidebar .sidebar-bottom { min-height:95px; display:flex; align-items:flex-end; flex-shrink:0; border-top-color:rgba(135,205,235,.35)!important; padding:8px 3px 3px; }
html[data-ui="5"] .ui5-shell .sidebar .identity-user-trigger { background:rgba(3,15,24,.78); border:1px solid rgba(118,194,227,.24); color:#f3f8fc; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
html[data-ui="5"] .ui5-shell .sidebar .identity-user-trigger small { color:#a9c0d1; }
html[data-ui="5"] .ui5-shell[class] .topbar {
  border-bottom:1px solid rgba(50,165,213,.4)!important;
  background:linear-gradient(90deg,rgba(3,19,31,.96),rgba(2,12,21,.87) 70%,rgba(3,16,29,.93))!important;
  box-shadow:inset 0 1px rgba(126,221,255,.06),0 3px 13px rgba(0,0,0,.36)!important;
}
html[data-ui="5"] .ui5-shell .topbar::before { opacity:.7; background:linear-gradient(90deg,transparent,rgba(107,205,246,.5) 48%,transparent); }
html[data-ui="5"] .ui5-shell .topbar::after { opacity:.6; left:0; right:0; background:linear-gradient(90deg,rgba(34,140,194,.24),rgba(127,217,250,.47),rgba(255,155,50,.35)); }
html[data-ui="5"] .ui5-shell .topbar .cs-global-search { background:linear-gradient(120deg,rgba(4,31,48,.96),rgba(9,36,56,.88))!important; border-color:rgba(134,191,224,.5)!important; box-shadow:inset 0 1px rgba(217,242,255,.045),0 0 16px rgba(14,130,189,.06)!important; }
html[data-ui="5"] .ui5-shell .topbar .cs-global-search svg { color:#d9ecf8; }
html[data-ui="5"] .ui5-shell .topbar .cs-system-switcher-trigger { background:rgba(5,27,41,.67)!important; border-color:rgba(66,147,189,.27)!important; }
html[data-ui="5"] .ui5-shell .topbar .cs-notification-link { border-color:rgba(74,162,202,.26)!important; background:rgba(2,23,36,.58)!important; }
html[data-ui="5"] .ui5-shell .topbar .cs-notification-dot { box-shadow:0 0 9px rgba(255,77,37,.55); background:#ff5639; }
html[data-ui="5"] .ui5-shell .topbar .cs-top-avatar { background:radial-gradient(circle at 45% 33%,rgba(14,59,81,.42),rgba(0,7,14,.98) 65%); border-color:#6cdbff; box-shadow:0 0 8px rgba(0,176,255,.48),inset 0 0 8px rgba(8,141,220,.25)!important; }
html[data-ui="5"] .ui5-shell .cs-system-switcher-panel { border-color:rgba(93,198,239,.5)!important; box-shadow:0 24px 60px rgba(0,0,0,.65),0 0 18px rgba(16,162,218,.1),inset 0 1px rgba(213,246,255,.1)!important; }
html[data-ui="5"] .ui5-shell .cs-command-dock { border-color:rgba(110,204,243,.44)!important; box-shadow:0 17px 38px rgba(0,0,0,.46),0 0 16px rgba(13,174,231,.09),inset 0 1px rgba(193,233,255,.1)!important; }
html[data-ui="5"] .ui5-shell .cs-command-dock::before { opacity:.62; }
html[data-ui="5"] .ui5-shell .cs-command-dock::after { opacity:.72; box-shadow:0 0 9px rgba(61,200,248,.25)!important; }

/* Every existing application reuses the reference material, with unchanged data and controls. */
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main {
  --surface:rgba(3,21,33,.96);
  --raised:rgba(8,37,54,.96);
  --surface-soft:rgba(5,28,42,.94);
  --surface-2:rgba(8,34,49,.98);
  --surface-3:rgba(11,44,63,.96);
  --ui-surface:var(--surface);
  --ui-hover:var(--raised);
  --ui-border:rgba(85,174,214,.31);
  --ui-border-strong:rgba(123,196,230,.52);
  --line:rgba(104,176,209,.24);
  --border:var(--line);
  --text:#edf5fb;
  --muted:#a4bdcd;
  --ui-text:var(--text);
  --ui-muted:var(--muted);
  --brand-ink:#ffab4c;
  --ui-focus:#30d2ff;
  --ops-bg:var(--surface);
  --ops-line:var(--line);
  color:var(--text);
}
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.panel,.stat,.list-card,.entity-card,.summary-card,.crm-mini,.crm-card,.crm-kanban-card,.ops-inbox-detail,.ops-control-stats>a,.ops-doc-list article) {
  position:relative;
  background:var(--r20-workspace-glass)!important;
  border:1px solid var(--r20-workspace-edge)!important;
  border-radius:13px!important;
  color:var(--text);
  box-shadow:var(--r20-workspace-shadow)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.panel,.list-card,.entity-card,.summary-card,.ops-inbox-detail)::before {
  content:"";
  position:absolute;
  pointer-events:none;
  left:12px;
  right:12px;
  top:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(176,229,255,.45) 27%,rgba(255,165,74,.72) 77%,transparent 95%);
  box-shadow:0 -1px 8px rgba(52,173,219,.13);
}
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.panel-head,.form-actions,.ops-compose,.crm-detail-head) { border-color:var(--line)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.panel-head h2,.crm-headline h1,.page-heading h1) { color:#f3f7fb; letter-spacing:-.025em; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main .page-heading { padding-bottom:19px; border-bottom:1px solid rgba(96,182,220,.22)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main .page-heading .eyebrow { color:#4fd8fb; font-size:10px; letter-spacing:.16em; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.table-scroll,.crm-table-wrap) { border:1px solid var(--r20-workspace-edge); border-radius:12px; background:var(--surface); box-shadow:inset 0 1px rgba(202,235,255,.05); }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main table { background:transparent!important; color:var(--text); }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main th { background:linear-gradient(180deg,rgba(12,40,56,.94),rgba(5,26,41,.96))!important; color:#c2d5e2!important; border-color:rgba(99,178,219,.27)!important; font-size:12px; font-weight:600; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main td { background:transparent!important; color:var(--text); border-color:rgba(74,144,181,.15)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main tbody tr:hover { background:rgba(19,64,84,.45)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),textarea,select,.search-input) { background:linear-gradient(145deg,rgba(4,24,38,.98),rgba(7,34,49,.96))!important; color:var(--text)!important; border:1px solid rgba(101,177,215,.38)!important; border-radius:10px; box-shadow:inset 0 1px rgba(165,222,250,.045)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main .search-input input { background:transparent!important; border:0!important; box-shadow:none!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(input,textarea,select):focus { border-color:#37cfff!important; box-shadow:0 0 0 2px rgba(41,197,246,.12),inset 0 1px rgba(159,230,255,.06)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main .btn { border-radius:9px!important; min-height:42px; font-size:13px; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main .btn.primary { background:linear-gradient(145deg,rgba(99,51,16,.8),rgba(41,29,20,.97))!important; color:#ffe2b8!important; border:1px solid rgba(255,174,76,.72)!important; box-shadow:inset 0 1px rgba(255,224,177,.15),0 0 11px rgba(255,139,36,.12)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main .btn.primary:hover:not(:disabled) { background:linear-gradient(145deg,rgba(141,68,14,.9),rgba(67,37,17,.98))!important; border-color:#ffc675!important; box-shadow:inset 0 1px rgba(255,224,177,.15),0 0 18px rgba(255,139,36,.22)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.btn.secondary,.btn.ghost,.btn.icon) { background:linear-gradient(145deg,rgba(12,41,58,.9),rgba(4,24,38,.92))!important; color:#d9effb!important; border-color:rgba(81,174,216,.35)!important; box-shadow:inset 0 1px rgba(195,237,255,.065)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.tabs,.workspace-tabs,.customer-tabs,.crm-subnav) { border-bottom:1px solid var(--r20-workspace-edge); background:rgba(2,18,30,.65)!important; border-radius:11px; padding:5px; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.tabs button,.workspace-tabs button,.customer-tabs button,.crm-tab) { min-height:42px; color:var(--muted)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.tabs button.active,.workspace-tabs button.active,.customer-tabs button.active,.crm-tab.active) { color:#ffe0b5!important; background:linear-gradient(110deg,rgba(127,67,21,.24),rgba(59,40,26,.18))!important; border-color:rgba(255,158,52,.37)!important; box-shadow:inset 0 -1px #ffb157,0 0 12px rgba(255,140,30,.05)!important; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main .stat strong { font-variant-numeric:tabular-nums; color:#f4f9fd; }
html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.stat-head svg,.crm-mini svg,.ops-control-stats svg) { color:#38d6ff; filter:drop-shadow(0 0 5px rgba(29,188,249,.4)); }
html[data-ui="5"] .public-shell :is(.ecosystem-showcase,.trust-strip,.value-card,.ecosystem-product,.subscription-plan,.contact-form-card,.purchase-card,.purchase-summary,.product-advice) { border:1px solid var(--r20-workspace-edge)!important; background:var(--r20-workspace-glass)!important; box-shadow:var(--r20-workspace-shadow)!important; border-radius:14px; }
html[data-ui="5"] .public-shell .site-header { border-bottom-color:rgba(64,178,225,.4); box-shadow:0 3px 18px rgba(0,0,0,.2); }
html[data-ui="5"] .public-shell .btn.primary { border-color:rgba(255,177,76,.7)!important; box-shadow:0 0 12px rgba(255,144,34,.13),inset 0 1px rgba(255,213,155,.09)!important; }

@media(min-width:900px) {
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar { padding:6px 7px 9px!important; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .sidebar-brand { min-height:62px!important; padding:5px 0!important; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .sidebar-brand .brand { min-height:48px; padding:0; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .sidebar-brand .brand img { width:34px!important; height:42px!important; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .nav-item { padding-inline:7px!important; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .sidebar-bottom { min-height:65px; padding-inline:0; }
}
@media(max-width:899px) {
  html[data-ui="5"] .ui5-shell[class] .app-area,
  html[data-ui="5"] .ui5-shell.nav-collapsed .app-area {
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    margin-inline-start:0!important;
    margin-inline-end:0!important;
  }
  html[data-ui="5"] .ui5-shell[class] .sidebar { padding:calc(12px + env(safe-area-inset-top)) 11px 11px!important; border-radius:0 17px 17px 0!important; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand { min-height:94px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand { justify-content:flex-start!important; padding-inline:12px; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand small { font-size:6.8px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand>.btn { flex-shrink:0; }
  html[data-ui="5"] .ui5-shell .sidebar .nav-item,
  html[data-ui="5"] .ui5-shell .sidebar .nav-item.active { min-height:46px!important; padding:10px 12px!important; font-size:14px; }
  html[data-ui="5"] .ui5-shell .sidebar .nav-group-toggle { min-height:44px; font-size:11px; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-bottom { min-height:72px; }
  html[data-ui="5"] .ui5-shell[class] .topbar { border-bottom-color:rgba(74,188,232,.43)!important; }
  html[data-ui="5"] .ui5-shell .topbar .topbar-left>button.mobile-only { background:linear-gradient(155deg,rgba(13,50,67,.7),rgba(2,23,36,.94))!important; border-color:rgba(94,194,234,.43)!important; box-shadow:inset 0 1px rgba(195,238,255,.1),0 0 11px rgba(32,178,235,.06)!important; }
  html[data-ui="5"] .ui5-shell .mobile-workspace-nav { border-top-color:rgba(75,183,226,.42)!important; box-shadow:0 -2px 16px rgba(18,138,189,.08)!important; }
  html[data-ui="5"] .ui5-shell .mobile-workspace-nav [aria-current="page"] { text-shadow:0 0 8px rgba(255,154,49,.24); box-shadow:inset 0 1px #ffb760!important; }
  html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.btn,.tabs button,.workspace-tabs button,.customer-tabs button,.crm-tab) { min-height:44px; }
}

/* Alternate display modes remain readable while preserving the reference geometry. */
html[data-ui="5"][data-theme="light"] {
  --r20-chrome:rgba(244,249,252,.97);
  --r20-chrome-soft:rgba(228,241,249,.9);
  --r20-chrome-raised:rgba(251,254,255,.99);
  --r20-chrome-line:rgba(48,105,138,.25);
  --r20-chrome-line-bright:rgba(29,125,176,.44);
  --r20-chrome-text:#203543;
  --r20-chrome-muted:#4c687a;
  --r20-chrome-quiet:#557788;
  --r20-chrome-orange:#9c4f0c;
  --r20-chrome-cyan:#066f8d;
  --r20-chrome-tint:rgba(208,118,39,.11);
  --r20-workspace-glass:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,246,252,.94));
  --r20-workspace-edge:rgba(42,125,172,.34);
  --r20-workspace-shadow:inset 0 1px #fff,0 10px 30px rgba(27,79,113,.09);
}
html[data-ui="5"][data-theme="light"] .ui5-shell[class] :is(.sidebar,.topbar) { background:var(--r20-chrome)!important; }
html[data-ui="5"][data-theme="light"] .ui5-shell .sidebar .nav-item { color:#304b5e!important; }
html[data-ui="5"][data-theme="light"] .ui5-shell .sidebar .nav-item svg { color:currentColor!important; }
html[data-ui="5"][data-theme="light"] .ui5-shell .sidebar .nav-item.active { color:#743803!important; background:linear-gradient(120deg,#fff4e5,#f9e8d3)!important; }
html[data-ui="5"][data-theme="light"] .ui5-shell .sidebar .nav-item.active svg { color:#98500f!important; }
html[data-ui="5"][data-theme="light"] .ui5-shell .topbar :is(.cs-global-search,.cs-system-switcher-trigger) { background:var(--r20-chrome-soft)!important; }
html[data-ui="5"][data-theme="light"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main {
  --surface:#f6fbfe; --raised:#e6f2f8; --surface-soft:#ecf5fa; --surface-2:#e6f2f8; --surface-3:#dcecf5;
  --text:#1a3648; --muted:#526e80; --line:rgba(48,108,146,.22); --border:var(--line);
  --ui-border:rgba(54,112,151,.29); --ui-border-strong:rgba(37,100,146,.5);
}
html[data-ui="5"][data-theme="light"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.panel-head h2,.crm-headline h1,.page-heading h1,.stat strong) { color:#1c3648; }
html[data-ui="5"][data-theme="light"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),textarea,select,.search-input,th) { background:#f4faff!important; color:#27475b!important; }
html[data-ui="5"][data-theme="light"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.btn.secondary,.btn.ghost,.btn.icon) { background:linear-gradient(145deg,#f6fcff,#e4f2fa)!important; color:#204a62!important; }
html[data-ui="5"][data-theme="light"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.tabs,.workspace-tabs,.customer-tabs,.crm-subnav) { background:rgba(222,240,250,.55)!important; }
html[data-ui="5"][data-theme="light"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.tabs button.active,.workspace-tabs button.active,.customer-tabs button.active,.crm-tab.active) { color:#8b470e!important; background:rgba(255,219,173,.28)!important; }
html[data-ui="5"][data-ui-effects="reduced"] .ui5-shell[class] :is(.sidebar,.topbar,.cs-system-switcher-panel,.cs-command-dock,.mobile-workspace-nav),
html[data-ui="5"][data-reduce-transparency="true"] .ui5-shell[class] :is(.sidebar,.topbar,.cs-system-switcher-panel,.cs-command-dock,.mobile-workspace-nav),
html[data-ui="5"].a11y-opaque .ui5-shell[class] :is(.sidebar,.topbar,.cs-system-switcher-panel,.cs-command-dock,.mobile-workspace-nav) { background:var(--surface)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
html[data-ui="5"][data-ui-effects="reduced"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.panel,.stat,.list-card,.entity-card,.summary-card,.crm-mini,.crm-card,.crm-kanban-card,.ops-inbox-detail,.ops-control-stats>a,.ops-doc-list article),
html[data-ui="5"][data-reduce-transparency="true"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.panel,.stat,.list-card,.entity-card,.summary-card,.crm-mini,.crm-card,.crm-kanban-card,.ops-inbox-detail,.ops-control-stats>a,.ops-doc-list article),
html[data-ui="5"].a11y-opaque .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.panel,.stat,.list-card,.entity-card,.summary-card,.crm-mini,.crm-card,.crm-kanban-card,.ops-inbox-detail,.ops-control-stats>a,.ops-doc-list article) { background:var(--surface)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
html[data-ui="5"][data-contrast="high"] .ui5-shell,
html[data-ui="5"].a11y-contrast .ui5-shell { --r20-workspace-edge:#93bfdb; --r20-chrome-line:#8cafc5; }
@media(forced-colors:active) {
  html[data-ui="5"] .ui5-shell[class] .sidebar::after { display:none; }
  html[data-ui="5"] .ui5-shell[class] .sidebar .nav-item.active { color:Highlight!important; border-color:Highlight!important; background:Canvas!important; box-shadow:none!important; }
  html[data-ui="5"] .ui5-shell[class] :is(.sidebar,.topbar,.cs-command-dock,.cs-system-switcher-panel),
  html[data-ui="5"] .ui5-shell:not(.route-client):not(.route-home):not(.route-agent):not(.route-ai) .workspace-main :is(.panel,.stat,.list-card,.entity-card,.summary-card,.table-scroll,.btn) { background:Canvas!important; color:CanvasText!important; border:1px solid CanvasText!important; box-shadow:none!important; }
}

/* Keep the full 44px control areas clear on compact 320–360px phones. */
@media(max-width:360px) {
  html[data-ui="5"] .ui5-shell:not(.chat-mode) .topbar .cs-mobile-brand { gap:0!important; }
  html[data-ui="5"] .ui5-shell:not(.chat-mode) .topbar .cs-mobile-brand strong { display:none!important; }
}

/* Reference refinement: one selected frame, aligned navigation and a single header rail. */
html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand::before { content:none!important; display:none!important; }
html[data-ui="5"] .ui5-shell .sidebar .nav-item.active::before,
html[data-ui="5"] .ui5-shell .sidebar .nav-item.active::after { content:none!important; display:none!important; box-shadow:none!important; }
html[data-ui="5"] .ui5-shell .sidebar>nav {
  scrollbar-color:rgba(92,131,150,.28) transparent;
  scrollbar-gutter:stable;
  padding-inline:2px!important;
  overscroll-behavior:contain;
}
html[data-ui="5"] .ui5-shell .sidebar>nav::-webkit-scrollbar { width:3px; }
html[data-ui="5"] .ui5-shell .sidebar>nav::-webkit-scrollbar-track { background:transparent; }
html[data-ui="5"] .ui5-shell .sidebar>nav::-webkit-scrollbar-thumb { background:rgba(92,131,150,.28); border-radius:8px; }
html[data-ui="5"] .ui5-shell .sidebar>nav:hover { scrollbar-color:rgba(109,161,186,.55) transparent; }
html[data-ui="5"] .ui5-shell .sidebar .nav-group { padding-inline:0; }
html[data-ui="5"] .ui5-shell .sidebar .nav-item {
  direction:ltr;
  gap:12px;
  padding-inline:10px!important;
}
html[data-ui="5"] .ui5-shell .sidebar .nav-item>span {
  flex:1;
  min-width:0;
  direction:rtl;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-ui="5"] .ui5-shell .sidebar .nav-item.active {
  border-color:#ffb864!important;
  box-shadow:0 0 0 1px rgba(255,167,71,.12),0 0 8px rgba(255,132,22,.34),inset 0 0 14px rgba(255,141,40,.12)!important;
  background:linear-gradient(110deg,rgba(111,57,22,.5),rgba(52,30,17,.35) 67%,rgba(120,61,21,.23))!important;
}
html[data-ui="5"] .ui5-shell .sidebar .nav-group-toggle { border-bottom:1px solid rgba(98,156,187,.1); }

@media(min-width:900px) {
  html[data-ui="5"] { --cs-topbar:54px; }
  html[data-ui="5"] .ui5-shell[class] .topbar {
    direction:ltr;
    height:54px!important;
    min-height:54px!important;
    padding-inline:12px!important;
    gap:12px;
    flex-wrap:nowrap;
  }
  html[data-ui="5"] .ui5-shell .topbar .topbar-left {
    display:flex;
    direction:ltr;
    flex:1 1 420px;
    min-width:0;
    max-width:none;
    gap:8px;
    justify-content:flex-start;
  }
  html[data-ui="5"] .ui5-shell .topbar .cs-global-search {
    order:-2;
    flex:1 1 260px;
    min-width:130px;
    max-width:none;
    margin:0;
    height:38px!important;
    min-height:38px!important;
    border-radius:8px!important;
    padding-inline:12px;
    direction:ltr;
    font-size:12px;
  }
  html[data-ui="5"] .ui5-shell .topbar .cs-global-search>span { direction:rtl; text-align:right; }
  html[data-ui="5"] .ui5-shell .topbar .cs-system-switcher-desktop { order:-1; flex:0 0 auto; min-width:0; }
  html[data-ui="5"] .ui5-shell .topbar .cs-system-switcher-trigger {
    height:36px!important;
    min-height:36px!important;
    min-width:128px!important;
    padding-inline:9px!important;
    gap:7px;
    border-color:rgba(91,163,194,.2)!important;
    background:rgba(3,21,34,.6)!important;
  }
  html[data-ui="5"] .ui5-shell .topbar .cs-system-current { text-align:start; }
  html[data-ui="5"] .ui5-shell .topbar .cs-system-current strong { font-size:11.5px; }
  html[data-ui="5"] .ui5-shell .topbar .cs-system-current small { font-size:8px; }
  html[data-ui="5"] .ui5-shell .topbar .collapse-navigation { order:1; flex:0 0 32px; }
  html[data-ui="5"] .ui5-shell .topbar .topbar-actions {
    position:static!important;
    display:flex!important;
    direction:ltr;
    flex:0 0 auto;
    flex-wrap:nowrap;
    gap:4px;
    margin:0!important;
    padding-left:8px;
    border-left:1px solid rgba(91,172,208,.16);
  }
  html[data-ui="5"] .ui5-shell .topbar .appearance-controls { display:flex; gap:2px; }
  html[data-ui="5"] .ui5-shell .topbar .btn {
    height:34px!important;
    min-height:34px!important;
    padding:7px!important;
    border-radius:7px!important;
    font-size:11px;
  }
  html[data-ui="5"] .ui5-shell .topbar .btn.icon { width:34px!important; min-width:34px!important; }
  html[data-ui="5"] .ui5-shell .topbar .btn svg { width:17px; height:17px; }
  html[data-ui="5"] .ui5-shell .topbar .cs-quick-action {
    height:34px!important;
    min-height:34px!important;
    padding:0 10px!important;
    margin-inline:3px;
    border-color:rgba(241,152,57,.42)!important;
    box-shadow:inset 0 1px rgba(255,215,167,.04)!important;
  }
  html[data-ui="5"] .ui5-shell .topbar .context-ai-trigger { gap:5px; }
  html[data-ui="5"] .ui5-shell .topbar .context-ai-trigger span { font-size:11px; }
  html[data-ui="5"] .ui5-shell .topbar .cs-top-profile { min-height:34px; height:34px!important; margin-left:2px; padding-inline:4px; gap:6px; }
  html[data-ui="5"] .ui5-shell .topbar .cs-top-avatar { width:28px; height:28px; flex-shrink:0; }
  html[data-ui="5"] .ui5-shell .topbar .ops-live { max-width:65px; font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; gap:5px; }
  html[data-ui="5"] .ui5-shell .topbar .ui5-compact-context { max-width:120px; flex:0 1 120px; direction:rtl; }
  html[data-ui="5"] .ui5-shell .topbar .ui5-compact-context .glass-context { padding:0!important; gap:5px; font-size:10px; }
  html[data-ui="5"] .ui5-shell .topbar .ui5-compact-context .glass-context>span { max-width:88px; }
  html[data-ui="5"] .ui5-shell .sidebar .nav-item { min-height:33px!important; padding-block:6px!important; font-size:12px; }
  html[data-ui="5"] .ui5-shell .sidebar .nav-item.active { min-height:37px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .nav-group-toggle { min-height:23px; padding-block:4px; font-size:9px; }
  html[data-ui="5"] .ui5-shell .sidebar .nav-group { margin-block:4px; }
  html[data-ui="5"] .ui5-shell .sidebar .nav-item svg { width:18px; height:18px; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .nav-item { padding-inline:6px!important; justify-content:center; }
}

/* A compact desktop keeps labels and controls; it does not inherit phone chrome. */
@media(min-width:900px) and (max-width:1200px) {
  html[data-ui="5"] { --cs-nav-width:200px; --cs-topbar:50px; }
  html[data-ui="5"] .ui5-shell[class] .topbar { height:50px!important; min-height:50px!important; padding-inline:10px!important; gap:7px; }
  html[data-ui="5"] .ui5-shell .topbar .topbar-left { flex-basis:320px; gap:6px; }
  html[data-ui="5"] .ui5-shell .topbar .cs-global-search { min-width:118px; flex-basis:180px; padding-inline:9px; font-size:11px; }
  html[data-ui="5"] .ui5-shell .topbar .cs-global-search kbd { font-size:8px; padding:2px 4px; }
  html[data-ui="5"] .ui5-shell .topbar .cs-system-switcher-trigger { min-width:104px!important; max-width:118px; padding-inline:7px!important; gap:5px; }
  html[data-ui="5"] .ui5-shell .topbar .cs-system-current strong { font-size:10.5px; }
  html[data-ui="5"] .ui5-shell .topbar .cs-system-current small { display:none; }
  html[data-ui="5"] .ui5-shell .topbar .cs-system-mark { width:20px!important; height:20px!important; }
  html[data-ui="5"] .ui5-shell .topbar .topbar-actions { gap:2px; padding-left:5px; }
  html[data-ui="5"] .ui5-shell .topbar .btn { width:32px!important; min-width:32px!important; height:34px!important; min-height:34px!important; padding:7px!important; }
  html[data-ui="5"] .ui5-shell .topbar .appearance-controls .btn { min-width:32px!important; }
  html[data-ui="5"] .ui5-shell .topbar .appearance-controls .locale-short,
  html[data-ui="5"] .ui5-shell .topbar .context-ai-trigger>span,
  html[data-ui="5"] .ui5-shell .topbar .cs-quick-action>span { display:none; }
  html[data-ui="5"] .ui5-shell .topbar .cs-quick-action { min-width:32px!important; margin-inline:0; }
  html[data-ui="5"] .ui5-shell .topbar .cs-top-profile { width:34px; min-width:34px; padding:2px; }
  html[data-ui="5"] .ui5-shell .topbar .cs-top-profile-copy { display:none; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand img { width:47px!important; height:56px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand>span { width:101px; max-width:101px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand strong { font-size:19px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand small { font-size:5.5px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .glass-context { font-size:11px; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-search { font-size:11px; }
}

/* Short laptop and in-app previews devote their height to the workspace. */
@media(min-width:900px) and (max-height:720px) {
  html[data-ui="5"] .ui5-shell[class] .sidebar { gap:7px; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand { min-height:78px!important; padding-block:4px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand { min-height:66px; padding-bottom:12px; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand img { height:48px!important; width:44px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-brand .brand strong { font-size:18px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .glass-context { min-height:36px!important; padding-block:3px!important; gap:2px 6px; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-search { height:34px!important; min-height:34px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .sidebar-bottom { min-height:54px; padding-top:5px; }
  html[data-ui="5"] .ui5-shell .sidebar::after { height:125px; }
  html[data-ui="5"] .ui5-shell .sidebar .identity-user-trigger { padding:5px 6px; }
  html[data-ui="5"] .ui5-shell .sidebar .identity-user-trigger strong { font-size:11px; }
  html[data-ui="5"] .ui5-shell .sidebar .identity-user-trigger small { font-size:9px; margin-top:2px; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .sidebar-brand { min-height:58px!important; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .sidebar-brand .brand { min-height:48px; padding:0; }
  html[data-ui="5"] .ui5-shell.nav-collapsed .sidebar .sidebar-brand .brand img { width:30px!important; height:38px!important; }
}

@media(pointer:coarse) and (min-width:900px) {
  html[data-ui="5"] .ui5-shell .topbar .btn,
  html[data-ui="5"] .ui5-shell .topbar .cs-system-switcher-trigger { min-height:44px!important; }
  html[data-ui="5"] .ui5-shell .sidebar .nav-item { min-height:44px!important; }
}