/* ============================================================================
   CODE SYSTEMS — DESIGN SYSTEM 10 / v24.30
   Final visual authority loaded after all legacy/module styles.
   Goals: one product language, premium restraint, RTL-first, Apple-like clarity,
   Code Systems black/orange/teal identity, mobile-first accessibility.
   ============================================================================ */

:root{
  --cs10-bg:#03070c;
  --cs10-bg-2:#07111a;
  --cs10-surface:#0b151f;
  --cs10-surface-2:#101d28;
  --cs10-surface-3:#172631;
  --cs10-chrome:rgba(5,13,21,.88);
  --cs10-chrome-strong:rgba(6,15,24,.96);
  --cs10-card:rgba(12,24,35,.90);
  --cs10-card-solid:#0d1923;
  --cs10-line:rgba(183,215,233,.12);
  --cs10-line-strong:rgba(183,215,233,.21);
  --cs10-line-hot:rgba(255,169,91,.38);
  --cs10-text:#f6f9fb;
  --cs10-text-soft:#d8e3ea;
  --cs10-muted:#93a6b4;
  --cs10-muted-2:#718693;
  --cs10-orange:#ff9f43;
  --cs10-orange-soft:#ffc27f;
  --cs10-teal:#67dfd4;
  --cs10-cyan:#77d7ed;
  --cs10-green:#76d69d;
  --cs10-red:#f08d98;
  --cs10-yellow:#e8c979;
  --cs10-focus:#86e6de;
  --cs10-radius-xs:8px;
  --cs10-radius-sm:11px;
  --cs10-radius:16px;
  --cs10-radius-lg:22px;
  --cs10-radius-xl:30px;
  --cs10-shadow-1:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px rgba(0,0,0,.16);
  --cs10-shadow-2:0 1px 0 rgba(255,255,255,.05) inset,0 22px 70px rgba(0,0,0,.28);
  --cs10-shadow-float:0 32px 90px rgba(0,0,0,.44);
  --cs10-ease:cubic-bezier(.2,.72,.18,1);
  --cs10-fast:140ms;
  --cs10-normal:220ms;
  --cs10-content:1480px;
  --cs10-control:42px;

  /* Canonical aliases: all older modules inherit the same visual language. */
  --bg:var(--cs10-bg);
  --surface:var(--cs10-surface);
  --raised:var(--cs10-surface-2);
  --line:var(--cs10-line);
  --text:var(--cs10-text);
  --muted:var(--cs10-muted);
  --orange:var(--cs10-orange);
  --teal:var(--cs10-teal);
  --red:var(--cs10-red);
  --success:var(--cs10-green);
  --warning:var(--cs10-yellow);
  --radius:var(--cs10-radius);
  --glass-border:var(--cs10-line);
  --glass-edge:rgba(255,255,255,.07);
  --glass-work:var(--cs10-card-solid);
  --glass-nav:var(--cs10-chrome);
  --glass-shadow:var(--cs10-shadow-1);
  --surface-soft:var(--cs10-bg-2);
  --surface-card:var(--cs10-surface-2);
  --border-soft:var(--cs10-line);
  --shadow-soft:var(--cs10-shadow-1);
  --focus-ring:var(--cs10-focus);
  --ease:var(--cs10-ease);
}

html[data-theme="light"]{
  --cs10-bg:#f3f6f8;
  --cs10-bg-2:#eaf0f4;
  --cs10-surface:#ffffff;
  --cs10-surface-2:#f7fafb;
  --cs10-surface-3:#e8eff3;
  --cs10-chrome:rgba(250,252,253,.88);
  --cs10-chrome-strong:rgba(250,252,253,.97);
  --cs10-card:rgba(255,255,255,.94);
  --cs10-card-solid:#ffffff;
  --cs10-line:rgba(31,66,88,.13);
  --cs10-line-strong:rgba(31,66,88,.22);
  --cs10-line-hot:rgba(172,91,25,.30);
  --cs10-text:#122430;
  --cs10-text-soft:#314a5a;
  --cs10-muted:#59707f;
  --cs10-muted-2:#718693;
  --cs10-orange:#a95817;
  --cs10-orange-soft:#cf7530;
  --cs10-teal:#0a7d78;
  --cs10-cyan:#147991;
  --cs10-green:#1f8050;
  --cs10-red:#ad4654;
  --cs10-yellow:#8b6b18;
  --cs10-focus:#0f7e84;
  --cs10-shadow-1:0 1px 0 rgba(255,255,255,.9) inset,0 12px 34px rgba(31,60,78,.08);
  --cs10-shadow-2:0 1px 0 rgba(255,255,255,.96) inset,0 24px 70px rgba(31,60,78,.13);
  --cs10-shadow-float:0 32px 90px rgba(31,60,78,.18);
}

html[data-design-grade="10"]{
  color-scheme:dark;
  background:var(--cs10-bg);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
html[data-design-grade="10"][data-theme="light"]{color-scheme:light}
html[data-design-grade="10"] body{
  min-width:320px;
  background:
    radial-gradient(1100px 700px at 88% -8%,color-mix(in srgb,var(--cs10-cyan) 10%,transparent),transparent 64%),
    radial-gradient(900px 620px at 4% 106%,color-mix(in srgb,var(--cs10-orange) 8%,transparent),transparent 66%),
    var(--cs10-bg)!important;
  color:var(--cs10-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif!important;
  font-feature-settings:"kern" 1,"ss01" 1,"tnum" 1;
  letter-spacing:-.006em;
}
html[data-theme="light"][data-design-grade="10"] body{
  background:
    radial-gradient(1100px 720px at 94% -12%,rgba(42,145,174,.08),transparent 66%),
    radial-gradient(850px 600px at -6% 108%,rgba(211,116,38,.07),transparent 66%),
    var(--cs10-bg)!important;
}
html[data-design-grade="10"] ::selection{background:color-mix(in srgb,var(--cs10-teal) 32%,transparent);color:var(--cs10-text)}
html[data-design-grade="10"] :where(h1,h2,h3){color:var(--cs10-text);text-wrap:balance}
html[data-design-grade="10"] :where(p,.muted,small){text-wrap:pretty}
html[data-design-grade="10"] :where(code,kbd,.mono){font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums}
html[data-design-grade="10"] :where(a,button,input,select,textarea,summary,[tabindex]){outline-color:transparent}
html[data-design-grade="10"] :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--cs10-focus)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--cs10-focus) 13%,transparent)!important;
}

/* --------------------------------------------------------------------------
   Core controls
   -------------------------------------------------------------------------- */
html[data-design-grade="10"] .btn{
  min-height:var(--cs10-control)!important;
  padding:9px 15px!important;
  border-radius:11px!important;
  border:1px solid transparent!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:-.006em!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background var(--cs10-fast) var(--cs10-ease),border-color var(--cs10-fast) var(--cs10-ease),color var(--cs10-fast) var(--cs10-ease),box-shadow var(--cs10-fast) var(--cs10-ease),transform var(--cs10-fast) var(--cs10-ease)!important;
}
html[data-design-grade="10"] .btn:hover:not(:disabled){transform:translateY(-1px)!important}
html[data-design-grade="10"] .btn:active:not(:disabled){transform:translateY(0) scale(.985)!important}
html[data-design-grade="10"] .btn.primary{
  color:#211307!important;
  background:linear-gradient(180deg,var(--cs10-orange-soft),var(--cs10-orange))!important;
  border-color:color-mix(in srgb,var(--cs10-orange) 76%,#fff 24%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.32) inset,0 8px 22px color-mix(in srgb,var(--cs10-orange) 18%,transparent)!important;
}
html[data-design-grade="10"] .btn.primary:hover:not(:disabled){
  background:linear-gradient(180deg,color-mix(in srgb,var(--cs10-orange-soft) 86%,#fff 14%),var(--cs10-orange-soft))!important;
  box-shadow:0 1px 0 rgba(255,255,255,.38) inset,0 12px 30px color-mix(in srgb,var(--cs10-orange) 22%,transparent)!important;
}
html[data-design-grade="10"] .btn.secondary{
  color:var(--cs10-text-soft)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--cs10-surface-2) 96%,#fff 4%),var(--cs10-surface))!important;
  border-color:var(--cs10-line-strong)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.035) inset!important;
}
html[data-design-grade="10"] .btn.secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--cs10-teal) 34%,var(--cs10-line-strong))!important;background:var(--cs10-surface-2)!important}
html[data-design-grade="10"] .btn.ghost,
html[data-design-grade="10"] .btn.icon{color:var(--cs10-text-soft)!important;background:transparent!important;border-color:transparent!important}
html[data-design-grade="10"] .btn.ghost:hover:not(:disabled),
html[data-design-grade="10"] .btn.icon:hover:not(:disabled){background:color-mix(in srgb,var(--cs10-surface-3) 72%,transparent)!important;color:var(--cs10-text)!important}
html[data-design-grade="10"] .btn.icon{width:var(--cs10-control)!important;padding:9px!important}
html[data-design-grade="10"] .btn.danger{background:color-mix(in srgb,var(--cs10-red) 11%,var(--cs10-surface))!important;border-color:color-mix(in srgb,var(--cs10-red) 34%,var(--cs10-line))!important;color:color-mix(in srgb,var(--cs10-red) 74%,#fff 26%)!important}

html[data-design-grade="10"] :where(input:not([type=checkbox]):not([type=radio]),select,textarea){
  min-height:44px!important;
  padding:10px 12px!important;
  border:1px solid var(--cs10-line-strong)!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--cs10-bg-2) 82%,var(--cs10-surface))!important;
  color:var(--cs10-text)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset!important;
  transition:border-color var(--cs10-fast) var(--cs10-ease),background var(--cs10-fast) var(--cs10-ease),box-shadow var(--cs10-fast) var(--cs10-ease)!important;
}
html[data-design-grade="10"] :where(input:not([type=checkbox]):not([type=radio]),select,textarea):hover{border-color:color-mix(in srgb,var(--cs10-cyan) 24%,var(--cs10-line-strong))!important}
html[data-design-grade="10"] :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{
  border-color:color-mix(in srgb,var(--cs10-teal) 58%,var(--cs10-line-strong))!important;
  background:var(--cs10-surface)!important;
}
html[data-design-grade="10"] :where(input,textarea)::placeholder{color:var(--cs10-muted-2)!important;opacity:1}
html[data-design-grade="10"] .field label{color:var(--cs10-text-soft)!important;font-size:12px!important;font-weight:650!important}
html[data-design-grade="10"] .field small{color:var(--cs10-muted)!important}
html[data-design-grade="10"] input[type="checkbox"],
html[data-design-grade="10"] input[type="radio"]{accent-color:var(--cs10-orange)}

/* --------------------------------------------------------------------------
   Shared information surfaces
   -------------------------------------------------------------------------- */
html[data-design-grade="10"] :where(.panel,.stat,.purchase-card,.subscription-plan,.value-card,.download-card,.connection-card,.studio-surface,.unified-webapp){
  border:1px solid var(--cs10-line)!important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--cs10-card-solid) 98%,#fff 2%),var(--cs10-card-solid))!important;
  box-shadow:var(--cs10-shadow-1)!important;
}
html[data-design-grade="10"] .panel{border-radius:var(--cs10-radius)!important;padding:24px!important}
html[data-design-grade="10"] .panel-head{margin-bottom:20px!important}
html[data-design-grade="10"] .panel-head h2{font-size:18px!important;font-weight:690!important}
html[data-design-grade="10"] .panel-head p{color:var(--cs10-muted)!important}
html[data-design-grade="10"] .stat{border-radius:14px!important;padding:18px 20px!important;position:relative;overflow:hidden}
html[data-design-grade="10"] .stat::after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,var(--cs10-teal),transparent);opacity:.35}
html[data-design-grade="10"] .stat strong{font-size:28px!important;font-weight:650!important;letter-spacing:-.035em!important}
html[data-design-grade="10"] .stat-head,html[data-design-grade="10"] .stat small{color:var(--cs10-muted)!important}
html[data-design-grade="10"] .badge{
  min-height:26px!important;padding:3px 9px!important;border-radius:999px!important;
  border-color:var(--cs10-line-strong)!important;background:color-mix(in srgb,var(--cs10-surface-2) 82%,transparent)!important;
  color:var(--cs10-text-soft)!important;font-size:10.5px!important;font-weight:650!important;
}
html[data-design-grade="10"] .badge.good{color:color-mix(in srgb,var(--cs10-green) 78%,#fff 22%)!important;background:color-mix(in srgb,var(--cs10-green) 10%,var(--cs10-surface))!important;border-color:color-mix(in srgb,var(--cs10-green) 28%,var(--cs10-line))!important}
html[data-design-grade="10"] .badge.bad{color:color-mix(in srgb,var(--cs10-red) 78%,#fff 22%)!important;background:color-mix(in srgb,var(--cs10-red) 10%,var(--cs10-surface))!important;border-color:color-mix(in srgb,var(--cs10-red) 28%,var(--cs10-line))!important}
html[data-design-grade="10"] .notice{
  border-radius:12px!important;border-color:color-mix(in srgb,var(--cs10-cyan) 20%,var(--cs10-line))!important;
  background:color-mix(in srgb,var(--cs10-cyan) 6%,var(--cs10-surface))!important;color:var(--cs10-text-soft)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset!important;
}
html[data-design-grade="10"] .notice.error{background:color-mix(in srgb,var(--cs10-red) 8%,var(--cs10-surface))!important;border-color:color-mix(in srgb,var(--cs10-red) 28%,var(--cs10-line))!important}
html[data-design-grade="10"] .notice.success{background:color-mix(in srgb,var(--cs10-green) 8%,var(--cs10-surface))!important;border-color:color-mix(in srgb,var(--cs10-green) 28%,var(--cs10-line))!important}
html[data-design-grade="10"] .empty-icon{background:var(--cs10-surface-2)!important;border-color:var(--cs10-line-strong)!important;color:var(--cs10-teal)!important;box-shadow:none!important}
html[data-design-grade="10"] .eyebrow{color:var(--cs10-orange)!important;letter-spacing:.14em!important;font-size:10px!important;font-weight:750!important}
html[data-design-grade="10"] .text-link{color:var(--cs10-orange-soft)!important;font-weight:650!important}
html[data-design-grade="10"] .text-link:hover{color:var(--cs10-orange)!important}

/* --------------------------------------------------------------------------
   Workspace shell — one continuous professional instrument
   -------------------------------------------------------------------------- */
html[data-design-grade="10"] .ui5-shell{
  --cs-nav-width:236px;
  --cs-nav-collapsed:68px;
  --cs-topbar:58px;
  min-height:100dvh;
}
html[data-design-grade="10"] .ui5-shell .sidebar{
  width:var(--cs-nav-width)!important;
  padding:13px 10px 10px!important;
  background:linear-gradient(180deg,var(--cs10-chrome-strong),color-mix(in srgb,var(--cs10-bg-2) 90%,transparent))!important;
  border-right:1px solid var(--cs10-line)!important;
  box-shadow:8px 0 36px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(24px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(120%)!important;
}
html[data-design-grade="10"] .ui5-shell .sidebar-brand{
  min-height:62px!important;padding:2px 8px 13px!important;border-bottom:1px solid var(--cs10-line)!important;
}
html[data-design-grade="10"] .ui5-shell .sidebar .brand{gap:9px!important}
html[data-design-grade="10"] .ui5-shell .sidebar .brand img{width:34px!important;height:40px!important;filter:drop-shadow(0 8px 18px rgba(255,138,35,.12))!important}
html[data-design-grade="10"] .ui5-shell .sidebar .brand strong{font-size:12.5px!important;letter-spacing:.105em!important;color:var(--cs10-text)!important}
html[data-design-grade="10"] .ui5-shell .sidebar .brand small{font-size:7px!important;color:var(--cs10-muted)!important;letter-spacing:.13em!important}
html[data-design-grade="10"] .ui5-shell .sidebar-context{padding:4px 0!important;background:transparent!important;border:0!important}
html[data-design-grade="10"] .ui5-shell .sidebar .glass-context{min-height:46px!important;padding:8px 10px!important;color:var(--cs10-text-soft)!important;background:transparent!important;border:0!important}
html[data-design-grade="10"] .ui5-shell .sidebar-search{
  min-height:38px!important;height:38px!important;margin:2px 2px 6px!important;padding-inline:11px!important;
  background:color-mix(in srgb,var(--cs10-surface-2) 72%,transparent)!important;border:1px solid var(--cs10-line)!important;color:var(--cs10-muted)!important;
}
html[data-design-grade="10"] .ui5-shell .sidebar-search:hover{border-color:var(--cs10-line-strong)!important;background:var(--cs10-surface-2)!important;color:var(--cs10-text-soft)!important}
html[data-design-grade="10"] .ui5-shell .nav-group{margin-block:7px!important;padding:0 2px!important}
html[data-design-grade="10"] .ui5-shell .nav-group-toggle{min-height:30px!important;padding:5px 10px!important;color:var(--cs10-muted-2)!important;font-size:9.5px!important;font-weight:650!important;letter-spacing:.03em!important}
html[data-design-grade="10"] .ui5-shell .nav-item{
  min-height:40px!important;margin:1px 0!important;padding:9px 10px!important;gap:10px!important;border-radius:10px!important;
  color:var(--cs10-muted)!important;background:transparent!important;border:1px solid transparent!important;font-size:12.5px!important;font-weight:520!important;
  transition:background var(--cs10-fast) var(--cs10-ease),color var(--cs10-fast) var(--cs10-ease),border-color var(--cs10-fast) var(--cs10-ease)!important;
}
html[data-design-grade="10"] .ui5-shell .nav-item:hover{color:var(--cs10-text)!important;background:color-mix(in srgb,var(--cs10-surface-3) 58%,transparent)!important;border-color:color-mix(in srgb,var(--cs10-line) 65%,transparent)!important}
html[data-design-grade="10"] .ui5-shell .nav-item.active{
  color:var(--cs10-text)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--cs10-orange) 10%,var(--cs10-surface-2)),color-mix(in srgb,var(--cs10-surface-2) 72%,transparent))!important;
  border-color:color-mix(in srgb,var(--cs10-orange) 18%,var(--cs10-line))!important;font-weight:670!important;
}
html[data-design-grade="10"] .ui5-shell .nav-item.active::before{width:2px!important;top:9px!important;bottom:9px!important;background:var(--cs10-orange)!important;border-radius:4px!important;box-shadow:0 0 12px color-mix(in srgb,var(--cs10-orange) 30%,transparent)!important}
html[data-design-grade="10"] .ui5-shell .nav-item.active svg{color:var(--cs10-orange)!important}
html[data-design-grade="10"] .ui5-shell .sidebar-bottom{border-top:1px solid var(--cs10-line)!important;padding:10px 4px 2px!important}

html[data-design-grade="10"] .ui5-shell .app-area{margin-inline-start:var(--cs-nav-width)!important}
html[data-design-grade="10"] .ui5-shell.nav-collapsed .app-area{margin-inline-start:var(--cs-nav-collapsed)!important}
html[data-design-grade="10"] .ui5-shell .topbar{
  height:var(--cs-topbar)!important;padding:0 16px!important;gap:10px!important;
  background:var(--cs10-chrome)!important;border-bottom:1px solid var(--cs10-line)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.08)!important;backdrop-filter:blur(24px) saturate(125%)!important;-webkit-backdrop-filter:blur(24px) saturate(125%)!important;
}
html[data-design-grade="10"] .ui5-shell .topbar-left{gap:8px!important;min-width:0!important}
html[data-design-grade="10"] .ui5-shell .cs-system-switcher-trigger{min-height:38px!important;border-radius:10px!important;border-color:var(--cs10-line)!important;background:color-mix(in srgb,var(--cs10-surface-2) 58%,transparent)!important}
html[data-design-grade="10"] .ui5-shell .cs-global-search{
  height:38px!important;min-width:240px!important;max-width:440px!important;border:1px solid var(--cs10-line)!important;border-radius:10px!important;
  background:color-mix(in srgb,var(--cs10-surface-2) 58%,transparent)!important;color:var(--cs10-muted)!important;box-shadow:none!important;
}
html[data-design-grade="10"] .ui5-shell .cs-global-search:hover{border-color:var(--cs10-line-strong)!important;background:var(--cs10-surface-2)!important;color:var(--cs10-text-soft)!important}
html[data-design-grade="10"] .ui5-shell .breadcrumb{font-size:11px!important;color:var(--cs10-muted)!important;white-space:nowrap!important}
html[data-design-grade="10"] .ui5-shell .breadcrumb strong{color:var(--cs10-text-soft)!important;font-weight:650!important}
html[data-design-grade="10"] .ui5-shell .topbar-actions{gap:4px!important;margin-inline-start:auto!important}
html[data-design-grade="10"] .ui5-shell .cs-quick-action{min-height:38px!important;height:38px!important;padding-inline:12px!important}
html[data-design-grade="10"] .ui5-shell .cs-top-profile{min-height:40px!important;padding:4px 7px!important;border-radius:12px!important;border:1px solid transparent!important}
html[data-design-grade="10"] .ui5-shell .cs-top-profile:hover{background:var(--cs10-surface-2)!important;border-color:var(--cs10-line)!important}
html[data-design-grade="10"] .ui5-shell .cs-top-avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--cs10-teal) 25%,var(--cs10-surface-2)),var(--cs10-surface-3))!important;color:var(--cs10-text)!important;border:1px solid color-mix(in srgb,var(--cs10-teal) 25%,var(--cs10-line))!important}
html[data-design-grade="10"] .ui5-shell .context-bar{margin:0!important;border-radius:0!important;border-width:0 0 1px!important;border-color:var(--cs10-line)!important;background:color-mix(in srgb,var(--cs10-orange) 5%,var(--cs10-bg-2))!important;color:var(--cs10-text-soft)!important}
html[data-design-grade="10"] .ui5-shell .workspace-main{
  width:min(100%,var(--cs10-content))!important;max-width:var(--cs10-content)!important;margin-inline:auto!important;padding:26px 30px 108px!important;
}
html[data-design-grade="10"] .ui5-shell .workspace-footer{color:var(--cs10-muted-2)!important;border-top-color:var(--cs10-line)!important}
html[data-design-grade="10"] .ui5-shell .page-guide{background:color-mix(in srgb,var(--cs10-cyan) 4%,var(--cs10-surface))!important;border-color:var(--cs10-line)!important;border-radius:12px!important}
html[data-design-grade="10"] .ui5-shell .product-rail,
html[data-design-grade="10"] .ui5-shell .unified-product-rail{background:color-mix(in srgb,var(--cs10-bg-2) 85%,transparent)!important;border-color:var(--cs10-line)!important;backdrop-filter:blur(18px)!important}
html[data-design-grade="10"] .ui5-shell .product-tab{border-radius:10px!important;color:var(--cs10-muted)!important}
html[data-design-grade="10"] .ui5-shell .product-tab.active{color:var(--cs10-text)!important;background:var(--cs10-surface-2)!important;border-color:color-mix(in srgb,var(--cs10-orange) 22%,var(--cs10-line))!important}

/* --------------------------------------------------------------------------
   Page hierarchy, tables, filters and dialogs
   -------------------------------------------------------------------------- */
html[data-design-grade="10"] .page-heading{margin-bottom:24px!important;align-items:flex-end!important}
html[data-design-grade="10"] .page-heading h1{font-size:clamp(27px,2.4vw,36px)!important;font-weight:720!important;letter-spacing:-.04em!important}
html[data-design-grade="10"] .page-heading p{color:var(--cs10-muted)!important;line-height:1.75!important}
html[data-design-grade="10"] .search-input{min-height:42px!important;border:1px solid var(--cs10-line-strong)!important;border-radius:11px!important;background:color-mix(in srgb,var(--cs10-bg-2) 82%,var(--cs10-surface))!important;box-shadow:none!important}
html[data-design-grade="10"] .search-input:focus-within{border-color:color-mix(in srgb,var(--cs10-teal) 48%,var(--cs10-line-strong))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--cs10-teal) 8%,transparent)!important}
html[data-design-grade="10"] .search-input input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:40px!important}
html[data-design-grade="10"] .chip{min-height:38px!important;padding:8px 11px!important;border-radius:999px!important;background:var(--cs10-surface)!important;border-color:var(--cs10-line)!important;color:var(--cs10-muted)!important}
html[data-design-grade="10"] .chip:hover{color:var(--cs10-text)!important;border-color:var(--cs10-line-strong)!important}
html[data-design-grade="10"] .chip.selected{background:color-mix(in srgb,var(--cs10-orange) 9%,var(--cs10-surface))!important;color:var(--cs10-orange-soft)!important;border-color:color-mix(in srgb,var(--cs10-orange) 32%,var(--cs10-line))!important}
html[data-design-grade="10"] .table-scroll,
html[data-design-grade="10"] .crm-table{border:1px solid var(--cs10-line)!important;border-radius:14px!important;background:var(--cs10-card-solid)!important;overflow:auto!important;box-shadow:var(--cs10-shadow-1)!important}
html[data-design-grade="10"] :where(.table-scroll,.crm-table) table{border-collapse:separate!important;border-spacing:0!important;width:100%!important}
html[data-design-grade="10"] :where(.table-scroll,.crm-table) th{position:sticky!important;top:0!important;z-index:2!important;background:color-mix(in srgb,var(--cs10-surface-2) 96%,transparent)!important;color:var(--cs10-muted)!important;border-bottom:1px solid var(--cs10-line)!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.025em!important;text-transform:none!important}
html[data-design-grade="10"] :where(.table-scroll,.crm-table) td{color:var(--cs10-text-soft)!important;border-bottom-color:color-mix(in srgb,var(--cs10-line) 68%,transparent)!important}
html[data-design-grade="10"] :where(.table-scroll,.crm-table) tbody tr{transition:background var(--cs10-fast) ease!important}
html[data-design-grade="10"] :where(.table-scroll,.crm-table) tbody tr:hover{background:color-mix(in srgb,var(--cs10-teal) 4%,var(--cs10-surface-2))!important}

html[data-design-grade="10"] dialog.modal{
  width:min(680px,calc(100vw - 32px))!important;max-height:min(86dvh,900px)!important;padding:0!important;border:1px solid var(--cs10-line-strong)!important;
  border-radius:20px!important;background:var(--cs10-chrome-strong)!important;color:var(--cs10-text)!important;box-shadow:var(--cs10-shadow-float)!important;
  backdrop-filter:blur(24px) saturate(120%)!important;-webkit-backdrop-filter:blur(24px) saturate(120%)!important;
}
html[data-design-grade="10"] dialog.modal::backdrop{background:rgba(0,5,10,.64)!important;backdrop-filter:blur(4px)!important}
html[data-design-grade="10"] .modal-head{position:sticky!important;top:0!important;z-index:4!important;padding:15px 18px!important;background:var(--cs10-chrome-strong)!important;border-bottom:1px solid var(--cs10-line)!important}
html[data-design-grade="10"] .modal-head h2{font-size:17px!important;font-weight:700!important}
html[data-design-grade="10"] .modal>:not(.modal-head){margin-inline:20px}
html[data-design-grade="10"] .modal>:last-child{margin-bottom:20px}
html[data-design-grade="10"] .toast-stack{inset-block-start:72px!important;gap:8px!important}
html[data-design-grade="10"] .toast{border:1px solid var(--cs10-line-strong)!important;background:var(--cs10-chrome-strong)!important;border-radius:12px!important;box-shadow:var(--cs10-shadow-2)!important;backdrop-filter:blur(20px)!important;color:var(--cs10-text-soft)!important}

/* --------------------------------------------------------------------------
   CRM — executive clarity, dense data without visual noise
   -------------------------------------------------------------------------- */
html[data-design-grade="10"] .crm-shell{gap:16px!important}
html[data-design-grade="10"] .crm-head{padding:3px 0 5px!important;align-items:flex-end!important}
html[data-design-grade="10"] .crm-headline h1{font-size:30px!important;font-weight:720!important;letter-spacing:-.04em!important}
html[data-design-grade="10"] .crm-headline p{color:var(--cs10-muted)!important}
html[data-design-grade="10"] .crm-mini{
  min-width:104px!important;padding:9px 12px!important;border-radius:12px!important;background:var(--cs10-card-solid)!important;border-color:var(--cs10-line)!important;box-shadow:var(--cs10-shadow-1)!important;
}
html[data-design-grade="10"] .crm-mini b{font-size:19px!important;font-weight:680!important}
html[data-design-grade="10"] .crm-subnav{padding:3px!important;border-radius:12px!important;border-color:var(--cs10-line)!important;background:color-mix(in srgb,var(--cs10-surface) 78%,transparent)!important;box-shadow:none!important}
html[data-design-grade="10"] .crm-tab{min-height:38px!important;padding:7px 11px!important;border-radius:9px!important;font-size:12px!important}
html[data-design-grade="10"] .crm-tab.active{background:var(--cs10-surface-2)!important;border-color:color-mix(in srgb,var(--cs10-orange) 22%,var(--cs10-line))!important;box-shadow:0 1px 0 rgba(255,255,255,.025) inset!important}
html[data-design-grade="10"] .crm-kpis{gap:10px!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}
html[data-design-grade="10"] .crm-kpi{padding:15px!important;border-radius:14px!important;background:var(--cs10-card-solid)!important;border-color:var(--cs10-line)!important;box-shadow:var(--cs10-shadow-1)!important}
html[data-design-grade="10"] .crm-kpi:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--cs10-teal) 28%,var(--cs10-line))!important}
html[data-design-grade="10"] .crm-kpi::after{height:1px!important;background:linear-gradient(90deg,transparent,var(--cs10-orange),transparent)!important;opacity:.45!important}
html[data-design-grade="10"] .crm-kpi b{font-size:27px!important;font-weight:680!important}
html[data-design-grade="10"] .crm-view-pill{min-height:32px!important;padding:5px 10px!important;border-radius:999px!important;background:var(--cs10-surface)!important;border-color:var(--cs10-line)!important;color:var(--cs10-muted)!important}
html[data-design-grade="10"] .crm-view-pill.active{color:var(--cs10-orange-soft)!important;border-color:color-mix(in srgb,var(--cs10-orange) 34%,var(--cs10-line))!important;background:color-mix(in srgb,var(--cs10-orange) 7%,var(--cs10-surface))!important}
html[data-design-grade="10"] .crm-col{background:var(--cs10-card-solid)!important;border-color:var(--cs10-line)!important;border-radius:15px!important;box-shadow:var(--cs10-shadow-1)!important}
html[data-design-grade="10"] .crm-card{background:var(--cs10-surface-2)!important;border-color:var(--cs10-line)!important;border-radius:12px!important;box-shadow:none!important}
html[data-design-grade="10"] .crm-card:hover{border-color:color-mix(in srgb,var(--cs10-teal) 25%,var(--cs10-line))!important;transform:translateY(-1px)!important}
html[data-design-grade="10"] .crm-bulkbar{border-radius:12px!important;background:color-mix(in srgb,var(--cs10-orange) 7%,var(--cs10-surface))!important;border-color:color-mix(in srgb,var(--cs10-orange) 26%,var(--cs10-line))!important;box-shadow:var(--cs10-shadow-1)!important}

/* --------------------------------------------------------------------------
   AI / Agent / conversational workspaces
   -------------------------------------------------------------------------- */
html[data-design-grade="10"] .chat-mode .workspace-main{width:100%!important;max-width:none!important;padding:8px 10px 14px!important}
html[data-design-grade="10"] :where(.agent-screen,.agent-settings-page,.conversation-studio,.vx-runtime,.ai-workspace){color:var(--cs10-text)!important}
html[data-design-grade="10"] :where(.agent-panel,.agent-card,.agent-state,.vx-envelope,.copilot-message,.internal-note){
  border-color:var(--cs10-line)!important;background:var(--cs10-card-solid)!important;box-shadow:var(--cs10-shadow-1)!important;
}
html[data-design-grade="10"] :where(.message,.copilot-message){border-radius:16px!important}
html[data-design-grade="10"] :where(.message-text,.agent-muted){color:var(--cs10-text-soft)!important}
html[data-design-grade="10"] :where(.agent-section-kicker,.ui5-kicker,.unified-section-label){color:var(--cs10-teal)!important;letter-spacing:.12em!important;font-weight:700!important}
html[data-design-grade="10"] :where(.vx-chat-source,.agent-context-tag,.vx-badge){border-color:var(--cs10-line)!important;background:var(--cs10-surface-2)!important;color:var(--cs10-muted)!important}

/* --------------------------------------------------------------------------
   Operations / Admin / Settings / Investor relations
   -------------------------------------------------------------------------- */
html[data-design-grade="10"] :where(.ops-page,.identity-page,.agent-settings-page,.investor-page){max-width:100%!important}
html[data-design-grade="10"] :where(.section-bar,.detail-section,.workspace-section,.investor-report-section){border-color:var(--cs10-line)!important}
html[data-design-grade="10"] :where(.definition-list,.ops-info-list,.r22-settings-definitions,.r22-settings-measures) :where(dt,small){color:var(--cs10-muted)!important}
html[data-design-grade="10"] :where(.r22-settings-note,.inline-info,.internal-note){background:color-mix(in srgb,var(--cs10-cyan) 4%,var(--cs10-surface))!important;border-color:var(--cs10-line)!important;color:var(--cs10-text-soft)!important}
html[data-design-grade="10"] :where(.investor-report-section,.purchase-summary,.sales-detail){background:var(--cs10-card-solid)!important;border:1px solid var(--cs10-line)!important;border-radius:16px!important;box-shadow:var(--cs10-shadow-1)!important}

/* --------------------------------------------------------------------------
   Public site — restrained luxury, same brand language as the product
   -------------------------------------------------------------------------- */
html[data-design-grade="10"] .public-shell{background:transparent!important;color:var(--cs10-text)!important}
html[data-design-grade="10"] .site-header{
  background:var(--cs10-chrome)!important;border-bottom-color:var(--cs10-line)!important;
  backdrop-filter:blur(24px) saturate(120%)!important;-webkit-backdrop-filter:blur(24px) saturate(120%)!important;
}
html[data-design-grade="10"] .site-header .brand img{filter:drop-shadow(0 8px 20px rgba(255,145,44,.13))!important}
html[data-design-grade="10"] .site-nav{color:var(--cs10-muted)!important}
html[data-design-grade="10"] .site-nav a:hover,html[data-design-grade="10"] .site-nav [aria-current="page"]{color:var(--cs10-text)!important}
html[data-design-grade="10"] :where(.signature-hero,.premium-home,.unified-home){background:transparent!important}
html[data-design-grade="10"] :where(.signature-hero h1,.premium-copy h1,.unified-hero-copy h1,.public-page-head h1){letter-spacing:-.055em!important;font-weight:735!important}
html[data-design-grade="10"] :where(.signature-lead,.premium-lead,.unified-lead,.public-page-head>p){color:var(--cs10-muted)!important}
html[data-design-grade="10"] :where(.ecosystem-showcase,.unified-window,.trust-strip,.product-row,.feature-card,.premium-product,.unified-inquiry){
  border-color:var(--cs10-line)!important;background:var(--cs10-card-solid)!important;box-shadow:var(--cs10-shadow-1)!important;
}
html[data-design-grade="10"] :where(.product-row,.feature-card,.premium-product,.value-card){transition:transform var(--cs10-normal) var(--cs10-ease),border-color var(--cs10-normal) var(--cs10-ease),box-shadow var(--cs10-normal) var(--cs10-ease)!important}
html[data-design-grade="10"] :where(.product-row,.feature-card,.premium-product,.value-card):hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--cs10-teal) 24%,var(--cs10-line))!important;box-shadow:var(--cs10-shadow-2)!important}
html[data-design-grade="10"] .site-footer{border-top-color:var(--cs10-line)!important}

/* --------------------------------------------------------------------------
   Motion, loading and micro feedback
   -------------------------------------------------------------------------- */
html[data-design-grade="10"] .spinner{border-width:1.5px!important;border-color:color-mix(in srgb,var(--cs10-cyan) 24%,transparent)!important;border-top-color:var(--cs10-cyan)!important;border-inline-end-color:var(--cs10-cyan)!important}
html[data-design-grade="10"] .skeleton{background:linear-gradient(90deg,var(--cs10-surface) 10%,var(--cs10-surface-2) 45%,var(--cs10-surface) 80%)!important;background-size:220% 100%!important}
@media(prefers-reduced-motion:no-preference){
  html[data-design-grade="10"] :where(.panel,.stat,.crm-kpi,.product-row,.feature-card,.premium-product,.value-card){transition:transform var(--cs10-normal) var(--cs10-ease),border-color var(--cs10-normal) var(--cs10-ease),box-shadow var(--cs10-normal) var(--cs10-ease)!important}
  html[data-design-grade="10"] :where(.panel,.stat):hover{border-color:color-mix(in srgb,var(--cs10-cyan) 18%,var(--cs10-line))!important}
}

/* --------------------------------------------------------------------------
   Mobile & tablet — no desktop UI squeezed into a phone
   -------------------------------------------------------------------------- */
@media(max-width:1200px){
  html[data-design-grade="10"] .ui5-shell{--cs-nav-width:214px}
  html[data-design-grade="10"] .ui5-shell .workspace-main{padding-inline:22px!important}
  html[data-design-grade="10"] .ui5-shell .cs-global-search{min-width:190px!important}
}
@media(max-width:899px){
  html[data-design-grade="10"] .ui5-shell .app-area{margin-inline-start:0!important}
  html[data-design-grade="10"] .ui5-shell .sidebar{
    width:min(86vw,320px)!important;padding:12px!important;border-radius:0 18px 18px 0!important;
    box-shadow:24px 0 80px rgba(0,0,0,.44)!important;
  }
  html[data-design-grade="10"] .ui5-shell .topbar{height:58px!important;padding-inline:10px!important}
  html[data-design-grade="10"] .ui5-shell .workspace-main{width:100%!important;padding:18px 15px 96px!important}
  html[data-design-grade="10"] .ui5-shell .cs-mobile-brand{gap:7px!important}
  html[data-design-grade="10"] .ui5-shell .cs-mobile-brand img{width:25px!important;height:28px!important}
  html[data-design-grade="10"] .ui5-shell .cs-mobile-brand strong{font-size:11px!important;letter-spacing:.075em!important}
  html[data-design-grade="10"] .mobile-workspace-nav,
  html[data-design-grade="10"] .public-bottom-nav{
    margin:0!important;border-radius:16px 16px 0 0!important;border:1px solid var(--cs10-line)!important;border-bottom:0!important;
    background:var(--cs10-chrome-strong)!important;box-shadow:0 -14px 40px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(22px) saturate(120%)!important;-webkit-backdrop-filter:blur(22px) saturate(120%)!important;
  }
  html[data-design-grade="10"] .page-heading{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  html[data-design-grade="10"] .page-heading h1{font-size:28px!important}
  html[data-design-grade="10"] .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  html[data-design-grade="10"] .stat{padding:15px!important}
  html[data-design-grade="10"] .stat strong{font-size:23px!important}
  html[data-design-grade="10"] .panel{padding:18px!important;border-radius:14px!important}
  html[data-design-grade="10"] .crm-head{align-items:flex-start!important}
  html[data-design-grade="10"] .crm-headline h1{font-size:27px!important}
  html[data-design-grade="10"] .crm-minikpis{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html[data-design-grade="10"] .crm-mini{min-width:0!important}
  html[data-design-grade="10"] .crm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-design-grade="10"] :where(.form-grid,.crm-form-grid,.two-col){grid-template-columns:1fr!important}
  html[data-design-grade="10"] .modal>:not(.modal-head){margin-inline:16px}
}
@media(max-width:560px){
  :root{--cs10-control:44px}
  html[data-design-grade="10"] .ui5-shell .workspace-main{padding-inline:12px!important}
  html[data-design-grade="10"] .btn{font-size:12.5px!important;padding-inline:13px!important}
  html[data-design-grade="10"] .stats{grid-template-columns:1fr 1fr!important}
  html[data-design-grade="10"] .crm-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  html[data-design-grade="10"] .crm-kpi{padding:13px!important}
  html[data-design-grade="10"] .crm-kpi b{font-size:23px!important}
  html[data-design-grade="10"] .crm-minikpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-design-grade="10"] .panel{padding:16px!important}
  html[data-design-grade="10"] .panel-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  html[data-design-grade="10"] .site-section{padding-inline:20px!important}
  html[data-design-grade="10"] :where(.signature-hero h1,.premium-copy h1,.unified-hero-copy h1){font-size:clamp(38px,12vw,56px)!important}
  html[data-design-grade="10"] .public-page-head h1{font-size:clamp(35px,10vw,48px)!important}
  html[data-design-grade="10"] dialog.modal{width:calc(100vw - 18px)!important;max-height:92dvh!important;border-radius:18px!important}
}

/* --------------------------------------------------------------------------
   Light mode final corrections. No dark islands.
   -------------------------------------------------------------------------- */
html[data-theme="light"][data-design-grade="10"] :where(.panel,.stat,.purchase-card,.subscription-plan,.value-card,.download-card,.connection-card,.studio-surface,.unified-webapp,.crm-kpi,.crm-col,.crm-card,.table-scroll,.crm-table,.investor-report-section,.purchase-summary,.sales-detail){
  background:var(--cs10-card-solid)!important;color:var(--cs10-text)!important;
}
html[data-theme="light"][data-design-grade="10"] .ui5-shell .sidebar{background:rgba(248,251,252,.96)!important}
html[data-theme="light"][data-design-grade="10"] .ui5-shell .topbar{background:rgba(248,251,252,.86)!important}
html[data-theme="light"][data-design-grade="10"] :where(.modal,.toast){background:rgba(255,255,255,.98)!important}
html[data-theme="light"][data-design-grade="10"] dialog.modal::backdrop{background:rgba(29,47,58,.30)!important}

/* --------------------------------------------------------------------------
   Accessibility and print
   -------------------------------------------------------------------------- */
html[data-contrast="high"][data-design-grade="10"]{--cs10-line:rgba(214,235,246,.36);--cs10-line-strong:rgba(225,241,248,.62);--cs10-muted:#c2d1da}
html[data-theme="light"][data-contrast="high"][data-design-grade="10"]{--cs10-line:rgba(22,56,76,.34);--cs10-line-strong:rgba(22,56,76,.58);--cs10-muted:#3f5868}
@media(prefers-reduced-motion:reduce){
  html[data-design-grade="10"] *,html[data-design-grade="10"] *::before,html[data-design-grade="10"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
  html[data-design-grade="10"] :where(.panel,.stat,.btn,.sidebar,.topbar,.table-scroll,.crm-table,dialog.modal){forced-color-adjust:auto!important;box-shadow:none!important}
}
@media print{
  html[data-design-grade="10"] body{background:#fff!important;color:#111!important}
  html[data-design-grade="10"] :where(.sidebar,.topbar,.workspace-footer,.mobile-workspace-nav,.public-bottom-nav,.btn){display:none!important}
  html[data-design-grade="10"] .app-area{margin:0!important}
  html[data-design-grade="10"] .workspace-main{max-width:none!important;padding:0!important}
  html[data-design-grade="10"] :where(.panel,.stat,.table-scroll,.crm-table){box-shadow:none!important;border-color:#bbb!important;background:#fff!important;color:#111!important}
}

/* Command dock and system switcher: calm, precise, premium. */
html[data-design-grade="10"] .ui5-shell .cs-system-switcher-panel{
  width:320px!important;padding:8px!important;border:1px solid var(--cs10-line-strong)!important;border-radius:16px!important;
  background:var(--cs10-chrome-strong)!important;box-shadow:var(--cs10-shadow-float)!important;
  backdrop-filter:blur(24px) saturate(120%)!important;-webkit-backdrop-filter:blur(24px) saturate(120%)!important;
}
html[data-design-grade="10"] .ui5-shell .cs-system-switcher-search{border:1px solid var(--cs10-line)!important;border-radius:10px!important;background:var(--cs10-surface)!important}
html[data-design-grade="10"] .ui5-shell .cs-system-option{min-height:50px!important;border-radius:10px!important;color:var(--cs10-text-soft)!important;border:1px solid transparent!important;transform:none!important}
html[data-design-grade="10"] .ui5-shell .cs-system-option:hover{background:var(--cs10-surface-2)!important;border-color:var(--cs10-line)!important;transform:none!important}
html[data-design-grade="10"] .ui5-shell .cs-system-option.active{background:color-mix(in srgb,var(--cs10-orange) 7%,var(--cs10-surface-2))!important;border-color:color-mix(in srgb,var(--cs10-orange) 22%,var(--cs10-line))!important;box-shadow:none!important}
html[data-design-grade="10"] .ui5-shell .cs-system-option-icon{background:var(--cs10-surface-2)!important;border-color:var(--cs10-line)!important;color:var(--cs10-teal)!important;box-shadow:none!important}
html[data-design-grade="10"] .ui5-shell .cs-command-dock{
  min-height:58px!important;height:58px!important;bottom:18px!important;left:50%!important;right:auto!important;width:min(720px,calc(100vw - var(--cs-nav-width) - 56px))!important;
  transform:translateX(-50%)!important;padding:5px!important;border:1px solid var(--cs10-line-strong)!important;border-radius:18px!important;
  background:var(--cs10-chrome)!important;box-shadow:var(--cs10-shadow-2)!important;backdrop-filter:blur(26px) saturate(120%)!important;-webkit-backdrop-filter:blur(26px) saturate(120%)!important;
}
html[data-design-grade="10"] .ui5-shell .cs-command-dock::before{opacity:.22!important}
html[data-design-grade="10"] .ui5-shell .cs-command-dock::after{opacity:.25!important;box-shadow:none!important;background:linear-gradient(90deg,transparent,var(--cs10-cyan),var(--cs10-orange),transparent)!important}
html[data-design-grade="10"] .ui5-shell .cs-command-dock:hover,
html[data-design-grade="10"] .ui5-shell .cs-command-dock:focus-within{transform:translateX(-50%) translateY(-1px)!important;border-color:color-mix(in srgb,var(--cs10-cyan) 28%,var(--cs10-line-strong))!important;box-shadow:var(--cs10-shadow-float)!important}
html[data-design-grade="10"] .ui5-shell .cs-command-dock-main{height:46px!important;min-height:46px!important;border-radius:13px!important;background:transparent!important;border-color:transparent!important}
html[data-design-grade="10"] .ui5-shell .cs-command-dock-main:hover{background:var(--cs10-surface-2)!important}
html[data-design-grade="10"] .ui5-shell .cs-command-dock-search{background:var(--cs10-surface-2)!important;border-color:var(--cs10-line)!important;color:var(--cs10-cyan)!important;box-shadow:none!important}
html[data-design-grade="10"] .ui5-shell .cs-command-dock-copy strong{color:var(--cs10-text-soft)!important;font-size:12.5px!important}
html[data-design-grade="10"] .ui5-shell .cs-command-dock-copy small{color:var(--cs10-muted-2)!important}
html[data-design-grade="10"] .ui5-shell .cs-command-ai{height:46px!important;border-radius:13px!important;background:color-mix(in srgb,var(--cs10-orange) 7%,var(--cs10-surface-2))!important;border-color:color-mix(in srgb,var(--cs10-orange) 22%,var(--cs10-line))!important;color:var(--cs10-text-soft)!important;box-shadow:none!important}
html[data-design-grade="10"] .ui5-shell .cs-command-ai:hover{border-color:color-mix(in srgb,var(--cs10-orange) 38%,var(--cs10-line))!important;background:color-mix(in srgb,var(--cs10-orange) 10%,var(--cs10-surface-2))!important;box-shadow:none!important}
html[data-design-grade="10"] .ui5-shell .cs-command-ai-orb{background:color-mix(in srgb,var(--cs10-orange) 10%,var(--cs10-surface))!important;border-color:color-mix(in srgb,var(--cs10-orange) 26%,var(--cs10-line))!important;color:var(--cs10-orange-soft)!important;box-shadow:none!important}

/* Shell is physically left-aligned in both RTL and LTR. */
@media(min-width:900px){
  html[data-design-grade="10"] .ui5-shell .app-area{margin-left:var(--cs-nav-width)!important;margin-right:0!important;margin-inline-start:0!important}
  html[data-design-grade="10"] .ui5-shell.nav-collapsed .app-area{margin-left:var(--cs-nav-collapsed)!important;margin-right:0!important;margin-inline-start:0!important}
  html[data-design-grade="10"] .ui5-shell.nav-collapsed .cs-command-dock{width:min(720px,calc(100vw - var(--cs-nav-collapsed) - 56px))!important}
}
@media(max-width:899px){
  html[data-design-grade="10"] .ui5-shell .app-area{margin:0!important}
  html[data-design-grade="10"] .ui5-shell .sidebar{border-radius:0 18px 18px 0!important}
  html[data-design-grade="10"] .ui5-shell .cs-command-dock{bottom:calc(68px + env(safe-area-inset-bottom))!important;left:9px!important;right:9px!important;width:auto!important;height:56px!important;min-height:56px!important;transform:none!important;border-radius:17px!important}
  html[data-design-grade="10"] .ui5-shell .cs-command-dock:hover,
  html[data-design-grade="10"] .ui5-shell .cs-command-dock:focus-within{transform:translateY(-1px)!important}
}