/* Code Systems Design Master — Foundation Stage 1
 * Presentation only. Does not grant access, execute actions, or change server policy.
 */
html[data-ui="5"]{
 --cs-bg-0:#050a10;--cs-bg-1:#07121d;--cs-bg-2:#0a1a28;
 --cs-glass-nav:rgba(6,16,25,.88);--cs-glass-surface:rgba(10,25,38,.82);--cs-glass-raised:rgba(16,37,53,.88);
 --cs-glass-soft:rgba(14,31,45,.68);--cs-glass-border:rgba(126,191,226,.20);--cs-glass-edge:rgba(216,239,255,.18);
 --cs-orange:#ff850a;--cs-orange-2:#ffad45;--cs-cyan:#19d7ed;--cs-teal:#20dfc4;--cs-blue:#2c9dff;--cs-purple:#a35cff;
 --cs-text:#f6f9fb;--cs-muted:#9eb4c4;--cs-danger:#ff6677;--cs-success:#30e0a1;--cs-warning:#ffc45d;
 --cs-radius-xs:8px;--cs-radius-sm:11px;--cs-radius-md:15px;--cs-radius-lg:20px;--cs-radius-xl:26px;
 --cs-space-1:4px;--cs-space-2:8px;--cs-space-3:12px;--cs-space-4:16px;--cs-space-5:24px;--cs-space-6:32px;
 --cs-shadow:0 18px 56px rgba(0,0,0,.28);--cs-shadow-float:0 28px 90px rgba(0,0,0,.46);
 --cs-ease:cubic-bezier(.22,.78,.22,1);--cs-fast:140ms;--cs-normal:190ms;--cs-page:240ms;
 --cs-nav-width:232px;--cs-nav-collapsed:64px;--cs-topbar:52px;--cs-command:52px;
 --bg:var(--cs-bg-0);--surface:#0c1822;--raised:#122433;--surface-soft:#09141e;--surface-2:#122433;--surface-3:#172c3b;
 --text:var(--cs-text);--muted:var(--cs-muted);--line:#294354;--border:#294354;--orange:var(--cs-orange-2);--teal:#8ce6de;
 --ui-bg:var(--cs-bg-0);--ui-surface:#0c1822;--ui-hover:#122433;--ui-border:var(--cs-glass-border);--ui-border-strong:#456579;
 --ui-text:var(--cs-text);--ui-muted:var(--cs-muted);--ui-focus:var(--cs-cyan);--ui-tint:rgba(255,133,10,.105);--ui-nav:var(--cs-glass-nav);--ui-glass:var(--cs-glass-surface);
 --brand-ink:#ffad45;--success:#9ee8c8;--warning:#ffd180;--red:#ff9aaa;
}
html[data-ui="5"] body{background:var(--cs-bg-0);color:var(--cs-text)}
html[data-ui="5"] .ui5-shell{--nav-width:var(--cs-nav-width);position:relative;isolation:isolate;background:
 radial-gradient(1000px 560px at 85% -8%,rgba(44,157,255,.10),transparent 62%),
 radial-gradient(760px 520px at 18% 102%,rgba(255,133,10,.09),transparent 64%),linear-gradient(145deg,var(--cs-bg-0),var(--cs-bg-1) 58%,#06111a);}
html[data-ui="5"] .ui5-shell::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(circle at 84% 22%,rgba(25,215,237,.055),transparent 25%),
 radial-gradient(circle at 73% 26%,rgba(255,133,10,.045),transparent 22%);}
html[data-ui="5"] .ui5-shell.nav-collapsed{--nav-width:var(--cs-nav-collapsed)}
html[data-ui="5"] .ui5-shell .sidebar{left:0!important;right:auto!important;inset-inline:auto!important;width:var(--nav-width)!important;padding:13px 10px 10px;gap:9px;background:linear-gradient(180deg,rgba(6,16,25,.96),rgba(4,13,21,.88))!important;border-right:1px solid var(--cs-glass-border)!important;border-left:0!important;box-shadow:10px 0 38px rgba(0,0,0,.18),inset -1px 0 rgba(255,255,255,.025)!important;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);transition:width var(--cs-normal) var(--cs-ease),transform var(--cs-normal) var(--cs-ease)}
html[data-ui="5"] .ui5-shell .app-area{margin-left:var(--nav-width)!important;margin-right:0!important;width:calc(100% - var(--nav-width))!important;background:transparent!important;transition:margin-left var(--cs-normal) var(--cs-ease),width var(--cs-normal) var(--cs-ease)}
html[data-ui="5"] .sidebar-brand{min-height:54px;padding:1px 6px 7px;border-bottom:1px solid rgba(133,185,218,.11)}
html[data-ui="5"] .brand img{width:39px;height:45px;filter:drop-shadow(0 0 12px rgba(255,133,10,.18))}
html[data-ui="5"] .brand strong{font-size:14px;letter-spacing:.09em;color:#fff}
html[data-ui="5"] .brand small{font-size:7px;letter-spacing:.17em;color:#9fb4c4}
html[data-ui="5"] .sidebar-search{height:38px!important;min-height:38px!important;border-radius:10px!important;background:rgba(16,36,51,.72)!important;border:1px solid rgba(118,179,216,.18)!important;transition:border-color var(--cs-fast),background var(--cs-fast),box-shadow var(--cs-fast)!important}
html[data-ui="5"] .sidebar-search:hover{border-color:rgba(25,215,237,.32)!important;background:rgba(18,42,59,.9)!important}
html[data-ui="5"] .nav-item{min-height:38px;padding:8px 10px;margin:1px 0;border-radius:10px;font-size:13px;transition:background var(--cs-fast),color var(--cs-fast),border-color var(--cs-fast),transform var(--cs-fast)!important}
html[data-ui="5"] .nav-item:hover{background:rgba(21,45,62,.78)!important;transform:translateX(1px)}
html[data-ui="5"] .nav-item:active{transform:scale(.985)}
html[data-ui="5"] .nav-item.active{background:linear-gradient(90deg,rgba(255,133,10,.19),rgba(255,133,10,.07))!important;border-color:rgba(255,155,49,.25)!important;box-shadow:inset 0 0 0 1px rgba(255,183,91,.03),0 0 18px rgba(255,133,10,.045)!important}
html[data-ui="5"] .nav-item.active::before{top:7px;bottom:7px;width:2px;background:linear-gradient(#ffb13c,#ff7800);box-shadow:0 0 10px rgba(255,133,10,.65)}
html[data-ui="5"] .topbar{height:var(--cs-topbar)!important;min-height:var(--cs-topbar)!important;padding:0 14px 0 12px;gap:8px;background:rgba(5,15,24,.82)!important;border-bottom:1px solid var(--cs-glass-border)!important;box-shadow:0 10px 34px rgba(0,0,0,.10)!important;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
html[data-ui="5"] .topbar-left{gap:7px;direction:ltr}
html[data-ui="5"] .topbar-actions{margin-left:auto;direction:ltr}
html[data-ui="5"] .breadcrumb{direction:rtl;font-size:12px;max-width:280px}
html[data-ui="5"] .topbar .btn{min-height:36px;height:36px;padding:7px 10px;border-radius:10px}
html[data-ui="5"] .topbar .btn.icon{width:36px;min-width:36px}
html[data-ui="5"] .context-bar{background:rgba(255,133,10,.065)!important;border-bottom:1px solid rgba(255,166,68,.14);padding:6px 20px;font-size:12px}
html[data-ui="5"] .product-rail{min-height:42px!important;padding:5px 18px!important;background:rgba(5,14,22,.70)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(116,177,211,.12)!important}
html[data-ui="5"] .workspace-main{max-width:1540px;padding:24px 26px 28px;animation:cs-page-in var(--cs-page) var(--cs-ease)}
@keyframes cs-page-in{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Glass content language */
html[data-ui="5"] :where(.panel,.stat,.workspace-banner,.ops-work-queue,.scope-metrics,.resume-panel,.setup-checklist,.adaptive-aside>section){background:linear-gradient(145deg,rgba(13,31,45,.91),rgba(8,20,30,.84))!important;border:1px solid var(--cs-glass-border)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 40px rgba(0,0,0,.12)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
html[data-ui="5"] :where(.panel,.stat,.btn,.nav-item,.product-tab,.adaptive-action-row,.quick-link,.module-row){transition:transform var(--cs-fast) var(--cs-ease),background var(--cs-fast),border-color var(--cs-fast),box-shadow var(--cs-fast),color var(--cs-fast)}
html[data-ui="5"] :where(.panel,.stat):hover{border-color:rgba(114,190,226,.29)!important}
html[data-ui="5"] .btn:active:not(:disabled),html[data-ui="5"] :where(a,button)[data-pressed="true"]{transform:scale(.985)}
html[data-ui="5"] .btn.primary{background:linear-gradient(180deg,#ffad3d,#ff850a)!important;border-color:#ff9b24!important;color:#1d1207!important;box-shadow:0 8px 22px rgba(255,133,10,.13),inset 0 1px rgba(255,255,255,.22)!important}
html[data-ui="5"] .btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffbb56,#ff9320)!important;border-color:#ffc16e!important;box-shadow:0 10px 28px rgba(255,133,10,.20)!important}
html[data-ui="5"] :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--cs-cyan)!important;outline-offset:3px;box-shadow:0 0 0 5px rgba(25,215,237,.08)!important}
html[data-ui="5"] :where(input,select,textarea):not([type="checkbox"]):not([type="radio"]){background:rgba(7,21,32,.86)!important;border-color:rgba(111,174,210,.24)!important}
html[data-ui="5"] :where(input,select,textarea):not([type="checkbox"]):not([type="radio"]):focus{border-color:rgba(25,215,237,.62)!important}
html[data-ui="5"] .btn[aria-busy="true"],html[data-ui="5"] .btn:disabled{filter:saturate(.65);cursor:not-allowed}
html[data-ui="5"] .skeleton{background:linear-gradient(90deg,rgba(25,50,66,.62),rgba(44,77,97,.85),rgba(25,50,66,.62));background-size:200% 100%;animation:cs-skeleton 1.2s ease-in-out infinite}
@keyframes cs-skeleton{to{background-position:-200% 0}}

/* System switcher */
html[data-ui="5"] .cs-system-switcher{position:relative;direction:rtl;flex:0 0 auto}
html[data-ui="5"] .cs-system-switcher-trigger{height:38px;min-width:178px;max-width:225px;padding:5px 9px;border:1px solid rgba(117,183,222,.20);border-radius:11px;background:rgba(12,29,42,.74);color:var(--cs-text);display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.02);transition:background var(--cs-fast),border-color var(--cs-fast),transform var(--cs-fast)}
html[data-ui="5"] .cs-system-switcher-trigger:hover{background:rgba(18,41,57,.88);border-color:rgba(25,215,237,.30)}
html[data-ui="5"] .cs-system-switcher-trigger:active{transform:scale(.985)}
html[data-ui="5"] .cs-system-mark{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:var(--cs-orange-2);background:rgba(255,133,10,.11);border:1px solid rgba(255,159,42,.15)}
html[data-ui="5"] .cs-system-current{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;flex:1}
html[data-ui="5"] .cs-system-current small{font-size:8px;color:var(--cs-muted);margin-bottom:3px}
html[data-ui="5"] .cs-system-current strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}
html[data-ui="5"] .cs-system-switcher-panel{position:absolute;top:calc(100% + 9px);left:0;width:310px;max-width:calc(100vw - 24px);padding:10px;border:1px solid rgba(120,190,228,.24);border-radius:15px;background:rgba(7,19,29,.96);box-shadow:var(--cs-shadow-float);backdrop-filter:blur(28px);z-index:300;animation:cs-pop-in var(--cs-normal) var(--cs-ease)}
@keyframes cs-pop-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
html[data-ui="5"] .cs-system-switcher-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--cs-glass-border);border-radius:10px;background:rgba(15,35,49,.72);color:var(--cs-muted)}
html[data-ui="5"] .cs-system-switcher-search input{border:0!important;background:transparent!important;min-height:38px!important;padding:7px 0!important;font-size:13px!important;box-shadow:none!important;width:100%}
html[data-ui="5"] .cs-system-switcher-list{display:grid;gap:3px;margin-top:8px}
html[data-ui="5"] .cs-system-option{min-height:48px;padding:7px 9px;border-radius:10px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:9px;align-items:center;color:var(--cs-text);text-decoration:none;border:1px solid transparent}
html[data-ui="5"] .cs-system-option:hover{background:rgba(20,45,62,.74);border-color:rgba(115,181,216,.13)}
html[data-ui="5"] .cs-system-option.active{background:rgba(255,133,10,.10);border-color:rgba(255,159,42,.20)}
html[data-ui="5"] .cs-system-option-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--cs-cyan);background:rgba(25,215,237,.07)}
html[data-ui="5"] .cs-system-option strong,html[data-ui="5"] .cs-system-option small{display:block}
html[data-ui="5"] .cs-system-option strong{font-size:13px}.cs-system-option small{font-size:10px;color:var(--cs-muted);margin-top:2px}
html[data-ui="5"] .cs-system-switcher-all{display:flex;align-items:center;gap:7px;margin-top:8px;padding:9px 10px;border-top:1px solid rgba(117,182,215,.12);color:var(--cs-muted);text-decoration:none;font-size:12px}
html[data-ui="5"] .cs-system-switcher-empty{font-size:12px;color:var(--cs-muted);padding:16px 8px;margin:0;text-align:center}

/* Shared command dock */
html[data-ui="5"] .cs-command-dock{position:sticky;bottom:10px;z-index:25;width:min(980px,calc(100% - 38px));min-height:var(--cs-command);margin:0 auto 10px;padding:5px;display:flex;gap:5px;align-items:center;border:1px solid rgba(74,173,226,.34);border-bottom-color:rgba(255,133,10,.47);border-radius:17px;background:rgba(5,18,29,.91);box-shadow:0 16px 48px rgba(0,0,0,.32),0 0 30px rgba(27,148,205,.045),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%)}
html[data-ui="5"] .cs-command-dock-main{flex:1;min-width:0;height:40px;border:0;background:transparent;color:var(--cs-muted);border-radius:12px;padding:0 11px;display:flex;align-items:center;gap:10px;cursor:text;text-align:start;font-size:13px}
html[data-ui="5"] .cs-command-dock-main:hover{background:rgba(25,52,70,.60);color:var(--cs-text)}
html[data-ui="5"] .cs-command-dock-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
html[data-ui="5"] .cs-command-dock kbd{font-family:inherit;font-size:10px;border:1px solid rgba(125,181,213,.22);border-radius:6px;padding:2px 6px;color:var(--cs-muted)}
html[data-ui="5"] .cs-command-ai{height:40px;display:flex;align-items:center;gap:6px;padding:0 12px;border-radius:12px;background:linear-gradient(180deg,rgba(255,151,34,.16),rgba(255,122,0,.08));border:1px solid rgba(255,153,37,.24);color:#ffd6a6;text-decoration:none;font-size:12px;font-weight:700}
html[data-ui="5"] .cs-command-ai:hover{background:linear-gradient(180deg,rgba(255,151,34,.23),rgba(255,122,0,.13));border-color:rgba(255,177,79,.38)}

/* Mobile shell */
@media(max-width:899px){
 html[data-ui="5"]{--cs-topbar:58px;--cs-command:50px}
 html[data-ui="5"] .ui5-shell .sidebar{left:0!important;right:auto!important;width:min(86vw,310px)!important;transform:translateX(-105%)!important;border-right:1px solid var(--cs-glass-border)!important;box-shadow:18px 0 60px rgba(0,0,0,.45)!important;padding-top:calc(12px + env(safe-area-inset-top))}
 html[data-ui="5"] .ui5-shell .sidebar.open{transform:translateX(0)!important}
 html[data-ui="5"] .ui5-shell .app-area{margin-left:0!important;width:100%!important}
 html[data-ui="5"] .topbar{padding:0 10px;gap:5px}
 html[data-ui="5"] .topbar-left{width:100%;justify-content:space-between}
 html[data-ui="5"] .breadcrumb{display:none!important}
 html[data-ui="5"] .ui5-compact-context{display:none!important}
 html[data-ui="5"] .cs-system-switcher{margin-inline:auto}
 html[data-ui="5"] .cs-system-switcher-trigger{min-width:0;width:154px;height:40px}
 html[data-ui="5"] .cs-system-current small{display:none}
 html[data-ui="5"] .cs-system-current strong{font-size:12px;max-width:95px}
 html[data-ui="5"] .cs-system-switcher-panel{position:fixed;left:12px;right:12px;top:calc(var(--cs-topbar) + env(safe-area-inset-top) + 8px);width:auto;max-width:none}
 html[data-ui="5"] .topbar-actions{gap:1px;margin-left:0}
 html[data-ui="5"] .topbar-actions :where(.ops-live,.appearance-controls,.ui5-display-trigger,.context-ai-trigger,.ui5-favorite-trigger,.command-trigger){display:none!important}
 html[data-ui="5"] .workspace-main{padding:16px 13px calc(148px + env(safe-area-inset-bottom));min-height:calc(100dvh - var(--cs-topbar));}
 html[data-ui="5"] .product-rail{padding-inline:10px!important;overflow-x:auto;scrollbar-width:none}
 html[data-ui="5"] .product-rail::-webkit-scrollbar{display:none}
 html[data-ui="5"] .cs-command-dock{position:fixed;left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));width:auto;margin:0;z-index:42;min-height:50px;border-radius:17px;padding:4px}
 html[data-ui="5"] .cs-command-dock-main{height:40px;font-size:12px;padding-inline:10px}
 html[data-ui="5"] .cs-command-dock kbd{display:none}
 html[data-ui="5"] .cs-command-ai{width:42px;padding:0;justify-content:center}.cs-command-ai span{display:none}
 html[data-ui="5"] .mobile-workspace-nav{left:0!important;right:0!important;bottom:0!important;padding-bottom:env(safe-area-inset-bottom);background:rgba(4,14,23,.96)!important;border-top:1px solid var(--cs-glass-border)!important;backdrop-filter:blur(24px)}
 html[data-ui="5"] .mobile-workspace-nav a,html[data-ui="5"] .mobile-workspace-nav button{min-height:58px}
 html[data-ui="5"] .mobile-workspace-nav [aria-current="page"]{color:var(--cs-orange-2)!important}
 html[data-ui="5"] .chat-mode .mobile-workspace-nav{display:none!important}
 html[data-ui="5"] .chat-mode .product-rail{display:none!important}
 html[data-ui="5"] .chat-mode .context-bar{display:none!important}
 html[data-ui="5"] .chat-mode .workspace-footer{display:none!important}
 html[data-ui="5"] .chat-mode .workspace-main{padding:8px 8px calc(10px + env(safe-area-inset-bottom));min-height:0}
 html[data-ui="5"] .chat-mode .topbar{border-bottom-color:rgba(94,176,220,.16)!important}
 html[data-ui="5"] .chat-mode .topbar .mobile-only{display:inline-flex!important;border:1px solid rgba(112,184,221,.20)!important;background:rgba(13,33,47,.74)!important}
}
@media(min-width:900px) and (max-width:1200px){
 html[data-ui="5"]{--cs-nav-width:208px}
 html[data-ui="5"] .cs-system-switcher-trigger{min-width:158px}.cs-system-current small{display:none}
 html[data-ui="5"] .workspace-main{padding-inline:20px}
}
@media(min-width:1201px){html[data-ui="5"] .desktop-only{display:inline-flex!important}}

/* Accessibility and reduced effects */
html[data-ui="5"][data-ui-effects="reduced"] :where(.sidebar,.topbar,.cs-command-dock,.cs-system-switcher-panel,.panel,.stat){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0b1822!important}
html[data-ui="5"][data-contrast="high"]{--cs-glass-border:rgba(224,239,248,.56);--cs-muted:#d7e3eb}
@media(prefers-reduced-motion:reduce){html[data-ui="5"] :where(*,::before,::after){animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){html[data-ui="5"] :where(.cs-command-dock,.cs-system-switcher-trigger,.cs-system-switcher-panel,.panel,.sidebar,.topbar){border:1px solid CanvasText!important;background:Canvas!important;color:CanvasText!important;box-shadow:none!important}}
/* Physical shell placement: brand shell stays on the left even when document content is RTL. */
html[dir="rtl"][data-ui="5"] .ui5-shell .sidebar,
html[dir="ltr"][data-ui="5"] .ui5-shell .sidebar{inset-inline-start:auto!important;inset-inline-end:auto!important;left:0!important;right:auto!important}

/* ======================================================================
   Stage 1 Visual Rebuild R2 — approved cinematic Code Systems direction
   ====================================================================== */
html[data-ui="5"]{
 --cs-r2-glass:rgba(7,21,34,.72);
 --cs-r2-glass-strong:rgba(8,24,39,.88);
 --cs-r2-line:rgba(117,206,255,.22);
 --cs-r2-line-warm:rgba(255,143,28,.42);
 --cs-r2-orange:#ff850a;
 --cs-r2-orange-hot:#ff6b00;
 --cs-r2-cyan:#18d9ff;
 --cs-r2-teal:#14e2bd;
 --cs-r2-blue:#2196ff;
 --cs-r2-purple:#a24dff;
 --cs-r2-shadow:0 20px 68px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);
 --cs-r2-shadow-hot:0 0 0 1px rgba(255,149,38,.30),0 0 24px rgba(255,111,0,.16),0 18px 50px rgba(0,0,0,.38);
 --cs-nav-width:218px;
 --cs-nav-collapsed:62px;
 --cs-topbar:48px;
 --cs-command:50px;
}
html[data-ui="5"] body{background:#030811!important;background-image:
 radial-gradient(1100px 760px at 92% -10%,rgba(14,135,219,.18),transparent 62%),
 radial-gradient(900px 640px at 8% 108%,rgba(255,109,0,.13),transparent 66%),
 linear-gradient(145deg,#02070d 0%,#061421 54%,#03101b 100%)!important}
html[data-ui="5"] .ui5-shell{background:transparent!important;min-height:100dvh}
html[data-ui="5"] .ui5-shell::before{background:
 radial-gradient(760px 460px at 82% 9%,rgba(15,188,255,.08),transparent 62%),
 radial-gradient(760px 460px at 10% 88%,rgba(255,112,0,.07),transparent 62%),
 linear-gradient(120deg,transparent 0 47%,rgba(255,139,31,.018) 52%,transparent 57%)!important}
html[data-ui="5"] .ui5-shell::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.42;background:
 linear-gradient(90deg,transparent 5%,rgba(25,217,255,.035) 5.1%,transparent 5.2%,transparent 76%,rgba(255,133,10,.04) 76.1%,transparent 76.25%),
 linear-gradient(0deg,transparent 12%,rgba(255,255,255,.018) 12.1%,transparent 12.2%)}

/* Desktop chrome */
html[data-ui="5"] .ui5-shell .sidebar{padding:12px 9px 10px!important;background:linear-gradient(180deg,rgba(4,13,23,.96),rgba(4,15,25,.89) 68%,rgba(4,11,19,.97))!important;border-right:1px solid rgba(99,192,235,.20)!important;box-shadow:12px 0 48px rgba(0,0,0,.30),inset -1px 0 rgba(255,137,20,.055)!important;backdrop-filter:blur(28px) saturate(145%)!important;-webkit-backdrop-filter:blur(28px) saturate(145%)!important}
html[data-ui="5"] .sidebar-brand{min-height:68px;padding:4px 7px 11px;border-bottom:1px solid rgba(117,206,255,.11)}
html[data-ui="5"] .brand{gap:9px!important}
html[data-ui="5"] .brand img{width:46px!important;height:50px!important;filter:drop-shadow(0 0 8px rgba(255,130,0,.34)) drop-shadow(0 0 18px rgba(255,105,0,.16))!important}
html[data-ui="5"] .brand strong{font-size:15px!important;letter-spacing:.10em!important;font-weight:760!important}
html[data-ui="5"] .brand small{font-size:6.8px!important;letter-spacing:.15em!important;color:#aab9c6!important}
html[data-ui="5"] .sidebar-context{border:1px solid rgba(85,184,230,.13);border-radius:12px;background:rgba(13,32,46,.40);box-shadow:inset 0 1px rgba(255,255,255,.018)}
html[data-ui="5"] .sidebar-search{background:linear-gradient(180deg,rgba(17,40,57,.70),rgba(8,25,38,.78))!important;border-color:rgba(87,186,235,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
html[data-ui="5"] .sidebar-search:hover{border-color:rgba(25,217,255,.50)!important;box-shadow:0 0 18px rgba(25,217,255,.06)!important}
html[data-ui="5"] .nav-item{min-height:36px!important;padding:7px 10px!important;border:1px solid transparent!important;border-radius:9px!important;color:#cad7df!important}
html[data-ui="5"] .nav-item svg{color:#c7d7e3;transition:color var(--cs-fast),filter var(--cs-fast)}
html[data-ui="5"] .nav-item:hover{background:linear-gradient(90deg,rgba(22,55,77,.82),rgba(10,31,47,.60))!important;border-color:rgba(91,190,235,.17)!important;color:white!important;transform:translateX(2px)!important}
html[data-ui="5"] .nav-item.active{background:linear-gradient(90deg,rgba(255,126,5,.34),rgba(255,100,0,.12) 65%,rgba(11,29,43,.36))!important;border-color:rgba(255,153,51,.48)!important;box-shadow:0 0 22px rgba(255,111,0,.10),inset 0 0 18px rgba(255,139,36,.06)!important;color:#fff!important}
html[data-ui="5"] .nav-item.active svg{color:#ff9a28;filter:drop-shadow(0 0 6px rgba(255,133,10,.42))}
html[data-ui="5"] .nav-item.active::before{background:#ff8a12!important;box-shadow:0 0 12px #ff7a00!important}
html[data-ui="5"] .sidebar-bottom{border-top-color:rgba(112,188,225,.14)!important;padding-top:9px}
html[data-ui="5"] .topbar{height:var(--cs-topbar)!important;min-height:var(--cs-topbar)!important;background:linear-gradient(180deg,rgba(8,22,34,.90),rgba(5,17,28,.78))!important;border-bottom:1px solid rgba(92,191,235,.19)!important;box-shadow:0 8px 30px rgba(0,0,0,.22),inset 0 -1px rgba(255,133,10,.025)!important;backdrop-filter:blur(30px) saturate(145%)!important}
html[data-ui="5"] .topbar:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent 3%,rgba(25,217,255,.28),transparent 42%,rgba(255,133,10,.26),transparent 88%);pointer-events:none}
html[data-ui="5"] .topbar .btn{background:rgba(10,30,44,.52);border-color:rgba(95,188,229,.14)}
html[data-ui="5"] .topbar .btn:hover{border-color:rgba(25,217,255,.36);background:rgba(15,40,57,.78)}
html[data-ui="5"] .cs-system-switcher-trigger{height:36px!important;min-width:170px!important;background:linear-gradient(180deg,rgba(15,39,55,.86),rgba(8,27,42,.78))!important;border:1px solid rgba(92,188,232,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)}
html[data-ui="5"] .cs-system-switcher-trigger:hover{border-color:rgba(255,145,34,.36)!important;box-shadow:0 0 18px rgba(255,122,0,.06)}
html[data-ui="5"] .cs-system-mark{background:linear-gradient(145deg,rgba(255,139,22,.20),rgba(16,50,69,.5))!important;color:#ff9a29!important;border:1px solid rgba(255,152,48,.25)!important}
html[data-ui="5"] .cs-system-switcher-panel{background:rgba(6,20,31,.96)!important;border-color:rgba(89,188,232,.26)!important;box-shadow:0 28px 80px rgba(0,0,0,.60),0 0 28px rgba(25,217,255,.04)!important;backdrop-filter:blur(34px) saturate(150%)!important}
html[data-ui="5"] .workspace-main{max-width:1600px!important;padding:18px 20px 82px!important}

/* Floating command dock — signature Code Systems control */
html[data-ui="5"] .cs-command-dock{left:calc(var(--nav-width) + 22px)!important;right:22px!important;bottom:14px!important;height:50px!important;border:1px solid rgba(35,205,255,.52)!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(9,28,42,.90),rgba(5,20,32,.94))!important;box-shadow:0 0 0 1px rgba(255,130,5,.24),0 0 22px rgba(255,105,0,.10),0 18px 55px rgba(0,0,0,.46)!important;backdrop-filter:blur(28px) saturate(150%)!important;-webkit-backdrop-filter:blur(28px) saturate(150%)!important;overflow:hidden}
html[data-ui="5"] .cs-command-dock:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(24,217,255,.08),transparent 28%,transparent 70%,rgba(255,132,10,.12))}
html[data-ui="5"] .cs-command-dock-main{height:100%!important;background:transparent!important}
html[data-ui="5"] .cs-command-ai{height:38px!important;margin:5px!important;border:1px solid rgba(255,153,48,.36)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(255,132,11,.16),rgba(255,104,0,.08))!important;color:#ffd6a8!important}
html[data-ui="5"] .cs-command-ai:hover{box-shadow:0 0 18px rgba(255,122,0,.16)}

/* Client home: actual data, approved cinematic composition */
.stage1-r2-home{max-width:1540px!important}
.stage1-r2-home .ops-evidence{margin-bottom:0}
.stage1-r2-hero{position:relative;min-height:242px;border:1px solid rgba(61,191,255,.30);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) 260px;align-items:center;padding:26px 30px;margin-bottom:12px;background:
 linear-gradient(90deg,rgba(3,12,21,.95) 0%,rgba(5,18,30,.86) 42%,rgba(4,14,24,.42) 68%,rgba(3,10,17,.24) 100%),
 url('/brand/globe-hero-r2.webp') center right/cover no-repeat;box-shadow:0 0 0 1px rgba(255,132,10,.13),0 18px 60px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.04)}
.stage1-r2-hero:after{content:"";position:absolute;inset:auto -5% -48% 22%;height:200px;background:radial-gradient(ellipse,rgba(255,120,0,.20),transparent 64%);filter:blur(24px);pointer-events:none}
.stage1-r2-hero-copy{position:relative;z-index:2;max-width:850px}
.stage1-r2-kicker{font-size:9px;letter-spacing:.20em;color:#d1dae1;margin-bottom:8px;font-weight:650}
.stage1-r2-hero h1{font-size:clamp(32px,4vw,54px)!important;line-height:1.07!important;margin:0 0 8px!important;letter-spacing:-.045em!important;color:#fff}
.stage1-r2-hero h1 span{color:#ff9322;text-shadow:0 0 24px rgba(255,118,0,.15)}
.stage1-r2-hero p{font-size:16px;margin:0 0 18px;color:#c6d6e1}
.stage1-r2-ask{width:min(720px,100%);height:48px;display:flex;align-items:center;gap:12px;padding:0 8px 0 16px;border-radius:14px;border:1px solid rgba(63,205,255,.44);background:linear-gradient(180deg,rgba(8,34,51,.78),rgba(5,23,37,.78));color:#cadbe6;font:inherit;font-size:14px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 18px rgba(19,209,255,.04);text-align:start}
.stage1-r2-ask:hover{border-color:rgba(255,148,37,.52);box-shadow:0 0 22px rgba(255,118,0,.10)}
.stage1-r2-ask>span:nth-child(2){flex:1}
.stage1-r2-ask-go{height:36px;width:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#ff9e2c,#ff6200);color:#fff;box-shadow:0 0 18px rgba(255,111,0,.28)}
.stage1-r2-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.stage1-r2-quick a{min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(109,181,216,.20);border-radius:8px;background:rgba(6,22,35,.58);font-size:11px;color:#d7e2e9;text-decoration:none}
.stage1-r2-quick a:hover{border-color:rgba(255,148,37,.34);background:rgba(18,41,55,.74)}
.stage1-r2-hero-brand{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:end;min-width:220px;padding:12px;color:#fff;text-align:center}
.stage1-r2-hero-brand img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,132,0,.34)) drop-shadow(0 0 28px rgba(255,88,0,.18))}
.stage1-r2-hero-brand strong{font-size:24px;letter-spacing:.14em;margin-top:5px}
.stage1-r2-hero-brand small{font-size:8px;letter-spacing:.20em;color:#cad6dd;margin-top:5px}
.stage1-r2-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
.stage1-r2-kpi{position:relative;min-height:92px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--cs-r2-line);border-radius:14px;background:linear-gradient(145deg,rgba(10,30,45,.90),rgba(7,22,35,.72));box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 36px rgba(0,0,0,.18);overflow:hidden}
.stage1-r2-kpi:after{content:"";position:absolute;inset:auto -15px -38px auto;width:110px;height:70px;border-radius:50%;filter:blur(10px);opacity:.18;background:currentColor}
.stage1-r2-kpi-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(18,52,72,.74);border:1px solid currentColor;box-shadow:0 0 16px currentColor;filter:saturate(.75)}
.stage1-r2-kpi.orange{color:#ff9a2d}.stage1-r2-kpi.red{color:#ff6473}.stage1-r2-kpi.cyan{color:#1ddcff}.stage1-r2-kpi.green{color:#21e7b7}.stage1-r2-kpi.blue{color:#2a9cff}
.stage1-r2-kpi>div{display:grid;gap:1px;min-width:0}.stage1-r2-kpi strong{font-size:23px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.stage1-r2-kpi span:not(.stage1-r2-kpi-icon){font-size:12px;color:#e4edf2}.stage1-r2-kpi small{font-size:10px;color:#8fa6b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage1-r2-systems,.stage1-r2-glass{border:1px solid rgba(99,187,230,.20);border-radius:16px;background:linear-gradient(145deg,rgba(8,27,41,.90),rgba(6,20,32,.78));box-shadow:var(--cs-r2-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.stage1-r2-systems{padding:14px;margin-bottom:12px}
.stage1-r2-systems>header,.stage1-r2-glass>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}
.stage1-r2-systems h2,.stage1-r2-glass h2{font-size:17px!important;margin:0}.stage1-r2-systems p{font-size:11px;color:#9fb3c1;margin:2px 0 0}.stage1-r2-systems>header>a,.stage1-r2-glass>header>a{font-size:11px;color:#86dff6;display:flex;align-items:center;gap:5px;text-decoration:none}
.stage1-r2-system-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}
.stage1-r2-system-card{position:relative;min-height:104px;padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;border:1px solid rgba(97,185,226,.18);border-radius:12px;background:linear-gradient(155deg,rgba(18,47,65,.72),rgba(7,25,39,.80));color:#edf7fb;text-decoration:none;overflow:hidden;transition:transform var(--cs-fast),border-color var(--cs-fast),box-shadow var(--cs-fast),background var(--cs-fast)}
.stage1-r2-system-card:after{content:"";position:absolute;inset:auto -22px -34px auto;width:90px;height:70px;background:radial-gradient(circle,currentColor,transparent 68%);opacity:.08}
.stage1-r2-system-card:hover{transform:translateY(-3px);border-color:rgba(255,143,30,.38);box-shadow:0 12px 30px rgba(0,0,0,.26),0 0 18px rgba(255,113,0,.07)}
.stage1-r2-system-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(18,62,83,.68);color:#21dfff;border:1px solid rgba(33,215,255,.22)}
.stage1-r2-system-card.s1 .stage1-r2-system-icon,.stage1-r2-system-card.s4 .stage1-r2-system-icon{color:#21e3c0}.stage1-r2-system-card.s2 .stage1-r2-system-icon,.stage1-r2-system-card.s6 .stage1-r2-system-icon{color:#a768ff}.stage1-r2-system-card.s3 .stage1-r2-system-icon,.stage1-r2-system-card.s7 .stage1-r2-system-icon{color:#ff972d}
.stage1-r2-system-card strong{font-size:13px}.stage1-r2-system-card small{font-size:10px;color:#94aabd}.stage1-r2-system-card>svg{position:absolute;inset-inline-end:9px;bottom:9px;color:#668497}
.stage1-r2-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.78fr) minmax(280px,.82fr);gap:12px;align-items:stretch}
.stage1-r2-glass{padding:15px;min-width:0}
.stage1-r2-activity-list{display:grid}.stage1-r2-activity .ops-item{min-height:63px;padding:10px 4px;border-color:rgba(102,179,217,.12)}.stage1-r2-activity .ops-item-copy strong{font-size:12px}.stage1-r2-activity .ops-item-copy small,.stage1-r2-activity .ops-item-copy>span{font-size:10px}.stage1-r2-activity .ops-level{font-size:9px}
.stage1-r2-attention>p{font-size:12px;color:#9fb4c1;line-height:1.6}.stage1-r2-count{min-width:30px;height:26px;padding:0 8px;display:grid;place-items:center;border-radius:9px;background:rgba(255,130,5,.14);border:1px solid rgba(255,143,26,.27);color:#ffad4d;font-weight:700}
.stage1-r2-category-grid{display:grid;gap:6px;margin:12px 0}.stage1-r2-category-grid a{min-height:36px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(91,173,214,.15);border-radius:9px;background:rgba(8,27,41,.48);text-decoration:none;color:#d8e6ed;font-size:11px}.stage1-r2-category-grid a:hover{border-color:rgba(25,217,255,.32)}.stage1-r2-category-grid span{flex:1}.stage1-r2-category-grid strong{font-size:12px;color:#fff}.stage1-r2-primary{width:100%;justify-content:center!important;background:linear-gradient(145deg,#ff9c25,#ff6a00)!important;color:white!important;border:0!important;box-shadow:0 0 18px rgba(255,105,0,.16)!important}
.stage1-r2-ai{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 15%,rgba(30,203,255,.12),transparent 38%),linear-gradient(145deg,rgba(8,28,43,.93),rgba(7,19,31,.82))}.stage1-r2-ai:after{content:"";position:absolute;inset:auto -45px -55px auto;width:160px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,126,0,.15),transparent 70%)}
.stage1-r2-ai-orb{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;margin-bottom:12px;border:1px solid rgba(33,216,255,.48);background:radial-gradient(circle,rgba(18,101,142,.34),rgba(5,21,32,.84) 70%);box-shadow:0 0 26px rgba(20,204,255,.10),inset 0 0 22px rgba(20,204,255,.08)}.stage1-r2-ai-orb img{width:46px;height:46px;filter:drop-shadow(0 0 9px rgba(255,126,0,.28))}.stage1-r2-ai h2{font-size:19px!important;margin:3px 0 7px}.stage1-r2-ai p{font-size:11px;color:#9fb4c1;line-height:1.7}.stage1-r2-ai-actions{display:grid;gap:6px;margin-top:12px}.stage1-r2-ai-actions a{height:34px;display:flex;align-items:center;padding:0 10px;border:1px solid rgba(91,177,219,.18);border-radius:8px;background:rgba(10,30,45,.50);color:#dfeaf0;text-decoration:none;font-size:11px}.stage1-r2-ai-actions a:hover{border-color:rgba(255,143,28,.35);background:rgba(23,47,61,.66)}
.stage1-r2-onboarding{margin-top:12px}.stage1-r2-onboarding .setup-checklist{max-width:none!important;background:linear-gradient(145deg,rgba(8,27,41,.90),rgba(6,20,32,.78))!important;border:1px solid rgba(99,187,230,.20)!important;border-radius:16px!important}

/* Interaction polish: tactile, connected, not noisy */
html[data-ui="5"] :where(.btn,.stage1-r2-system-card,.stage1-r2-ask,.cs-system-switcher-trigger,.nav-item){will-change:transform}
html[data-ui="5"] :where(.btn,.stage1-r2-system-card,.stage1-r2-ask,.cs-system-switcher-trigger):active{transform:translateY(1px) scale(.985)!important}
html[data-ui="5"] :where(.btn,.stage1-r2-system-card,.stage1-r2-ask,.cs-system-switcher-trigger,.nav-item):focus-visible{outline:2px solid #1ddcff!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(29,220,255,.10)!important}

/* Code AI: OpenAI-like focus on mobile, Code Systems material language */
html[data-ui="5"] .route-agent .agent-screen{--ag-bg:rgba(4,15,24,.74);--ag-panel:rgba(8,27,41,.82);--ag-raised:rgba(14,40,56,.86);--ag-line:rgba(102,189,231,.22);--ag-line-soft:rgba(102,189,231,.11);--ag-accent:#20dbff;--ag-action:#ff8b16;background:transparent}
html[data-ui="5"] .route-agent .agent-workbench{background:linear-gradient(145deg,rgba(5,18,29,.90),rgba(7,23,35,.82));border-color:rgba(93,188,230,.22);box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025)}
html[data-ui="5"] .route-agent .agent-conversation{background:radial-gradient(520px 260px at 50% 9%,rgba(25,206,255,.055),transparent 72%),transparent}
html[data-ui="5"] .route-agent .agent-working{margin:12px 0;padding:11px 13px;border:1px solid rgba(39,210,255,.25);border-radius:12px;background:linear-gradient(145deg,rgba(9,32,47,.82),rgba(7,23,35,.70));box-shadow:inset 3px 0 #19d9ff}
html[data-ui="5"] .route-agent .agent-working strong:before{content:'RUN  ';font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#22dfff;letter-spacing:.08em}
html[data-ui="5"] .route-agent .agent-composer{border-color:rgba(50,207,255,.35);background:linear-gradient(180deg,rgba(12,38,53,.93),rgba(7,27,41,.95));box-shadow:0 0 0 1px rgba(255,132,8,.13),0 12px 38px rgba(0,0,0,.30)}
html[data-ui="5"] .route-agent .agent-composer:focus-within{border-color:rgba(255,144,31,.50);box-shadow:0 0 0 1px rgba(255,132,8,.22),0 0 24px rgba(255,112,0,.07)}
html[data-ui="5"] .route-agent .agent-send.btn{background:linear-gradient(145deg,#ffa02d,#ff6700)!important;color:#fff!important;box-shadow:0 0 18px rgba(255,108,0,.22)!important}

@media(min-width:900px) and (max-width:1200px){
 .stage1-r2-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.stage1-r2-kpi:nth-child(n+4){display:none}
 .stage1-r2-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stage1-r2-dashboard-grid{grid-template-columns:1fr 1fr}.stage1-r2-ai{grid-column:1/-1;display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:center}.stage1-r2-ai-actions{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:899px){
 html[data-ui="5"]{--cs-topbar:56px;--cs-command:54px}
 html[data-ui="5"] .workspace-main{padding:8px 10px calc(130px + env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .topbar{padding:0 8px!important;background:rgba(3,14,23,.94)!important}
 html[data-ui="5"] .topbar .desktop-only,html[data-ui="5"] .topbar .breadcrumb,html[data-ui="5"] .topbar .ui5-compact-context,html[data-ui="5"] .topbar .topbar-actions .ui5-display-trigger,html[data-ui="5"] .topbar .topbar-actions .context-ai-trigger,html[data-ui="5"] .topbar .topbar-actions .ui5-favorite-trigger,html[data-ui="5"] .topbar .topbar-actions .command-trigger{display:none!important}
 html[data-ui="5"] .topbar-left{width:100%;display:flex;align-items:center;gap:7px}
 html[data-ui="5"] .topbar .mobile-only{display:inline-flex!important;order:-1}
 html[data-ui="5"] .cs-system-switcher{flex:1;min-width:0}.cs-system-switcher-trigger{width:100%;min-width:0!important;justify-content:flex-start!important}.cs-system-current small{display:none}.cs-system-current strong{font-size:13px!important}
 html[data-ui="5"] .topbar-actions{display:flex!important;margin-left:0!important}.topbar-actions>a.btn.icon{display:inline-flex!important}
 html[data-ui="5"] .ui5-shell .sidebar{width:min(310px,86vw)!important}
 html[data-ui="5"] .cs-command-dock{left:10px!important;right:10px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;height:54px!important;border-radius:18px!important}
 html[data-ui="5"] .cs-command-ai{display:none!important}
 .stage1-r2-hero{min-height:248px;display:block;padding:19px 16px;margin-bottom:10px;background:linear-gradient(180deg,rgba(3,12,21,.50),rgba(4,17,28,.88) 52%,rgba(3,12,21,.98)),url('/brand/globe-hero-r2.webp') center top/auto 175px no-repeat;border-radius:17px}
 .stage1-r2-hero-copy{padding-top:76px}.stage1-r2-kicker{font-size:7.5px}.stage1-r2-hero h1{font-size:30px!important;margin-bottom:5px!important}.stage1-r2-hero p{font-size:13px;margin-bottom:12px}.stage1-r2-hero-brand{display:none}.stage1-r2-ask{height:46px}.stage1-r2-quick{display:none}
 .stage1-r2-kpis{display:flex;overflow-x:auto;gap:8px;padding-bottom:3px;margin-bottom:9px;scrollbar-width:none}.stage1-r2-kpi{min-width:145px;min-height:82px;padding:11px}.stage1-r2-kpi:nth-child(n+5){display:none}.stage1-r2-kpi strong{font-size:20px}.stage1-r2-kpi-icon{width:35px;height:35px}
 .stage1-r2-systems{padding:11px;margin-bottom:9px}.stage1-r2-systems>header p{display:none}.stage1-r2-system-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.stage1-r2-system-card{min-height:90px;padding:9px 6px;align-items:center;text-align:center}.stage1-r2-system-card:nth-child(n+9){display:none}.stage1-r2-system-icon{width:34px;height:34px}.stage1-r2-system-card strong{font-size:11px}.stage1-r2-system-card small,.stage1-r2-system-card>svg{display:none}
 .stage1-r2-dashboard-grid{grid-template-columns:1fr;gap:9px}.stage1-r2-glass{padding:12px}.stage1-r2-activity .ops-item{min-height:58px}.stage1-r2-attention{order:-1}.stage1-r2-ai{display:none}.stage1-r2-onboarding{margin-top:9px}.stage1-r2-home .ops-evidence{font-size:10px}
}
@media(max-width:680px){
 html[data-ui="5"] .route-agent .workspace-main{padding:0 0 env(safe-area-inset-bottom)!important;height:calc(100dvh - var(--cs-topbar))!important;overflow:hidden}
 html[data-ui="5"] .route-agent .agent-screen{height:100%!important;padding:0!important}
 html[data-ui="5"] .route-agent .agent-masthead,html[data-ui="5"] .route-agent .agent-tabs,html[data-ui="5"] .route-agent .agent-history,html[data-ui="5"] .route-agent .agent-context-panel{display:none!important}
 html[data-ui="5"] .route-agent .agent-workbench{display:block!important;height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:radial-gradient(420px 240px at 50% 4%,rgba(26,205,255,.08),transparent 70%),linear-gradient(180deg,rgba(3,14,23,.92),rgba(4,17,27,.97))!important}
 html[data-ui="5"] .route-agent .agent-conversation{height:100%!important;min-height:0!important}
 html[data-ui="5"] .route-agent .agent-conversation-top{height:46px!important;min-height:46px!important;padding:4px 12px!important;background:rgba(5,20,31,.84)!important;border-bottom:1px solid rgba(87,184,228,.12)!important}
 html[data-ui="5"] .route-agent .agent-conversation-top strong{font-size:13px!important;max-width:210px!important}.route-agent .agent-conversation-top small{display:none!important}
 html[data-ui="5"] .route-agent .agent-conversation-log{padding:6px 14px 10px!important;height:auto!important;flex:1!important;background:transparent}
 html[data-ui="5"] .route-agent .agent-welcome{padding:74px 8px 18px!important;background:radial-gradient(170px 110px at 50% 24%,rgba(20,205,255,.075),transparent 70%)}
 html[data-ui="5"] .route-agent .agent-welcome h2{font-size:27px!important}.route-agent .agent-welcome>p{font-size:14px!important;max-width:310px}.route-agent .agent-suggestions{max-width:330px}.route-agent .agent-suggestions button{background:rgba(11,32,46,.66)!important;border-color:rgba(84,181,226,.20)!important;border-radius:13px!important}
 html[data-ui="5"] .route-agent .agent-turn{padding-top:18px!important}.route-agent .agent-user-message{max-width:86%!important;border-radius:18px 18px 5px 18px!important;background:linear-gradient(145deg,rgba(20,57,78,.88),rgba(10,35,51,.92))!important;border-color:rgba(80,193,239,.24)!important}.route-agent .agent-answer{font-size:15px!important}.route-agent .agent-answer-meta{margin-bottom:10px!important}
 html[data-ui="5"] .route-agent .agent-working{min-height:64px!important;padding:9px 11px!important}.route-agent .agent-working .agent-ring{width:30px!important;height:30px!important}.route-agent .agent-working .agent-ring img{width:20px!important;height:20px!important}
 html[data-ui="5"] .route-agent .agent-composer-wrap{padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(4,16,25,.72),rgba(3,13,22,.98))!important;border-top:1px solid rgba(83,183,228,.12)!important}
 html[data-ui="5"] .route-agent .agent-composer{border-radius:19px!important;padding:8px 9px 6px!important;display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px}.route-agent .agent-composer textarea{grid-column:1/-1;min-height:38px!important;height:42px!important;max-height:104px!important;padding:5px 7px!important}.route-agent .agent-mode-picks{display:none!important}.route-agent .agent-composer-toolbar{grid-column:1/-1;display:flex!important;justify-content:flex-end!important;padding:0!important}.route-agent .agent-compose-footer{display:none!important}.route-agent .agent-send.btn{width:42px!important;height:42px!important;border-radius:50%!important}
 html[data-ui="5"] .route-agent .topbar{box-shadow:0 8px 28px rgba(0,0,0,.28)!important}.route-agent .cs-system-switcher-trigger{background:transparent!important;border:0!important;box-shadow:none!important;justify-content:center!important}.route-agent .cs-system-switcher-trigger .cs-system-mark{display:none!important}.route-agent .cs-system-current{text-align:center!important}.route-agent .cs-system-current strong{font-size:15px!important}
 html[data-ui="5"] .route-agent .topbar-actions>a.btn.icon{display:none!important}
}
@media(max-width:430px){
 .stage1-r2-system-grid{grid-template-columns:repeat(4,1fr)}.stage1-r2-system-card{min-height:82px}.stage1-r2-system-card strong{font-size:10px}.stage1-r2-kpi{min-width:132px}.stage1-r2-hero{min-height:230px}.stage1-r2-hero-copy{padding-top:66px}.stage1-r2-hero h1{font-size:28px!important}
}
@media(prefers-reduced-motion:reduce){.stage1-r2-system-card,.stage1-r2-ask,.stage1-r2-kpi,.cs-command-dock{transition:none!important;animation:none!important}}
/* R2.1 visual alignment pass */
.stage1-r2-hero{direction:ltr;background:
 linear-gradient(90deg,rgba(3,12,21,.98) 0%,rgba(5,18,30,.90) 43%,rgba(4,14,24,.36) 70%,rgba(3,10,17,.12) 100%),
 url('/brand/globe-hero-r2.webp') center right/58% 100% no-repeat!important}
.stage1-r2-hero-copy{direction:rtl}.stage1-r2-hero-brand{direction:ltr}
@media(max-width:899px){.stage1-r2-hero{direction:rtl;background:linear-gradient(180deg,rgba(3,12,21,.22),rgba(4,17,28,.83) 47%,rgba(3,12,21,.98) 75%),url('/brand/globe-hero-r2.webp') center top/100% 155px no-repeat!important}}
@media(max-width:680px){html[data-ui="5"] .route-agent .agent-conversation-top{display:none!important}html[data-ui="5"] .route-agent .workspace-footer{display:none!important}html[data-ui="5"] .route-agent .agent-welcome{padding-top:102px!important;background:linear-gradient(180deg,rgba(3,14,23,.18),rgba(3,14,23,.86) 56%,transparent),url('/brand/globe-hero-r2.webp') center top/100% 190px no-repeat!important}html[data-ui="5"] .route-agent .agent-welcome .agent-orbit{margin-top:-6px}}
/* R2.2 force decorative planet layer above base, below content */
.stage1-r2-hero{background:linear-gradient(115deg,#030c15 0%,#061827 53%,#04111c 100%)!important}
.stage1-r2-hero::before{content:"";position:absolute;inset:0 0 0 40%;z-index:0;background:url('/brand/globe-hero-r2.webp') center right/cover no-repeat;opacity:.98;filter:saturate(1.08) contrast(1.04);pointer-events:none}
.stage1-r2-hero-copy,.stage1-r2-hero-brand{position:relative;z-index:2}
.stage1-r2-hero-copy:before{content:"";position:absolute;inset:-26px -80px -26px -30px;z-index:-1;background:linear-gradient(90deg,rgba(3,12,21,.98),rgba(3,12,21,.89) 65%,transparent);pointer-events:none}
.sidebar-brand .brand{direction:ltr!important;justify-content:flex-start!important;width:100%;overflow:hidden}.sidebar-brand .brand>span{min-width:0}.sidebar-brand .brand strong,.sidebar-brand .brand small{white-space:nowrap}
@media(max-width:899px){.stage1-r2-hero::before{inset:0 0 auto 0;height:155px;background-position:center 42%;opacity:.88}.stage1-r2-hero-copy:before{inset:52px -16px -18px -16px;background:linear-gradient(180deg,transparent,rgba(3,12,21,.92) 32%,rgba(3,12,21,.99))}}
.stage1-r2-planet{position:absolute;z-index:0;inset:0 0 0 auto;width:61%;height:100%;object-fit:cover;object-position:center;opacity:.88;filter:saturate(1.12) contrast(1.08);pointer-events:none}.stage1-r2-hero::before{display:none!important}.stage1-r2-hero:after{z-index:1}
@media(max-width:899px){.stage1-r2-planet{inset:0 0 auto 0;width:100%;height:158px;object-position:center 38%;opacity:.86}}

/* =========================================================
   Stage 1 R3 — cinematic premium shell refinement
   Visual-only. Keeps existing routes, data, SSO and permissions.
   ========================================================= */
html[data-ui="5"]{
 --cs-r3-orange:#ff7a00;--cs-r3-gold:#ffb24a;--cs-r3-cyan:#26d9ff;--cs-r3-deep:#030912;
 --cs-r3-panel:rgba(5,20,33,.78);--cs-r3-panel-strong:rgba(7,25,40,.91);--cs-r3-line:rgba(94,186,230,.22);
 --cs-r3-orange-line:rgba(255,137,28,.34);--cs-r3-glow:0 0 0 1px rgba(255,255,255,.025),0 18px 60px rgba(0,0,0,.32);
 --cs-nav-width:216px;--cs-topbar:48px;--cs-command:54px;
}
html[data-ui="5"] body{background:#020812!important}
html[data-ui="5"] .ui5-shell{
 background:
  radial-gradient(900px 520px at 78% -9%,rgba(24,157,236,.12),transparent 64%),
  radial-gradient(740px 520px at 10% 98%,rgba(255,111,0,.09),transparent 65%),
  linear-gradient(155deg,#02070d 0%,#04101a 48%,#06131e 100%)!important;
 min-height:100dvh;
}
html[data-ui="5"] .ui5-shell::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.42;background:
 radial-gradient(circle at 16% 23%,rgba(255,146,38,.16) 0 1px,transparent 1.8px),
 radial-gradient(circle at 76% 18%,rgba(68,201,255,.13) 0 1px,transparent 1.7px),
 radial-gradient(circle at 58% 72%,rgba(255,255,255,.07) 0 1px,transparent 1.6px);background-size:82px 82px,118px 118px,146px 146px}

/* Sidebar — compact premium hardware-like rail */
html[data-ui="5"] .ui5-shell .sidebar{
 padding:12px 10px 10px!important;gap:8px!important;
 background:linear-gradient(180deg,rgba(3,13,23,.965),rgba(2,10,18,.92))!important;
 border-right:1px solid rgba(82,170,214,.20)!important;
 box-shadow:18px 0 48px rgba(0,0,0,.24),inset -1px 0 rgba(255,255,255,.025)!important;
}
html[data-ui="5"] .sidebar-brand{min-height:64px!important;padding:3px 6px 10px!important;border-bottom-color:rgba(86,171,216,.12)!important}
html[data-ui="5"] .sidebar-brand .brand img{width:46px!important;height:50px!important;filter:drop-shadow(0 0 10px rgba(255,111,0,.35)) drop-shadow(0 0 24px rgba(255,111,0,.12))!important}
html[data-ui="5"] .sidebar-brand .brand strong{font-size:15px!important;letter-spacing:.11em!important}
html[data-ui="5"] .sidebar-brand .brand small{font-size:6.5px!important;letter-spacing:.18em!important;color:#9cb1be!important}
html[data-ui="5"] .sidebar-context{border:1px solid rgba(88,176,220,.15);border-radius:12px;background:linear-gradient(145deg,rgba(10,31,46,.68),rgba(5,21,33,.58));box-shadow:inset 0 1px rgba(255,255,255,.025)}
html[data-ui="5"] .sidebar-search{background:rgba(7,25,39,.78)!important;border-color:rgba(78,166,211,.22)!important}
html[data-ui="5"] .nav-item{min-height:36px!important;padding:7px 10px!important;border-radius:9px!important;color:#cbd8df!important}
html[data-ui="5"] .nav-item:hover{background:linear-gradient(90deg,rgba(17,52,71,.80),rgba(9,31,45,.65))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(58,190,239,.06)!important}
html[data-ui="5"] .nav-item.active{color:#fff!important;background:linear-gradient(90deg,rgba(255,129,8,.28),rgba(255,105,0,.09))!important;border:1px solid rgba(255,144,32,.43)!important;box-shadow:0 0 20px rgba(255,99,0,.11),inset 0 0 18px rgba(255,122,0,.055)!important}
html[data-ui="5"] .nav-item.active::before{width:3px!important;top:6px!important;bottom:6px!important;box-shadow:0 0 12px #ff7900!important}

/* Top chrome */
html[data-ui="5"] .topbar{
 height:48px!important;min-height:48px!important;padding:0 12px!important;gap:8px!important;
 background:linear-gradient(180deg,rgba(4,17,28,.93),rgba(4,14,23,.84))!important;
 border-bottom:1px solid rgba(83,174,217,.18)!important;
 box-shadow:0 12px 38px rgba(0,0,0,.18),inset 0 -1px rgba(255,255,255,.018)!important;
}
html[data-ui="5"] .cs-system-switcher-trigger{height:34px!important;min-width:154px!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(14,38,54,.76),rgba(8,28,42,.72))!important;border-color:rgba(89,179,221,.22)!important}
html[data-ui="5"] .cs-system-mark{height:24px!important;width:24px!important;border-radius:7px!important;background:rgba(255,118,0,.09)!important;border-color:rgba(255,142,34,.20)!important}
html[data-ui="5"] .cs-system-mark img{width:17px;height:17px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,116,0,.28))}
html[data-ui="5"] .cs-global-search{height:34px;min-width:220px;max-width:520px;flex:1;margin-inline:5px;padding:0 12px;display:flex;align-items:center;gap:9px;border-radius:11px;border:1px solid rgba(91,176,218,.20);background:rgba(8,28,42,.63);color:#9fb3bf;cursor:text;font:inherit;font-size:12px;text-align:start;transition:.16s ease}
html[data-ui="5"] .cs-global-search:hover{background:rgba(14,39,55,.82);border-color:rgba(39,211,255,.32);color:#e6f1f6;box-shadow:0 0 18px rgba(27,189,236,.05)}
html[data-ui="5"] .cs-global-search span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-ui="5"] .cs-global-search kbd{font-family:inherit;font-size:9px;padding:2px 6px;border:1px solid rgba(116,179,212,.20);border-radius:6px;color:#93a8b5;background:rgba(255,255,255,.025)}
html[data-ui="5"] .breadcrumb{display:none!important}
html[data-ui="5"] .cs-quick-action.btn{height:34px!important;min-height:34px!important;padding:0 11px!important;border-radius:10px!important;font-size:11px!important;background:linear-gradient(145deg,#ff9d2c,#ff6900)!important;color:white!important;box-shadow:0 0 18px rgba(255,105,0,.16)!important}
html[data-ui="5"] .cs-notification-link{position:relative}
html[data-ui="5"] .cs-notification-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#ff7400;box-shadow:0 0 8px rgba(255,116,0,.8)}
html[data-ui="5"] .cs-top-profile{height:34px;display:flex;align-items:center;gap:7px;padding:2px 7px 2px 3px;border:1px solid rgba(85,169,212,.16);border-radius:12px;background:rgba(8,27,41,.54);text-decoration:none;color:#fff}
html[data-ui="5"] .cs-top-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#284962,#122b3e);border:1px solid rgba(105,200,239,.27);font-size:11px;font-weight:800}
html[data-ui="5"] .cs-top-profile-copy{display:grid;line-height:1.05}.cs-top-profile-copy strong{font-size:10px}.cs-top-profile-copy small{font-size:8px;color:#8fa7b5;margin-top:2px}

/* Main chrome and command bar */
html[data-ui="5"] .workspace-main{max-width:1600px!important;padding:16px 18px 24px!important}
html[data-ui="5"] .cs-command-dock{width:min(1000px,calc(100% - 40px))!important;min-height:50px!important;padding:4px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(5,24,37,.94),rgba(4,17,28,.95))!important;border:1px solid rgba(57,202,255,.38)!important;border-bottom-color:rgba(255,126,15,.58)!important;box-shadow:0 18px 58px rgba(0,0,0,.38),0 0 24px rgba(24,198,255,.05),0 0 18px rgba(255,105,0,.05),inset 0 1px rgba(255,255,255,.045)!important}
html[data-ui="5"] .cs-command-dock::before{content:"";position:absolute;inset:auto 17% -1px 17%;height:1px;background:linear-gradient(90deg,transparent,#ff7b00,transparent);box-shadow:0 0 10px rgba(255,123,0,.7);pointer-events:none}
html[data-ui="5"] .cs-command-dock-main{height:40px!important;border-radius:13px!important;font-size:12.5px!important}
html[data-ui="5"] .cs-command-ai{height:40px!important;border-color:rgba(255,145,29,.35)!important;color:#ffe0b9!important;background:linear-gradient(180deg,rgba(255,145,29,.19),rgba(255,104,0,.08))!important}

/* Hero and dashboard — match approved premium reference */
.stage1-r2-home{max-width:1600px!important}
.stage1-r2-hero{min-height:270px!important;padding:30px 34px!important;margin-bottom:10px!important;border-radius:18px!important;border:1px solid rgba(72,192,241,.34)!important;background:linear-gradient(115deg,#020a12 0%,#04131f 50%,#061a29 100%)!important;box-shadow:0 18px 65px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.018),inset 0 1px rgba(255,255,255,.04)!important}
.stage1-r2-hero:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(2,9,16,.99) 0%,rgba(3,12,21,.92) 40%,rgba(3,11,19,.23) 73%,rgba(2,8,14,.06) 100%)!important}
.stage1-r2-hero:after{content:""!important;position:absolute!important;z-index:1!important;right:-2%!important;bottom:-36%!important;width:63%!important;height:75%!important;background:radial-gradient(ellipse,rgba(255,103,0,.26),rgba(255,103,0,.03) 45%,transparent 70%)!important;filter:blur(22px)!important}
.stage1-r2-planet{width:64%!important;height:100%!important;right:0!important;left:auto!important;opacity:1!important;object-position:center 48%!important;filter:saturate(1.28) contrast(1.11) brightness(.94)!important}
.stage1-r2-hero-copy{max-width:820px!important;z-index:3!important}
.stage1-r2-hero-copy:before{content:none!important}
.stage1-r2-kicker{font-size:8px!important;letter-spacing:.23em!important;color:#d4dde4!important;font-weight:750!important}
.stage1-r2-hero h1{font-size:clamp(36px,4.2vw,58px)!important;font-weight:850!important;letter-spacing:-.045em!important;text-shadow:0 4px 28px rgba(0,0,0,.42)!important}
.stage1-r2-hero h1 span{color:#ff8520!important;text-shadow:0 0 26px rgba(255,102,0,.26)!important}
.stage1-r2-hero p{font-size:16px!important;color:#c9d6df!important;max-width:660px!important}
.stage1-r2-ask{width:min(750px,100%)!important;height:52px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(8,35,52,.86),rgba(4,22,36,.88))!important;border:1px solid rgba(57,207,255,.52)!important;box-shadow:0 0 0 1px rgba(255,255,255,.018),0 12px 32px rgba(0,0,0,.21),inset 0 1px rgba(255,255,255,.04)!important}
.stage1-r2-ask:hover{border-color:rgba(255,150,38,.62)!important;box-shadow:0 0 25px rgba(255,105,0,.10),0 15px 35px rgba(0,0,0,.24)!important}
.stage1-r2-ask-go{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(145deg,#ffa234,#ff6600)!important;box-shadow:0 0 22px rgba(255,102,0,.40)!important}
.stage1-r2-quick a{min-height:31px!important;border-radius:9px!important;background:rgba(6,23,37,.72)!important;border-color:rgba(89,177,219,.20)!important;color:#dce7ed!important}
.stage1-r2-quick a:hover{background:rgba(16,42,57,.82)!important;border-color:rgba(255,144,32,.38)!important;transform:translateY(-1px)}
.stage1-r2-hero-brand{z-index:3!important;min-width:240px!important}
.stage1-r2-hero-brand img{width:116px!important;height:116px!important;filter:drop-shadow(0 0 15px rgba(255,115,0,.44)) drop-shadow(0 0 34px rgba(255,98,0,.20))!important}
.stage1-r2-hero-brand strong{font-size:25px!important;letter-spacing:.17em!important;text-shadow:0 3px 22px rgba(0,0,0,.48)}

.stage1-r2-kpis{gap:8px!important;margin-bottom:10px!important}
.stage1-r2-kpi{min-height:86px!important;padding:12px 13px!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(8,28,43,.93),rgba(6,20,32,.83))!important;border-color:rgba(78,177,221,.20)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 38px rgba(0,0,0,.16)!important}
.stage1-r2-kpi:hover{transform:translateY(-2px);border-color:rgba(78,201,244,.35)!important;box-shadow:0 16px 38px rgba(0,0,0,.22)!important}
.stage1-r2-kpi-icon{width:39px!important;height:39px!important;border-radius:11px!important;box-shadow:0 0 15px color-mix(in srgb,currentColor 18%,transparent)!important}
.stage1-r2-kpi strong{font-size:22px!important}

.stage1-r2-systems,.stage1-r2-glass{background:linear-gradient(150deg,rgba(6,25,39,.91),rgba(5,18,30,.83))!important;border:1px solid rgba(75,175,218,.19)!important;box-shadow:0 16px 46px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.024)!important;backdrop-filter:blur(24px) saturate(130%)!important}
.stage1-r2-systems{padding:13px!important;margin-bottom:10px!important}
.stage1-r2-system-grid{gap:7px!important}
.stage1-r2-system-card{min-height:98px!important;padding:10px!important;border-radius:12px!important;background:linear-gradient(155deg,rgba(14,43,59,.78),rgba(5,24,37,.84))!important;border-color:rgba(81,177,219,.17)!important}
.stage1-r2-system-card:hover{transform:translateY(-4px) scale(1.01)!important;border-color:rgba(255,140,29,.46)!important;box-shadow:0 18px 34px rgba(0,0,0,.27),0 0 23px rgba(255,105,0,.08)!important}
.stage1-r2-system-icon{background:linear-gradient(145deg,rgba(20,66,87,.76),rgba(9,41,59,.72))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 17px color-mix(in srgb,currentColor 11%,transparent)!important}
.stage1-r2-dashboard-grid{grid-template-columns:minmax(0,1.18fr) minmax(250px,.72fr) minmax(270px,.76fr)!important;gap:10px!important}
.stage1-r2-glass{padding:13px!important;border-radius:14px!important}
.stage1-r2-ai{background:radial-gradient(circle at 78% 18%,rgba(30,207,255,.14),transparent 38%),radial-gradient(circle at 15% 95%,rgba(255,103,0,.10),transparent 34%),linear-gradient(145deg,rgba(7,27,42,.94),rgba(4,17,28,.86))!important}
.stage1-r2-ai-orb{width:72px!important;height:72px!important;border-color:rgba(46,217,255,.52)!important;box-shadow:0 0 30px rgba(19,200,255,.12),inset 0 0 24px rgba(19,200,255,.10)!important}
.stage1-r2-primary{background:linear-gradient(145deg,#ffa02f,#ff6900)!important;box-shadow:0 0 20px rgba(255,105,0,.19)!important}

/* universal panels feel like one connected product */
html[data-ui="5"] :where(.panel,.ops-work-queue,.setup-checklist,.adaptive-aside>section){border-radius:14px!important;background:linear-gradient(150deg,rgba(7,27,41,.91),rgba(5,19,30,.86))!important;border-color:rgba(83,176,218,.18)!important;box-shadow:var(--cs-r3-glow)!important}
html[data-ui="5"] :where(.panel,.stage1-r2-glass,.stage1-r2-system-card,.stage1-r2-kpi):hover{border-color:rgba(81,198,239,.31)!important}

/* system switcher */
html[data-ui="5"] .cs-system-switcher-panel{background:linear-gradient(155deg,rgba(6,25,39,.97),rgba(3,16,27,.98))!important;border-color:rgba(70,192,238,.30)!important;box-shadow:0 26px 80px rgba(0,0,0,.56),0 0 28px rgba(28,197,255,.06),inset 0 1px rgba(255,255,255,.04)!important;backdrop-filter:blur(30px) saturate(145%)!important}
html[data-ui="5"] .cs-system-option{border-radius:11px!important}.cs-system-option:hover{background:linear-gradient(90deg,rgba(17,52,70,.82),rgba(8,29,43,.72))!important}.cs-system-option.active{background:linear-gradient(90deg,rgba(255,127,9,.18),rgba(255,101,0,.05))!important;border-color:rgba(255,142,31,.28)!important}

/* R3 mobile home */
@media(max-width:899px){
 html[data-ui="5"]{--cs-topbar:56px;--cs-command:52px}
 html[data-ui="5"] .workspace-main{padding:9px 9px calc(137px + env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .topbar{height:56px!important;min-height:56px!important;padding:0 8px!important;background:linear-gradient(180deg,rgba(3,13,22,.975),rgba(4,17,27,.92))!important}
 html[data-ui="5"] .cs-system-switcher-trigger{height:40px!important;background:transparent!important;border-color:transparent!important;justify-content:center!important;min-width:150px!important}
 html[data-ui="5"] .cs-system-mark{background:rgba(255,113,0,.07)!important;border-color:rgba(255,132,17,.14)!important}
 html[data-ui="5"] .cs-system-current{align-items:center!important}.cs-system-current strong{font-size:14px!important;color:#fff!important}
 html[data-ui="5"] .cs-top-profile,.cs-quick-action{display:none!important}
 html[data-ui="5"] .topbar-actions>a.btn.icon{display:inline-flex!important}
 html[data-ui="5"] .mobile-workspace-nav{background:linear-gradient(180deg,rgba(5,18,29,.95),rgba(3,12,21,.99))!important;border-top-color:rgba(72,171,216,.18)!important;box-shadow:0 -14px 40px rgba(0,0,0,.22)!important}
 html[data-ui="5"] .mobile-workspace-nav [aria-current="page"]{color:#ff9a2b!important;text-shadow:0 0 12px rgba(255,116,0,.25)}
 html[data-ui="5"] .cs-command-dock{bottom:calc(67px + env(safe-area-inset-bottom))!important;border-color:rgba(56,199,246,.34)!important;border-bottom-color:rgba(255,123,9,.62)!important;box-shadow:0 12px 42px rgba(0,0,0,.42),0 0 19px rgba(255,105,0,.06)!important}
 .stage1-r2-hero{min-height:255px!important;padding:15px 14px!important;border-radius:16px!important}
 .stage1-r2-planet{width:100%!important;height:150px!important;object-position:center 41%!important;opacity:.98!important}
 .stage1-r2-hero:before{background:linear-gradient(180deg,rgba(2,9,16,.02),rgba(2,10,18,.16) 35%,rgba(2,10,18,.94) 69%,rgba(2,9,16,.99))!important}
 .stage1-r2-hero-copy{padding-top:82px!important;max-width:none!important}
 .stage1-r2-hero h1{font-size:29px!important}.stage1-r2-hero p{font-size:12.5px!important;margin-bottom:11px!important}.stage1-r2-kicker{font-size:6.8px!important}
 .stage1-r2-ask{height:45px!important;border-radius:13px!important}.stage1-r2-ask-go{height:34px!important;width:34px!important}
 .stage1-r2-hero-brand,.stage1-r2-quick{display:none!important}
 .stage1-r2-kpis{gap:7px!important;margin-bottom:8px!important}.stage1-r2-kpi{min-width:137px!important;min-height:77px!important;padding:10px!important}.stage1-r2-kpi strong{font-size:19px!important}
 .stage1-r2-systems{padding:10px!important;margin-bottom:8px!important}.stage1-r2-system-grid{gap:6px!important}.stage1-r2-system-card{min-height:85px!important;padding:8px 5px!important}.stage1-r2-system-icon{width:32px!important;height:32px!important}.stage1-r2-system-card strong{font-size:10.5px!important}
 .stage1-r2-dashboard-grid{grid-template-columns:1fr!important;gap:8px!important}.stage1-r2-glass{padding:11px!important}.stage1-r2-ai{display:none!important}
}

/* R3 mobile Code AI: OpenAI-like focus mode with Code Systems materials */
@media(max-width:680px){
 html[data-ui="5"] .route-agent .topbar{height:54px!important;min-height:54px!important;background:rgba(2,12,20,.96)!important;border-bottom:1px solid rgba(67,174,220,.14)!important}
 html[data-ui="5"] .route-agent .topbar .mobile-only{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(9,31,45,.72)!important;border-color:rgba(83,180,223,.20)!important}
 html[data-ui="5"] .route-agent .cs-system-switcher-trigger{width:150px!important;height:40px!important}
 html[data-ui="5"] .route-agent .cs-system-current strong{font-size:15px!important}
 html[data-ui="5"] .route-agent .workspace-main{height:calc(100dvh - 54px)!important;padding:0!important;background:linear-gradient(180deg,#03101a,#04131f)!important}
 html[data-ui="5"] .route-agent .agent-workbench{background:
  linear-gradient(180deg,rgba(2,10,17,.14),rgba(3,14,23,.86) 35%,rgba(3,13,22,.98) 100%),
  url('/brand/globe-hero-r2.webp') center top/100% 210px no-repeat!important}
 html[data-ui="5"] .route-agent .agent-conversation-log{padding:0 14px 12px!important}
 html[data-ui="5"] .route-agent .agent-welcome{padding:96px 8px 18px!important;background:none!important}
 html[data-ui="5"] .route-agent .agent-welcome .agent-orbit{height:66px!important;margin-bottom:13px!important}
 html[data-ui="5"] .route-agent .agent-welcome .agent-ring{width:58px!important;height:58px!important;border-color:rgba(46,216,255,.45)!important;box-shadow:0 0 28px rgba(38,213,255,.13),inset 0 0 20px rgba(38,213,255,.08)!important;background:rgba(5,31,46,.76)!important}
 html[data-ui="5"] .route-agent .agent-welcome .agent-ring img{width:38px!important;height:38px!important;filter:drop-shadow(0 0 12px rgba(255,111,0,.36))!important}
 html[data-ui="5"] .route-agent .agent-welcome h2{font-size:28px!important;letter-spacing:-.025em!important;margin-bottom:9px!important}
 html[data-ui="5"] .route-agent .agent-welcome>p{font-size:13.5px!important;line-height:1.75!important;color:#afc0cb!important;max-width:325px!important}
 html[data-ui="5"] .route-agent .agent-suggestions{max-width:340px!important;gap:8px!important}
 html[data-ui="5"] .route-agent .agent-suggestions button{min-height:52px!important;padding:10px 12px!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(9,34,49,.78),rgba(5,24,37,.82))!important;border-color:rgba(73,177,221,.20)!important;color:#e7f0f5!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
 html[data-ui="5"] .route-agent .agent-suggestions button:hover{border-color:rgba(255,139,29,.36)!important;background:rgba(16,43,57,.86)!important}
 html[data-ui="5"] .route-agent .agent-user-message{max-width:88%!important;background:linear-gradient(145deg,rgba(21,58,79,.91),rgba(10,34,50,.94))!important;border:1px solid rgba(76,191,236,.25)!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important}
 html[data-ui="5"] .route-agent .agent-working{border:1px solid rgba(76,190,235,.18)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(8,30,44,.86),rgba(4,20,31,.89))!important}
 html[data-ui="5"] .route-agent .agent-composer-wrap{padding:7px 8px calc(8px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(3,13,22,.22),rgba(2,10,17,.99) 27%)!important;border-top:0!important}
 html[data-ui="5"] .route-agent .agent-composer{border:1px solid rgba(57,200,246,.36)!important;border-bottom-color:rgba(255,125,15,.60)!important;border-radius:21px!important;background:linear-gradient(180deg,rgba(8,30,44,.97),rgba(4,20,32,.98))!important;box-shadow:0 12px 38px rgba(0,0,0,.40),0 0 18px rgba(255,105,0,.05),inset 0 1px rgba(255,255,255,.035)!important;padding:8px!important}
 html[data-ui="5"] .route-agent .agent-composer textarea{font-size:16px!important;color:#f3f8fb!important;line-height:1.5!important;background:transparent!important}
 html[data-ui="5"] .route-agent .agent-send.btn{width:44px!important;height:44px!important;border-radius:50%!important;background:linear-gradient(145deg,#ff9d2d,#ff6600)!important;color:#fff!important;box-shadow:0 0 22px rgba(255,104,0,.32)!important}
 html[data-ui="5"] .route-agent .agent-answer{font-size:15.5px!important;line-height:1.9!important;color:#edf5f8!important}
 html[data-ui="5"] .route-agent .agent-answer-meta img{filter:drop-shadow(0 0 8px rgba(255,112,0,.30))}
}

/* responsive polish */
@media(min-width:900px) and (max-width:1180px){
 html[data-ui="5"]{--cs-nav-width:202px}
 html[data-ui="5"] .cs-global-search{min-width:160px}
 html[data-ui="5"] .cs-top-profile-copy{display:none}
 .stage1-r2-hero{grid-template-columns:minmax(0,1fr) 210px!important}.stage1-r2-hero-brand{min-width:190px!important}.stage1-r2-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.stage1-r2-dashboard-grid{grid-template-columns:1fr 1fr!important}.stage1-r2-ai{grid-column:1/-1!important}
}
@media(max-width:430px){
 .stage1-r2-hero{min-height:238px!important}.stage1-r2-hero-copy{padding-top:72px!important}.stage1-r2-hero h1{font-size:27px!important}.stage1-r2-kpi{min-width:128px!important}.stage1-r2-system-card{min-height:80px!important}
}

/* R3.1 mobile correction pass */
@media(max-width:899px){
 html[data-ui="5"] .cs-system-switcher-trigger{width:184px!important;min-width:184px!important;max-width:184px!important;gap:7px!important}
 html[data-ui="5"] .cs-system-current{align-items:center!important;overflow:visible!important}
 html[data-ui="5"] .cs-system-current strong{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;direction:ltr!important;unicode-bidi:isolate!important;font-size:13px!important}
 html[data-ui="5"] .cs-system-switcher-trigger>svg:last-child{width:12px!important;opacity:.72}
 html[data-ui="5"] .topbar-left{justify-content:center!important;position:relative!important}
 html[data-ui="5"] .topbar-left>.mobile-only{position:absolute!important;left:0!important;z-index:2}
 html[data-ui="5"] .topbar-actions{position:absolute!important;right:8px!important;z-index:2}
 html[data-ui="5"] .route-client .stage1-r2-kpis{padding-inline:1px!important}
}
@media(max-width:680px){
 html[data-ui="5"] .chat-mode .app-area{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;background:#03101a!important}
 html[data-ui="5"] .route-agent .workspace-main{min-height:calc(100dvh - 54px)!important;max-height:calc(100dvh - 54px)!important}
 html[data-ui="5"] .route-agent .agent-screen,html[data-ui="5"] .route-agent .agent-workbench,html[data-ui="5"] .route-agent .agent-conversation{min-height:0!important;max-height:100%!important;background-color:transparent!important}
 html[data-ui="5"] .route-agent .agent-composer-wrap{margin-top:auto!important}
 html[data-ui="5"] .route-agent .cs-system-switcher-trigger{width:136px!important;min-width:136px!important;max-width:136px!important}
 html[data-ui="5"] .route-agent .cs-system-current strong{direction:ltr!important;font-size:15px!important}
}

/* R3.2 Code AI luminous orb */
html[data-ui="5"] .agent-ring{position:relative;display:grid;place-items:center;overflow:visible!important;background:radial-gradient(circle at 38% 34%,rgba(72,225,255,.26),rgba(8,60,91,.72) 42%,rgba(3,20,34,.96) 72%)!important;border:1px solid rgba(70,220,255,.54)!important;box-shadow:0 0 24px rgba(45,211,255,.16),inset 0 0 24px rgba(44,211,255,.10)!important}
html[data-ui="5"] .agent-ring::before{content:"";position:absolute;inset:-7px;border-radius:inherit;border:1px solid rgba(39,201,255,.11);box-shadow:0 0 24px rgba(39,201,255,.10);animation:cs-orb-pulse 3.2s ease-in-out infinite}
html[data-ui="5"] .agent-ring-glow{position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(29,196,255,.12),transparent 66%);filter:blur(6px);pointer-events:none}
html[data-ui="5"] .agent-ai-face{position:relative;width:62%;height:62%;display:block;border-radius:50%;background:radial-gradient(circle,rgba(30,183,237,.12),transparent 68%)}
html[data-ui="5"] .agent-ai-face .eye{position:absolute;top:34%;width:5px;height:8px;border-radius:50%;background:#d9fbff;box-shadow:0 0 8px #47dcff,0 0 14px #47dcff}
html[data-ui="5"] .agent-ai-face .eye.left{left:27%}.agent-ai-face .eye.right{right:27%}
html[data-ui="5"] .agent-ai-face .smile{position:absolute;left:29%;right:29%;top:55%;height:14%;border-bottom:2px solid #c9f7ff;border-radius:0 0 50% 50%;filter:drop-shadow(0 0 4px #49d8ff)}
html[data-ui="5"] .agent-ring.small .agent-ai-face .eye{width:3px;height:4px}.agent-ring.small .agent-ai-face .smile{border-bottom-width:1px}
@keyframes cs-orb-pulse{0%,100%{opacity:.48;transform:scale(.98)}50%{opacity:1;transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){html[data-ui="5"] .agent-ring::before{animation:none!important}}

/* ======================================================================
   Stage 1 R4 — reference-locked premium polish
   Visual-only layer. No permission, API or server-policy changes.
   ====================================================================== */
html[data-ui="5"]{
 --cs-r4-bg:#020a12;
 --cs-r4-panel:rgba(5,21,33,.82);
 --cs-r4-panel-strong:rgba(5,18,29,.94);
 --cs-r4-line:rgba(91,190,232,.20);
 --cs-r4-line-hot:rgba(255,137,24,.44);
 --cs-r4-orange:#ff7c08;
 --cs-r4-cyan:#24d8ff;
 --cs-r4-shadow:0 22px 70px rgba(0,0,0,.34);
}
html[data-ui="5"] body{background:#020912!important}
html[data-ui="5"] .ui5-shell{
 background:
  radial-gradient(900px 520px at 82% -4%,rgba(13,142,214,.14),transparent 62%),
  radial-gradient(680px 460px at 3% 78%,rgba(255,104,0,.12),transparent 68%),
  linear-gradient(145deg,#020912 0%,#03111d 47%,#041421 100%)!important;
}
html[data-ui="5"] .ui5-shell::before{
 background:
  linear-gradient(90deg,transparent 0 4%,rgba(255,120,12,.035) 5%,transparent 6% 92%,rgba(31,190,255,.035) 94%,transparent 95%),
  radial-gradient(circle at 84% 24%,rgba(34,210,255,.065),transparent 24%),
  radial-gradient(circle at 15% 74%,rgba(255,120,8,.055),transparent 28%)!important;
 filter:saturate(115%);
}
html[data-ui="5"] .ui5-shell::after{opacity:.26!important;background-size:68px 68px,104px 104px,138px 138px!important}

/* desktop chrome */
@media(min-width:900px){
 html[data-ui="5"] .ui5-shell .sidebar{
  padding:14px 11px 11px!important;
  background:linear-gradient(180deg,rgba(2,12,21,.985),rgba(2,10,18,.965))!important;
  border-right:1px solid rgba(82,182,226,.22)!important;
  box-shadow:18px 0 60px rgba(0,0,0,.30),inset -1px 0 rgba(255,255,255,.022)!important;
 }
 html[data-ui="5"] .sidebar-brand{min-height:76px!important;padding:6px 8px 12px!important;position:relative!important}
 html[data-ui="5"] .sidebar-brand::before{content:"";position:absolute;top:0;left:2px;display:flex;width:44px;height:7px;background:radial-gradient(circle,#ff5f57 0 3px,transparent 4px),radial-gradient(circle,#febc2e 0 3px,transparent 4px),radial-gradient(circle,#28c840 0 3px,transparent 4px);background-size:7px 7px;background-repeat:no-repeat;background-position:0 0,17px 0,34px 0;opacity:.95}
 html[data-ui="5"] .sidebar-brand .brand{margin-top:9px!important}
 html[data-ui="5"] .sidebar-brand .brand img{width:50px!important;height:54px!important;filter:drop-shadow(0 0 15px rgba(255,113,0,.33))!important}
 html[data-ui="5"] .sidebar-brand .brand strong{font-size:15px!important;letter-spacing:.12em!important}
 html[data-ui="5"] .sidebar-brand .brand small{font-size:6px!important;letter-spacing:.20em!important;color:#9eb2bf!important}
 html[data-ui="5"] .nav-item{min-height:37px!important;border-radius:10px!important;padding:7px 10px!important}
 html[data-ui="5"] .nav-item.active{
  background:linear-gradient(90deg,rgba(255,126,8,.30),rgba(255,111,0,.10) 72%,transparent)!important;
  border-color:rgba(255,143,31,.52)!important;
  box-shadow:0 0 22px rgba(255,100,0,.12),inset 0 0 22px rgba(255,125,0,.055)!important;
 }
 html[data-ui="5"] .topbar{
  height:50px!important;min-height:50px!important;
  background:linear-gradient(180deg,rgba(5,18,29,.91),rgba(3,14,23,.86))!important;
  border-bottom:1px solid rgba(92,185,226,.18)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.20)!important;
 }
 html[data-ui="5"] .cs-system-switcher-desktop{display:inline-flex!important}
 html[data-ui="5"] .cs-system-switcher-trigger{height:36px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(11,37,53,.82),rgba(6,26,40,.76))!important;box-shadow:inset 0 1px rgba(255,255,255,.028)!important}
 html[data-ui="5"] .cs-global-search{height:36px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(9,31,45,.78),rgba(5,23,36,.74))!important;border-color:rgba(83,183,225,.22)!important}
 html[data-ui="5"] .cs-global-search:hover{border-color:rgba(43,215,255,.39)!important;box-shadow:0 0 22px rgba(35,199,244,.06)!important}
 html[data-ui="5"] .cs-top-profile{height:36px!important;border-radius:13px!important;background:rgba(8,28,42,.62)!important}
 html[data-ui="5"] .workspace-main{padding:17px 18px 28px!important}
}

/* hero: closer to approved hardware/app reference */
.stage1-r2-hero{
 min-height:286px!important;
 border-radius:20px!important;
 border:1px solid rgba(63,195,241,.36)!important;
 background:
  linear-gradient(90deg,rgba(2,8,14,.995) 0%,rgba(3,13,22,.94) 37%,rgba(3,12,20,.38) 68%,rgba(2,8,14,.08) 100%),
  url('/brand/globe-hero-r2.webp') right center/63% 100% no-repeat!important;
 box-shadow:0 24px 78px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.016),inset 0 1px rgba(255,255,255,.048)!important;
 overflow:hidden!important;
}
.stage1-r2-hero::before{
 background:linear-gradient(90deg,rgba(2,9,16,.995),rgba(3,12,21,.86) 43%,rgba(3,11,19,.16) 76%,transparent)!important;
}
.stage1-r2-hero::after{
 right:-4%!important;bottom:-44%!important;width:70%!important;height:92%!important;
 background:radial-gradient(ellipse,rgba(255,112,6,.31),rgba(255,112,6,.045) 42%,transparent 68%)!important;
 filter:blur(26px)!important;
}
.stage1-r2-hero-copy{max-width:790px!important}
.stage1-r2-hero h1{font-size:clamp(42px,4.4vw,64px)!important;line-height:1!important;letter-spacing:-.055em!important;margin-bottom:10px!important}
.stage1-r2-hero h1 span{color:#ff8215!important;text-shadow:0 0 30px rgba(255,109,0,.24)!important}
.stage1-r2-hero p{font-size:17px!important;line-height:1.75!important;color:#d1dce3!important;margin-bottom:17px!important}
.stage1-r2-kicker{color:#e1e9ee!important;letter-spacing:.26em!important;font-size:7.5px!important}
.stage1-r2-ask{
 height:54px!important;width:min(780px,100%)!important;border-radius:17px!important;
 background:linear-gradient(180deg,rgba(8,36,52,.90),rgba(4,23,36,.90))!important;
 border:1px solid rgba(54,211,255,.56)!important;
 box-shadow:0 15px 40px rgba(0,0,0,.24),0 0 23px rgba(32,199,255,.07),inset 0 1px rgba(255,255,255,.045)!important;
}
.stage1-r2-ask:hover{transform:translateY(-1px);border-color:rgba(255,150,36,.68)!important;box-shadow:0 18px 44px rgba(0,0,0,.27),0 0 30px rgba(255,110,0,.11)!important}
.stage1-r2-ask-go{width:40px!important;height:40px!important;border-radius:13px!important;background:linear-gradient(145deg,#ffad36,#ff6500)!important;box-shadow:0 0 25px rgba(255,102,0,.42)!important}
.stage1-r2-quick a{background:rgba(4,20,32,.73)!important;border-color:rgba(84,180,222,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important}
.stage1-r2-hero-brand{min-width:250px!important}
.stage1-r2-hero-brand img{width:128px!important;height:128px!important;filter:drop-shadow(0 0 19px rgba(255,111,0,.47)) drop-shadow(0 0 40px rgba(255,95,0,.20))!important}
.stage1-r2-hero-brand strong{font-size:28px!important;letter-spacing:.18em!important}
.stage1-r2-hero-brand small{letter-spacing:.28em!important}

/* KPI cards and system launcher */
.stage1-r2-kpis{gap:10px!important}
.stage1-r2-kpi{
 min-height:94px!important;border-radius:15px!important;
 background:linear-gradient(145deg,rgba(8,30,45,.95),rgba(5,20,32,.86))!important;
 border-color:rgba(85,184,225,.22)!important;
 box-shadow:0 15px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.034)!important;
}
.stage1-r2-kpi:hover{transform:translateY(-3px)!important;border-color:rgba(65,206,250,.40)!important;box-shadow:0 20px 46px rgba(0,0,0,.24),0 0 22px rgba(33,192,244,.06)!important}
.stage1-r2-kpi-icon{width:43px!important;height:43px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(18,63,84,.86),rgba(7,33,50,.88))!important}
.stage1-r2-kpi strong{font-size:24px!important}
.stage1-r2-systems,.stage1-r2-glass{
 background:linear-gradient(150deg,rgba(6,25,39,.94),rgba(4,17,28,.88))!important;
 border-color:rgba(83,181,224,.20)!important;
 box-shadow:0 18px 52px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.032)!important;
 backdrop-filter:blur(28px) saturate(135%)!important;
}
.stage1-r2-systems{padding:15px!important;border-radius:17px!important}
.stage1-r2-system-grid{gap:9px!important}
.stage1-r2-system-card{
 min-height:112px!important;border-radius:14px!important;
 background:linear-gradient(155deg,rgba(14,47,65,.83),rgba(4,22,35,.90))!important;
 border-color:rgba(81,182,224,.20)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
.stage1-r2-system-card:hover{transform:translateY(-5px) scale(1.012)!important;border-color:rgba(255,141,26,.49)!important;box-shadow:0 20px 40px rgba(0,0,0,.30),0 0 26px rgba(255,104,0,.09)!important}
.stage1-r2-system-icon{width:40px!important;height:40px!important;border-radius:12px!important;box-shadow:0 0 22px color-mix(in srgb,currentColor 12%,transparent)!important}

/* R4 dashboard composition */
.stage1-r4-dashboard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.82fr) minmax(300px,.86fr);gap:11px;margin-bottom:11px}
.stage1-r4-lower-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.05fr) minmax(300px,.86fr);gap:11px;margin-bottom:12px}
.stage1-r4-dashboard>.stage1-r2-glass,.stage1-r4-lower-grid>.stage1-r2-glass{min-height:100%}
.stage1-r4-overview{padding:15px!important;position:relative;overflow:hidden}
.stage1-r4-overview::after{content:"";position:absolute;left:-10%;bottom:-45%;width:65%;height:80%;background:radial-gradient(ellipse,rgba(23,183,255,.10),transparent 67%);pointer-events:none}
.stage1-r4-overview header p{margin:3px 0 0;color:#8fa8b7;font-size:10.5px}
.stage1-r4-live{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.15em;color:#7eeed1}.stage1-r4-live i{width:7px;height:7px;border-radius:50%;background:#28e2ac;box-shadow:0 0 11px rgba(40,226,172,.62)}
.stage1-r4-mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px}
.stage1-r4-mini-metrics>div{padding:10px 9px;border:1px solid rgba(79,178,222,.16);border-radius:11px;background:rgba(7,29,43,.72);display:grid;gap:2px}.stage1-r4-mini-metrics strong{font-size:19px;color:#fff}.stage1-r4-mini-metrics span{font-size:9px;color:#93a9b8}
.stage1-r4-bars{display:grid;gap:8px}.stage1-r4-bar{display:grid;gap:5px}.stage1-r4-bar-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a7bbc7}.stage1-r4-bar-head strong{color:#eef7fb;font-variant-numeric:tabular-nums}.stage1-r4-bar-track{height:7px;border-radius:999px;background:rgba(76,133,160,.13);overflow:hidden}.stage1-r4-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#16c9ff,#31dfc6 52%,#ff901d);box-shadow:0 0 15px rgba(36,211,255,.22)}
.stage1-r4-empty{min-height:110px;display:grid;place-items:center;color:#8fa6b5;font-size:11px}
.stage1-r4-activity{padding:14px!important}
.stage1-r4-activity .ops-item{background:rgba(7,27,41,.40)!important;border-color:rgba(82,172,212,.10)!important;border-radius:11px!important;margin-bottom:6px!important}.stage1-r4-activity .ops-item:hover{background:rgba(12,39,55,.72)!important;border-color:rgba(68,200,244,.22)!important}
.stage1-r4-ai{padding:15px!important;display:flex!important;flex-direction:column!important;gap:12px!important;background:radial-gradient(circle at 60% 10%,rgba(22,194,255,.13),transparent 35%),radial-gradient(circle at 12% 88%,rgba(255,104,0,.10),transparent 31%),linear-gradient(150deg,rgba(7,27,42,.97),rgba(3,16,27,.93))!important}
.stage1-r4-ai-head{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}.stage1-r4-ai-head h2{font-size:20px!important;margin:2px 0 4px!important}.stage1-r4-ai-head p{font-size:10.5px;color:#9db2bf;margin:0;line-height:1.6}
.stage1-r4-orb{position:relative!important;width:68px!important;height:68px!important;border-radius:50%!important;background:radial-gradient(circle at 42% 33%,rgba(104,240,255,.28),rgba(8,80,119,.67) 42%,rgba(3,24,39,.96) 74%)!important;border:1px solid rgba(64,221,255,.63)!important;box-shadow:0 0 32px rgba(38,214,255,.18),inset 0 0 25px rgba(38,214,255,.10)!important}
.stage1-r4-ai-eye{position:absolute;top:35%;width:5px;height:8px;border-radius:50%;background:#d9fbff;box-shadow:0 0 9px #4bdfff}.stage1-r4-ai-eye.left{left:28%}.stage1-r4-ai-eye.right{right:28%}.stage1-r4-ai-smile{position:absolute;left:30%;right:30%;top:57%;height:10px;border-bottom:2px solid #d5fbff;border-radius:0 0 50% 50%;filter:drop-shadow(0 0 4px #48dbff)}
.stage1-r4-ai-list{display:grid;gap:6px}.stage1-r4-ai-list a{min-height:34px;padding:7px 9px;border:1px solid rgba(76,178,219,.16);border-radius:9px;background:rgba(5,24,37,.56);color:#dce9ef;display:flex;align-items:center;gap:8px;text-decoration:none;font-size:10.5px}.stage1-r4-ai-list a:hover{border-color:rgba(255,137,25,.34);background:rgba(12,36,50,.78);transform:translateX(-2px)}
.stage1-r4-ai-ask{margin-top:auto;min-height:38px;padding:8px 11px;border-radius:12px;border:1px solid rgba(63,202,247,.30);border-bottom-color:rgba(255,130,10,.50);background:rgba(5,24,37,.76);color:#aebfca;text-decoration:none;display:flex;align-items:center;justify-content:space-between;font-size:11px;box-shadow:0 0 0 1px rgba(255,255,255,.012)}
.stage1-r4-ai-ask:hover{color:white;border-color:rgba(255,144,29,.44);box-shadow:0 0 20px rgba(255,106,0,.07)}
.stage1-r4-upcoming,.stage1-r4-attention,.stage1-r4-showcase{padding:14px!important}
.stage1-r4-upcoming-list{display:grid;gap:7px}.stage1-r4-upcoming-list a{min-height:50px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:7px;border:1px solid rgba(78,172,214,.13);border-radius:11px;background:rgba(6,25,38,.56);text-decoration:none;color:#e9f2f6}.stage1-r4-upcoming-list a:hover{background:rgba(12,38,53,.76);border-color:rgba(255,137,25,.30)}.stage1-r4-upcoming-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(18,77,99,.55);color:#20dcff}.stage1-r4-upcoming-list strong{font-size:11px}.stage1-r4-upcoming-list small{display:block;font-size:8.5px;color:#8fa6b4;margin-top:3px}
.stage1-r4-showcase{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(120px,.9fr);gap:11px;align-items:center;overflow:hidden;position:relative}.stage1-r4-showcase::after{content:"";position:absolute;right:-18%;bottom:-35%;width:70%;height:80%;background:radial-gradient(circle,rgba(255,110,0,.16),transparent 66%);pointer-events:none}.stage1-r4-video-wrap{position:relative;z-index:1;border-radius:12px;overflow:hidden;border:1px solid rgba(75,180,222,.18);background:#030b12;box-shadow:0 12px 30px rgba(0,0,0,.28)}.stage1-r4-video-wrap video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#030b12}.stage1-r4-showcase-copy{position:relative;z-index:1}.stage1-r4-showcase-copy h2{font-size:17px!important;margin:3px 0 5px!important}.stage1-r4-showcase-copy p{font-size:10px;color:#a1b5c1;margin:0 0 5px}.stage1-r4-showcase-copy small{font-size:8px;color:#6f8795}

/* command dock more like the approved app */
html[data-ui="5"] .cs-command-dock{
 width:min(1080px,calc(100% - 42px))!important;
 border-radius:20px!important;
 border:1px solid rgba(55,207,255,.42)!important;
 border-bottom-color:rgba(255,126,8,.65)!important;
 background:linear-gradient(180deg,rgba(7,27,41,.95),rgba(3,17,28,.97))!important;
 box-shadow:0 22px 66px rgba(0,0,0,.43),0 0 25px rgba(40,197,247,.055),0 0 23px rgba(255,105,0,.06),inset 0 1px rgba(255,255,255,.04)!important;
}
html[data-ui="5"] .cs-command-dock::after{content:"";position:absolute;inset:-1px 28% auto 28%;height:1px;background:linear-gradient(90deg,transparent,#35d8ff,transparent);box-shadow:0 0 8px rgba(53,216,255,.5)}

/* mobile app shell aligned to the approved phone reference */
@media(max-width:899px){
 html[data-ui="5"] .topbar{height:60px!important;min-height:60px!important;padding:0 12px!important;background:linear-gradient(180deg,rgba(3,14,23,.98),rgba(3,13,22,.94))!important;border-bottom-color:rgba(73,178,222,.16)!important}
 html[data-ui="5"] .topbar-left{justify-content:center!important;position:relative!important;width:100%!important}
 html[data-ui="5"] .topbar-left>.mobile-only:first-child{position:absolute!important;left:0!important;z-index:3;width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(8,30,44,.68)!important;border-color:rgba(83,182,224,.19)!important}
 html[data-ui="5"] .cs-mobile-brand{display:inline-flex!important;align-items:center;gap:7px;color:#fff;letter-spacing:.08em}
 html[data-ui="5"] .cs-mobile-brand img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,111,0,.40))}
 html[data-ui="5"] .cs-mobile-brand strong{font-size:13px;letter-spacing:.08em}
 html[data-ui="5"] .topbar-actions{position:absolute!important;right:9px!important;display:flex!important;gap:3px!important}
 html[data-ui="5"] .cs-top-profile{width:38px!important;height:38px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(9,31,46,.74)!important}.cs-top-profile-copy{display:none!important}.cs-top-avatar{width:31px!important;height:31px!important}
 html[data-ui="5"] .cs-notification-link{width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(8,30,44,.66)!important;border-color:rgba(83,182,224,.18)!important}
 html[data-ui="5"] .workspace-main{padding:9px 10px calc(134px + env(safe-area-inset-bottom))!important}
 .stage1-r2-hero{min-height:218px!important;padding:14px 14px 13px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(2,9,16,.02),rgba(3,13,22,.30) 33%,rgba(3,13,22,.93) 68%,rgba(2,10,18,.99)),url('/brand/globe-hero-r2.webp') center top/100% 150px no-repeat!important}
 .stage1-r2-hero-copy{padding-top:64px!important}.stage1-r2-kicker{font-size:6px!important}.stage1-r2-hero h1{font-size:28px!important;margin-bottom:4px!important}.stage1-r2-hero p{font-size:12px!important;line-height:1.55!important;margin-bottom:9px!important}.stage1-r2-ask{height:43px!important;border-radius:13px!important}.stage1-r2-ask-go{width:33px!important;height:33px!important;border-radius:10px!important}.stage1-r2-hero-brand,.stage1-r2-quick{display:none!important}
 .stage1-r2-kpis{margin-bottom:8px!important}.stage1-r2-kpi{min-width:132px!important;min-height:74px!important;padding:9px!important;border-radius:12px!important}.stage1-r2-kpi-icon{width:33px!important;height:33px!important}.stage1-r2-kpi strong{font-size:18px!important}.stage1-r2-kpi small{max-width:74px!important}
 .stage1-r2-systems{padding:10px!important;border-radius:15px!important}.stage1-r2-systems>header{margin-bottom:9px!important}.stage1-r2-systems h2{font-size:17px!important}.stage1-r2-system-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.stage1-r2-system-card{min-height:78px!important;padding:7px 4px!important;border-radius:11px!important}.stage1-r2-system-icon{width:31px!important;height:31px!important}.stage1-r2-system-card strong{font-size:9.5px!important}.stage1-r2-system-card small,.stage1-r2-system-card>svg{display:none!important}
 .stage1-r4-dashboard{grid-template-columns:1fr!important;gap:8px!important}.stage1-r4-overview{display:none!important}.stage1-r4-ai{display:none!important}.stage1-r4-activity{order:2}.stage1-r4-lower-grid{grid-template-columns:1fr!important;gap:8px!important}.stage1-r4-showcase{display:none!important}.stage1-r4-upcoming{order:1}.stage1-r4-attention{order:0}.stage1-r4-upcoming-list a{min-height:46px}.stage1-r4-attention .stage1-r2-category-grid{grid-template-columns:repeat(2,1fr)!important}
 html[data-ui="5"] .mobile-workspace-nav{height:67px!important;background:linear-gradient(180deg,rgba(5,18,29,.95),rgba(2,10,18,.995))!important;border-top:1px solid rgba(76,179,221,.17)!important;box-shadow:0 -16px 42px rgba(0,0,0,.27)!important}
 html[data-ui="5"] .mobile-workspace-nav a,html[data-ui="5"] .mobile-workspace-nav button{min-height:60px!important;border-radius:13px!important}.mobile-workspace-nav [aria-current="page"]{background:linear-gradient(180deg,rgba(255,130,10,.11),rgba(255,105,0,.035))!important;color:#ff9b29!important}
 html[data-ui="5"] .cs-command-dock{bottom:calc(72px + env(safe-area-inset-bottom))!important;height:52px!important;min-height:52px!important;left:10px!important;right:10px!important;border-radius:18px!important}.cs-command-dock-main{height:42px!important}
}

/* focused Code AI conversation */
@media(max-width:680px){
 html[data-ui="5"] .chat-mode .topbar{height:58px!important;min-height:58px!important}
 html[data-ui="5"] .chat-mode .topbar-actions{display:none!important}
 html[data-ui="5"] .route-agent .cs-mobile-brand strong{font-size:15px!important;letter-spacing:0!important}
 html[data-ui="5"] .route-agent .workspace-main{height:calc(100dvh - 58px)!important;min-height:calc(100dvh - 58px)!important;max-height:calc(100dvh - 58px)!important;background:linear-gradient(180deg,#020a12,#03121d)!important}
 html[data-ui="5"] .route-agent .agent-workbench{background:linear-gradient(180deg,rgba(2,10,17,.05),rgba(3,13,22,.82) 36%,rgba(3,13,22,.985)),url('/brand/globe-hero-r2.webp') center top/100% 205px no-repeat!important}
 html[data-ui="5"] .route-agent .agent-welcome{padding:90px 10px 18px!important;background:none!important}
 html[data-ui="5"] .route-agent .agent-welcome .agent-orbit{height:76px!important;margin-bottom:13px!important}
 html[data-ui="5"] .route-agent .agent-welcome .agent-ring{width:68px!important;height:68px!important;border-color:rgba(63,220,255,.61)!important;box-shadow:0 0 38px rgba(37,214,255,.18),inset 0 0 26px rgba(37,214,255,.11)!important}
 html[data-ui="5"] .route-agent .agent-welcome h2{font-size:27px!important;margin-bottom:7px!important}.route-agent .agent-welcome>p{font-size:13px!important;line-height:1.7!important;max-width:315px!important}
 html[data-ui="5"] .route-agent .agent-suggestions{gap:7px!important}.route-agent .agent-suggestions button{min-height:50px!important;background:linear-gradient(145deg,rgba(8,31,45,.78),rgba(4,21,33,.88))!important;border-color:rgba(75,179,221,.18)!important}
 html[data-ui="5"] .route-agent .agent-working{border-radius:15px!important;background:linear-gradient(145deg,rgba(7,28,42,.91),rgba(3,18,29,.94))!important;border-color:rgba(64,209,253,.22)!important;box-shadow:inset 3px 0 #20dafa,0 14px 32px rgba(0,0,0,.16)!important}
 html[data-ui="5"] .route-agent .agent-composer-wrap{padding:7px 8px calc(8px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(2,10,18,.18),rgba(2,9,16,.99) 28%)!important}
 html[data-ui="5"] .route-agent .agent-composer{border-radius:21px!important;border-color:rgba(57,205,251,.39)!important;border-bottom-color:rgba(255,125,12,.64)!important;background:linear-gradient(180deg,rgba(7,29,43,.98),rgba(3,18,29,.99))!important;box-shadow:0 16px 44px rgba(0,0,0,.45),0 0 20px rgba(255,107,0,.055)!important}
 html[data-ui="5"] .route-agent .agent-send.btn{background:linear-gradient(145deg,#ffab33,#ff6200)!important;box-shadow:0 0 25px rgba(255,105,0,.36)!important}
}

@media(min-width:900px) and (max-width:1180px){
 .stage1-r4-dashboard{grid-template-columns:1fr 1fr!important}.stage1-r4-ai{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important}.stage1-r4-lower-grid{grid-template-columns:1fr 1fr!important}.stage1-r4-showcase{grid-column:1/-1!important}.stage1-r4-mini-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){.stage1-r4-bar-track i,.stage1-r4-ai-list a,.stage1-r4-upcoming-list a{transition:none!important}}

/* R4.1 mobile topbar collision fix */
@media(max-width:899px){
 html[data-ui="5"] .topbar-left{height:100%!important;min-height:100%!important;justify-content:center!important;align-items:center!important;position:relative!important}
 html[data-ui="5"] .topbar-left>.cs-mobile-brand{position:relative!important;left:auto!important;right:auto!important;z-index:1!important;margin:0 auto!important;pointer-events:none!important}
 html[data-ui="5"] .topbar-left>button.mobile-only{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:5!important;pointer-events:auto!important}
}

/* R4.2 mobile density and chat composer alignment */
@media(max-width:899px){
 html[data-ui="5"] .cs-mobile-brand strong{white-space:nowrap!important;line-height:1!important}
 .stage1-r2-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:7px!important}
 .stage1-r2-kpi{min-width:0!important;width:auto!important;min-height:76px!important;padding:8px 7px!important;gap:7px!important}
 .stage1-r2-kpi:nth-child(n+4){display:none!important}
 .stage1-r2-kpi-icon{width:31px!important;height:31px!important}.stage1-r2-kpi strong{font-size:18px!important}.stage1-r2-kpi span:not(.stage1-r2-kpi-icon){font-size:10px!important}.stage1-r2-kpi small{font-size:7.5px!important;max-width:62px!important}
}
@media(max-width:680px){
 html[data-ui="5"] .route-agent .cs-mobile-brand{gap:6px!important}
 html[data-ui="5"] .route-agent .cs-mobile-brand strong{font-size:15px!important;white-space:nowrap!important}
 html[data-ui="5"] .route-agent .agent-composer{grid-template-columns:1fr auto!important}
 html[data-ui="5"] .route-agent .agent-composer textarea{min-height:38px!important;height:40px!important;max-height:96px!important;line-height:1.45!important}
 html[data-ui="5"] .route-agent .agent-composer-toolbar{direction:ltr!important;justify-content:flex-end!important;grid-column:1/-1!important}
 html[data-ui="5"] .route-agent .agent-send.btn{margin-left:auto!important;margin-right:0!important}
}

/* ==========================================================================\n   Code Systems Design Master — Stage 1 R5 Visual Polish\n   Precision controls, premium glass depth and unified interaction language.\n   ========================================================================== */
html[data-ui="5"]{
 --cs-r5-glass:rgba(7,25,39,.78);
 --cs-r5-glass-strong:rgba(8,29,44,.92);
 --cs-r5-edge:rgba(85,194,239,.24);
 --cs-r5-edge-hot:rgba(255,145,35,.48);
 --cs-r5-highlight:rgba(255,255,255,.055);
 --cs-r5-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
 --cs-r5-shadow-raised:0 24px 62px rgba(0,0,0,.38),0 0 28px rgba(22,194,244,.045),inset 0 1px rgba(255,255,255,.05);
 --cs-r5-orange:#ff850a;--cs-r5-orange-hi:#ffb044;--cs-r5-cyan:#28dfff;
 --cs-r5-press:cubic-bezier(.2,.8,.2,1);
}

/* Universal premium controls */
html[data-ui="5"] .btn{
 position:relative;isolation:isolate;overflow:hidden;
 min-height:38px;padding:8px 14px;border-radius:12px!important;
 font-weight:720!important;letter-spacing:-.012em;
 border:1px solid rgba(91,180,220,.18)!important;
 background:linear-gradient(180deg,rgba(14,43,59,.78),rgba(7,27,40,.83))!important;
 color:#edf7fb!important;
 box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.12)!important;
 transform:translateZ(0);
 transition:transform 145ms var(--cs-r5-press),border-color 145ms ease,box-shadow 180ms ease,background 180ms ease,color 145ms ease!important;
}
html[data-ui="5"] .btn::before{
 content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.56;
 background:linear-gradient(115deg,rgba(255,255,255,.065),transparent 32%,transparent 68%,rgba(40,215,255,.035));
 transition:opacity 160ms ease,transform 240ms var(--cs-r5-press);
}
html[data-ui="5"] .btn::after{
 content:"";position:absolute;z-index:-1;left:14%;right:14%;top:-1px;height:1px;pointer-events:none;opacity:.25;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);filter:blur(.2px)
}
html[data-ui="5"] .btn:hover:not(:disabled){
 transform:translateY(-1px);border-color:rgba(71,207,251,.40)!important;
 background:linear-gradient(180deg,rgba(20,53,70,.90),rgba(9,32,47,.91))!important;
 box-shadow:0 12px 27px rgba(0,0,0,.20),0 0 20px rgba(37,211,255,.055),inset 0 1px rgba(255,255,255,.05)!important;
}
html[data-ui="5"] .btn:hover:not(:disabled)::before{opacity:.9;transform:translateX(2px)}
html[data-ui="5"] .btn:active:not(:disabled){transform:translateY(1px) scale(.982)!important;box-shadow:inset 0 2px 7px rgba(0,0,0,.20),0 4px 12px rgba(0,0,0,.16)!important;transition-duration:70ms!important}
html[data-ui="5"] .btn:focus-visible{outline:2px solid var(--cs-r5-cyan)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(40,223,255,.105),0 14px 34px rgba(0,0,0,.24)!important}
html[data-ui="5"] .btn:disabled{opacity:.44!important;filter:saturate(.42) brightness(.84)!important;border-color:rgba(110,145,163,.12)!important;box-shadow:none!important}
html[data-ui="5"] .btn.primary{
 border-color:rgba(255,174,78,.78)!important;
 background:linear-gradient(145deg,#ffb13f 0%,#ff8610 48%,#f66800 100%)!important;
 color:#fff!important;text-shadow:0 1px 2px rgba(68,27,0,.33);
 box-shadow:0 10px 27px rgba(255,104,0,.24),0 0 0 1px rgba(255,197,125,.10),inset 0 1px rgba(255,255,255,.30),inset 0 -8px 16px rgba(184,61,0,.12)!important;
}
html[data-ui="5"] .btn.primary::before{background:linear-gradient(110deg,rgba(255,255,255,.25),transparent 34%,transparent 66%,rgba(255,227,172,.10));opacity:.72}
html[data-ui="5"] .btn.primary:hover:not(:disabled){
 border-color:rgba(255,211,151,.95)!important;background:linear-gradient(145deg,#ffc15c,#ff9221 48%,#ff7108)!important;
 box-shadow:0 14px 34px rgba(255,105,0,.34),0 0 25px rgba(255,125,15,.14),inset 0 1px rgba(255,255,255,.36)!important;
}
html[data-ui="5"] .btn.secondary{
 background:linear-gradient(180deg,rgba(15,45,62,.84),rgba(7,28,42,.88))!important;
 border-color:rgba(61,183,229,.32)!important;color:#eaf9ff!important;
}
html[data-ui="5"] .btn.secondary:hover:not(:disabled){border-color:rgba(46,216,255,.52)!important;box-shadow:0 12px 28px rgba(0,0,0,.22),0 0 22px rgba(38,214,255,.07)!important}
html[data-ui="5"] :where(.btn.ghost,.btn.icon){background:rgba(9,30,44,.36)!important;border-color:rgba(81,164,204,.13)!important;color:#adc4d2!important}
html[data-ui="5"] :where(.btn.ghost,.btn.icon):hover:not(:disabled){background:rgba(17,47,64,.77)!important;border-color:rgba(60,199,242,.28)!important;color:#f3fbff!important}
html[data-ui="5"] .btn.icon{width:38px;min-width:38px;height:38px;min-height:38px;padding:9px!important;border-radius:12px!important}
html[data-ui="5"] .btn.size-sm{min-height:34px;padding:6px 11px;border-radius:10px!important;font-size:12px}
html[data-ui="5"] .spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.28);border-top-color:currentColor;border-radius:50%;animation:cs-r5-spin .72s linear infinite}@keyframes cs-r5-spin{to{transform:rotate(360deg)}}

/* Connected premium surfaces */
html[data-ui="5"] :where(.panel,.stat,.stage1-r2-glass,.stage1-r2-systems,.stage1-r2-kpi,.stage1-r2-system-card,.ops-work-queue,.setup-checklist,.adaptive-aside>section){
 position:relative;isolation:isolate;overflow:hidden;
 border-color:var(--cs-r5-edge)!important;
 background:linear-gradient(148deg,rgba(10,33,49,.91),rgba(5,21,34,.87) 66%,rgba(5,18,29,.93))!important;
 box-shadow:var(--cs-r5-shadow)!important;
 backdrop-filter:blur(25px) saturate(137%)!important;-webkit-backdrop-filter:blur(25px) saturate(137%)!important;
 transition:transform 170ms var(--cs-r5-press),border-color 170ms ease,box-shadow 210ms ease,background 210ms ease!important;
}
html[data-ui="5"] :where(.panel,.stat,.stage1-r2-glass,.stage1-r2-systems,.stage1-r2-kpi,.stage1-r2-system-card)::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;
 background:radial-gradient(350px 160px at 12% -8%,rgba(56,209,255,.075),transparent 65%),radial-gradient(300px 140px at 105% 108%,rgba(255,116,8,.07),transparent 65%);
}
html[data-ui="5"] :where(.panel,.stat,.stage1-r2-glass,.stage1-r2-systems,.stage1-r2-kpi,.stage1-r2-system-card)::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;left:9%;right:9%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(225,248,255,.22),transparent)
}
html[data-ui="5"] :where(.panel,.stat,.stage1-r2-glass,.stage1-r2-kpi,.stage1-r2-system-card):hover{border-color:rgba(70,203,247,.38)!important;box-shadow:var(--cs-r5-shadow-raised)!important}
html[data-ui="5"] :where(.stage1-r2-kpi,.stage1-r2-system-card):hover{transform:translateY(-3px)!important}

/* Sidebar precision */
html[data-ui="5"] .ui5-shell .sidebar{
 background:linear-gradient(180deg,rgba(3,14,23,.985),rgba(4,17,28,.965) 48%,rgba(3,13,22,.99))!important;
 border-right-color:rgba(80,183,225,.20)!important;
 box-shadow:14px 0 52px rgba(0,0,0,.28),inset -1px 0 rgba(255,255,255,.026)!important;
}
html[data-ui="5"] .ui5-shell .sidebar::before{content:"";position:absolute;pointer-events:none;inset:0 0 auto;height:170px;background:radial-gradient(180px 120px at 0 0,rgba(255,118,0,.09),transparent 65%),radial-gradient(160px 110px at 100% 0,rgba(34,204,255,.06),transparent 68%)}
html[data-ui="5"] .sidebar-brand{min-height:61px!important;border-bottom-color:rgba(93,179,218,.13)!important}
html[data-ui="5"] .brand img{filter:drop-shadow(0 0 14px rgba(255,118,0,.32)) drop-shadow(0 0 28px rgba(255,101,0,.10))!important}
html[data-ui="5"] .sidebar-search{border-color:rgba(81,173,214,.20)!important;background:linear-gradient(180deg,rgba(11,37,53,.80),rgba(7,27,41,.76))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
html[data-ui="5"] .sidebar-search:hover{border-color:rgba(50,210,251,.38)!important;box-shadow:0 0 20px rgba(43,207,249,.04),inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .nav-item{position:relative;border:1px solid transparent!important;border-radius:11px!important;color:#b9ccd8!important}
html[data-ui="5"] .nav-item:hover{background:linear-gradient(90deg,rgba(18,50,68,.74),rgba(8,29,43,.60))!important;border-color:rgba(70,177,219,.13)!important;color:#f1f9fc!important;transform:translateX(2px)!important}
html[data-ui="5"] .nav-item.active{background:linear-gradient(90deg,rgba(255,130,10,.23),rgba(255,105,0,.055) 72%,rgba(24,184,228,.03))!important;border-color:rgba(255,158,55,.31)!important;color:#fff!important;box-shadow:0 8px 25px rgba(0,0,0,.12),0 0 20px rgba(255,105,0,.065),inset 0 1px rgba(255,255,255,.035)!important}
html[data-ui="5"] .nav-item.active svg{color:#ffad35;filter:drop-shadow(0 0 8px rgba(255,128,11,.24))}
html[data-ui="5"] .nav-item.active::before{width:3px!important;top:7px!important;bottom:7px!important;border-radius:6px;background:linear-gradient(#ffd06b,#ff7a00)!important;box-shadow:0 0 13px rgba(255,120,0,.72)!important}

/* Topbar: slim physical glass strip */
html[data-ui="5"] .topbar{
 position:relative;background:linear-gradient(180deg,rgba(5,19,31,.94),rgba(4,16,26,.88))!important;
 border-bottom-color:rgba(82,182,225,.19)!important;box-shadow:0 12px 36px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)!important;
}
html[data-ui="5"] .topbar::after{content:"";position:absolute;pointer-events:none;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(48,210,255,.25),rgba(255,133,10,.18),transparent)}
html[data-ui="5"] .topbar .btn{height:36px!important;min-height:36px!important;border-radius:11px!important}
html[data-ui="5"] .cs-global-search{height:36px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(10,35,51,.79),rgba(5,24,38,.83))!important;border-color:rgba(80,177,217,.20)!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}
html[data-ui="5"] .cs-global-search:hover{border-color:rgba(55,210,250,.38)!important;background:linear-gradient(180deg,rgba(14,44,61,.88),rgba(7,29,43,.91))!important}
html[data-ui="5"] .cs-top-profile{min-height:36px;border-radius:12px;padding:3px 7px 3px 4px;border:1px solid rgba(76,173,214,.15);background:rgba(9,31,46,.48);transition:all 160ms ease}
html[data-ui="5"] .cs-top-profile:hover{border-color:rgba(54,206,246,.30);background:rgba(15,42,58,.72);transform:translateY(-1px)}
html[data-ui="5"] .cs-top-avatar{box-shadow:0 0 0 1px rgba(85,211,247,.24),0 0 14px rgba(42,205,245,.08)!important}
html[data-ui="5"] .cs-notification-dot{box-shadow:0 0 0 3px rgba(4,17,27,.9),0 0 9px rgba(255,118,0,.65)!important}

/* System switcher as a premium connected control */
html[data-ui="5"] .cs-system-switcher-trigger{position:relative;overflow:hidden;border-color:rgba(73,184,227,.22)!important;background:linear-gradient(180deg,rgba(12,40,57,.86),rgba(6,26,40,.87))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.12)!important}
html[data-ui="5"] .cs-system-switcher-trigger::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.045) 42%,transparent 65%);transform:translateX(-80%);transition:transform 420ms var(--cs-r5-press)}
html[data-ui="5"] .cs-system-switcher-trigger:hover::after{transform:translateX(80%)}
html[data-ui="5"] .cs-system-switcher-trigger:hover{border-color:rgba(53,210,250,.42)!important;box-shadow:0 10px 28px rgba(0,0,0,.20),0 0 18px rgba(33,203,246,.055)!important}
html[data-ui="5"] .cs-system-mark{box-shadow:0 0 15px rgba(255,119,0,.08),inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .cs-system-switcher-panel{border-radius:17px!important;padding:9px!important;background:linear-gradient(155deg,rgba(7,29,44,.985),rgba(3,16,27,.99))!important;border-color:rgba(69,197,241,.32)!important;box-shadow:0 28px 88px rgba(0,0,0,.62),0 0 34px rgba(31,201,245,.055),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .cs-system-option{border:1px solid transparent!important;transition:all 145ms ease!important}
html[data-ui="5"] .cs-system-option:hover{transform:translateX(-2px);border-color:rgba(69,194,235,.14)!important;background:linear-gradient(90deg,rgba(18,53,71,.83),rgba(7,30,44,.76))!important}
html[data-ui="5"] .cs-system-option.active{border-color:rgba(255,145,37,.30)!important;box-shadow:inset 3px 0 rgba(255,133,10,.72),0 0 20px rgba(255,111,0,.035)!important}

/* Command dock: one connected, tactile control */
html[data-ui="5"] .cs-command-dock{
 min-height:58px!important;height:58px!important;gap:7px!important;padding:6px!important;border-radius:20px!important;
 border:1px solid rgba(51,207,251,.44)!important;border-bottom-color:rgba(255,133,19,.72)!important;
 background:linear-gradient(180deg,rgba(8,31,46,.94),rgba(4,20,32,.97))!important;
 box-shadow:0 19px 58px rgba(0,0,0,.46),0 0 27px rgba(31,205,247,.06),0 0 20px rgba(255,108,0,.045),inset 0 1px rgba(255,255,255,.05)!important;
 backdrop-filter:blur(28px) saturate(140%)!important;-webkit-backdrop-filter:blur(28px) saturate(140%)!important;
}
html[data-ui="5"] .cs-command-dock::before{content:"";position:absolute;pointer-events:none;inset:-1px;border-radius:20px;padding:1px;background:linear-gradient(100deg,rgba(41,213,255,.44),transparent 35%,transparent 64%,rgba(255,133,15,.62));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.58}
html[data-ui="5"] .cs-command-dock::after{left:24%!important;right:24%!important;background:linear-gradient(90deg,transparent,rgba(59,220,255,.78),rgba(255,164,69,.66),transparent)!important;box-shadow:0 0 12px rgba(47,215,255,.35)!important}
html[data-ui="5"] .cs-command-dock-main{height:46px!important;border-radius:15px!important;gap:10px!important;padding:5px 12px!important;border:1px solid rgba(75,177,218,.11)!important;background:rgba(5,22,35,.54)!important;transition:all 160ms ease!important}
html[data-ui="5"] .cs-command-dock-main:hover{background:rgba(10,34,49,.77)!important;border-color:rgba(56,201,242,.22)!important}
html[data-ui="5"] .cs-command-dock-search{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#63dcf8;background:linear-gradient(145deg,rgba(17,61,79,.80),rgba(7,33,49,.82));border:1px solid rgba(64,205,244,.21);box-shadow:inset 0 1px rgba(255,255,255,.04)}
html[data-ui="5"] .cs-command-dock-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15}
html[data-ui="5"] .cs-command-dock-copy strong{font-size:12.5px;color:#dfeaf0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html[data-ui="5"] .cs-command-dock-copy small{font-size:8.5px;color:#758e9e;margin-top:3px;letter-spacing:.01em}
html[data-ui="5"] .cs-command-ai{height:46px!important;padding:5px 11px!important;border-radius:15px!important;border:1px solid rgba(255,151,44,.32)!important;background:linear-gradient(145deg,rgba(255,131,10,.16),rgba(255,97,0,.055))!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;transition:all 160ms ease!important}
html[data-ui="5"] .cs-command-ai:hover{transform:translateY(-1px);border-color:rgba(255,176,78,.56)!important;background:linear-gradient(145deg,rgba(255,139,16,.24),rgba(255,101,0,.085))!important;box-shadow:0 9px 22px rgba(0,0,0,.18),0 0 19px rgba(255,111,0,.09)!important}
html[data-ui="5"] .cs-command-ai-orb{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#ffd79a;background:linear-gradient(145deg,#2b1909,#171008);border:1px solid rgba(255,151,44,.35);box-shadow:0 0 14px rgba(255,113,0,.10)}
html[data-ui="5"] .cs-command-ai-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.cs-command-ai-copy strong{font-size:11.5px}.cs-command-ai-copy small{font-size:8px;color:#b29578;margin-top:3px}

/* Hero and dashboard finishing pass */
html[data-ui="5"] .stage1-r2-hero{border-color:rgba(60,204,251,.39)!important;box-shadow:0 24px 78px rgba(0,0,0,.37),0 0 34px rgba(28,200,248,.045),inset 0 1px rgba(255,255,255,.055)!important}
html[data-ui="5"] .stage1-r2-hero::before{background:linear-gradient(90deg,rgba(1,8,14,.995) 0%,rgba(3,12,21,.945) 38%,rgba(3,11,19,.34) 69%,rgba(2,8,14,.08) 100%)!important}
html[data-ui="5"] .stage1-r2-hero::after{right:-1%!important;bottom:-32%!important;width:65%!important;height:78%!important;background:radial-gradient(ellipse,rgba(255,105,0,.31),rgba(255,105,0,.045) 42%,transparent 69%)!important;filter:blur(25px)!important}
html[data-ui="5"] .stage1-r2-planet{filter:saturate(1.38) contrast(1.13) brightness(.92)!important}
html[data-ui="5"] .stage1-r2-hero h1{font-weight:900!important;text-wrap:balance;text-shadow:0 4px 32px rgba(0,0,0,.50)!important}.stage1-r2-hero h1 span{text-shadow:0 0 30px rgba(255,105,0,.31)!important}
html[data-ui="5"] .stage1-r2-ask{border-color:rgba(50,210,253,.59)!important;background:linear-gradient(180deg,rgba(9,36,53,.92),rgba(4,22,35,.93))!important;box-shadow:0 14px 38px rgba(0,0,0,.25),0 0 23px rgba(34,204,248,.055),inset 0 1px rgba(255,255,255,.055)!important}
html[data-ui="5"] .stage1-r2-ask:focus-within{border-color:rgba(255,162,56,.68)!important;box-shadow:0 0 0 3px rgba(255,134,12,.08),0 16px 42px rgba(0,0,0,.29),0 0 25px rgba(255,109,0,.075)!important}
html[data-ui="5"] .stage1-r2-ask-go{border:1px solid rgba(255,208,141,.38)!important;background:linear-gradient(145deg,#ffb13f,#ff8210 48%,#f96400)!important;box-shadow:0 0 24px rgba(255,105,0,.44),inset 0 1px rgba(255,255,255,.28)!important}
html[data-ui="5"] .stage1-r2-system-icon{border:1px solid rgba(69,195,237,.17)!important;background:linear-gradient(145deg,rgba(20,67,88,.82),rgba(7,37,54,.84))!important}
html[data-ui="5"] .stage1-r2-system-card:hover .stage1-r2-system-icon{border-color:rgba(255,156,50,.35)!important;box-shadow:0 0 22px rgba(255,106,0,.08),inset 0 1px rgba(255,255,255,.05)!important}

/* Form and table controls */
html[data-ui="5"] :where(.field input,.field textarea,.field select,.search-input,input[type="search"]){border-radius:12px!important;border-color:rgba(83,174,214,.22)!important;background:linear-gradient(180deg,rgba(8,31,46,.82),rgba(5,23,36,.86))!important;color:#eef7fb!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 6px 18px rgba(0,0,0,.08)!important;transition:border-color 150ms ease,box-shadow 170ms ease,background 170ms ease!important}
html[data-ui="5"] :where(.field input,.field textarea,.field select,.search-input):focus-within,html[data-ui="5"] :where(.field input,.field textarea,.field select):focus{border-color:rgba(48,214,255,.52)!important;box-shadow:0 0 0 3px rgba(45,214,255,.075),inset 0 1px rgba(255,255,255,.04)!important;background:linear-gradient(180deg,rgba(12,41,57,.91),rgba(6,28,42,.92))!important}
html[data-ui="5"] .table-scroll{border-radius:14px!important;border:1px solid rgba(80,174,215,.16)!important;background:rgba(4,18,29,.38)!important;overflow:auto;box-shadow:inset 0 1px rgba(255,255,255,.02)!important}
html[data-ui="5"] table thead th{background:rgba(8,29,43,.92)!important;color:#9eb8c7!important;border-bottom-color:rgba(73,171,212,.17)!important}
html[data-ui="5"] table tbody tr{transition:background 130ms ease,transform 130ms ease}html[data-ui="5"] table tbody tr:hover{background:linear-gradient(90deg,rgba(18,49,66,.52),rgba(8,30,44,.28))!important}

/* Mobile precision and tactile hierarchy */
@media(max-width:899px){
 html[data-ui="5"] .topbar{background:linear-gradient(180deg,rgba(2,13,22,.99),rgba(4,18,29,.95))!important;border-bottom-color:rgba(67,190,234,.21)!important;box-shadow:0 10px 35px rgba(0,0,0,.25)!important}
 html[data-ui="5"] .topbar-left>button.mobile-only{background:rgba(9,31,45,.72)!important;border:1px solid rgba(70,180,221,.20)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
 html[data-ui="5"] .cs-mobile-brand img{filter:drop-shadow(0 0 12px rgba(255,111,0,.46))!important}.cs-mobile-brand strong{font-weight:800!important;letter-spacing:.09em!important}
 html[data-ui="5"] .workspace-main{padding-inline:10px!important}
 html[data-ui="5"] .stage1-r2-hero{border-radius:18px!important;border-color:rgba(54,203,248,.38)!important;box-shadow:0 20px 56px rgba(0,0,0,.34),0 0 25px rgba(28,200,248,.04)!important}
 html[data-ui="5"] .stage1-r2-kpi{border-radius:14px!important}.stage1-r2-system-card{border-radius:13px!important}
 html[data-ui="5"] .mobile-workspace-nav{background:linear-gradient(180deg,rgba(5,19,30,.965),rgba(2,10,17,.998))!important;border-top-color:rgba(67,184,225,.20)!important;box-shadow:0 -17px 45px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.022)!important}
 html[data-ui="5"] .mobile-workspace-nav a,html[data-ui="5"] .mobile-workspace-nav button{position:relative;border:1px solid transparent!important;transition:all 145ms ease!important}
 html[data-ui="5"] .mobile-workspace-nav [aria-current="page"]{background:linear-gradient(180deg,rgba(255,132,12,.15),rgba(255,105,0,.045))!important;border-color:rgba(255,146,38,.18)!important;color:#ffab32!important;box-shadow:0 0 18px rgba(255,106,0,.055)!important}
 html[data-ui="5"] .cs-command-dock{height:56px!important;min-height:56px!important;left:9px!important;right:9px!important;border-radius:19px!important;padding:5px!important}
 html[data-ui="5"] .cs-command-dock-main{height:44px!important;padding:4px 9px!important}.cs-command-dock-search{width:30px;height:30px}.cs-command-dock-copy small{display:none}.cs-command-dock-copy strong{font-size:11.5px}.cs-command-ai{width:43px!important;height:43px!important;padding:5px!important;border-radius:14px!important}.cs-command-ai-copy{display:none!important}.cs-command-ai-orb{width:31px;height:31px}
}

/* Code AI mobile focus — cleaner OpenAI-level conversational shell */
@media(max-width:680px){
 html[data-ui="5"] .route-agent .workspace-main{padding:0!important;background:radial-gradient(380px 240px at 50% 8%,rgba(20,192,236,.055),transparent 68%),linear-gradient(180deg,#03101a,#020b13)!important}
 html[data-ui="5"] .route-agent .agent-welcome{padding:86px 16px 20px!important;max-width:390px!important}
 html[data-ui="5"] .route-agent .agent-welcome .agent-ring{width:76px!important;height:76px!important;border:1px solid rgba(62,221,255,.66)!important;background:radial-gradient(circle at 42% 35%,rgba(67,225,255,.19),rgba(5,39,55,.90) 48%,rgba(3,22,34,.98))!important;box-shadow:0 0 42px rgba(38,211,255,.20),0 0 82px rgba(35,203,245,.065),inset 0 0 28px rgba(44,213,255,.12)!important}
 html[data-ui="5"] .route-agent .agent-welcome h2{font-size:29px!important;font-weight:850!important;letter-spacing:-.035em!important;color:#f8fbfd!important}.route-agent .agent-welcome>p{font-size:13.5px!important;color:#a9bbc7!important;line-height:1.78!important}
 html[data-ui="5"] .route-agent .agent-suggestions{width:100%;max-width:342px!important;gap:9px!important}.route-agent .agent-suggestions button{min-height:50px!important;padding:10px 13px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(11,37,53,.72),rgba(6,27,41,.78))!important;border:1px solid rgba(75,178,219,.20)!important;box-shadow:inset 0 1px rgba(255,255,255,.028)!important;transition:all 150ms ease!important}.route-agent .agent-suggestions button:hover{border-color:rgba(51,211,251,.37)!important;background:linear-gradient(180deg,rgba(16,48,65,.84),rgba(8,31,46,.89))!important;transform:translateY(-1px)}
 html[data-ui="5"] .route-agent .agent-composer-wrap{padding:8px 8px calc(9px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(2,9,16,0),rgba(2,9,16,.96) 26%,#020a12 100%)!important}
 html[data-ui="5"] .route-agent .agent-composer{position:relative;border:1px solid rgba(54,209,251,.44)!important;border-bottom-color:rgba(255,132,17,.73)!important;border-radius:23px!important;background:linear-gradient(180deg,rgba(8,31,46,.985),rgba(4,20,32,.995))!important;box-shadow:0 19px 55px rgba(0,0,0,.52),0 0 24px rgba(35,205,246,.065),0 0 20px rgba(255,105,0,.05),inset 0 1px rgba(255,255,255,.05)!important;padding:8px 8px 7px!important}
 html[data-ui="5"] .route-agent .agent-composer:focus-within{border-color:rgba(70,220,255,.62)!important;border-bottom-color:rgba(255,154,43,.85)!important;box-shadow:0 0 0 3px rgba(44,211,253,.06),0 20px 58px rgba(0,0,0,.54),0 0 24px rgba(255,107,0,.055)!important}
 html[data-ui="5"] .route-agent .agent-composer textarea{font-size:16px!important;color:#eef7fb!important;padding:7px 8px!important}
 html[data-ui="5"] .route-agent .agent-send.btn{width:45px!important;height:45px!important;min-width:45px!important;border-radius:50%!important;border-color:rgba(255,209,145,.66)!important;background:linear-gradient(145deg,#ffb241,#ff8611 46%,#f96200)!important;box-shadow:0 0 27px rgba(255,107,0,.39),inset 0 1px rgba(255,255,255,.30)!important}
 html[data-ui="5"] .route-agent .agent-send.btn:hover{transform:translateY(-1px) scale(1.035)!important;box-shadow:0 0 34px rgba(255,112,0,.48),0 10px 24px rgba(0,0,0,.25)!important}
}

@media(min-width:900px) and (max-width:1200px){
 html[data-ui="5"] .cs-command-dock-copy small{display:none}.cs-command-ai-copy small{display:none}
 html[data-ui="5"] .stage1-r2-dashboard-grid{gap:10px!important}
}
@media(min-width:1201px){
 html[data-ui="5"] .workspace-main{padding-top:22px!important}
}
@media(prefers-reduced-motion:reduce){html[data-ui="5"] .btn::before,html[data-ui="5"] .cs-system-switcher-trigger::after{transition:none!important;transform:none!important}}

/* =====================================================================
 * Code Systems Design Master — Stage 1 R6 Mobile Premium / Voice Orb
 * Visual-only enhancement. Server permissions and execution rules remain
 * authoritative; terminal rows mirror real request status labels.
 * ===================================================================== */
html[data-ui="5"]{
 --cs-r6-glass:linear-gradient(160deg,rgba(13,38,55,.91),rgba(4,18,30,.84) 58%,rgba(5,13,24,.94));
 --cs-r6-glass-soft:linear-gradient(155deg,rgba(18,48,66,.70),rgba(4,22,35,.76));
 --cs-r6-line:rgba(78,199,239,.28);
 --cs-r6-line-hot:rgba(255,158,48,.48);
 --cs-r6-cyan:#28dfff;--cs-r6-orange:#ff8b11;
 --cs-r6-shadow:0 22px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.045);
}
html[data-ui="5"] body{background:#020812!important}
html[data-ui="5"] .ui5-shell{background:
 radial-gradient(900px 560px at 92% 7%,rgba(29,174,231,.13),transparent 60%),
 radial-gradient(760px 500px at 3% 96%,rgba(255,106,0,.12),transparent 64%),
 linear-gradient(145deg,#020812,#061522 54%,#03101b)!important}
html[data-ui="5"] .ui5-shell::before{background:
 radial-gradient(circle at 72% 16%,rgba(49,213,255,.075),transparent 22%),
 radial-gradient(circle at 77% 22%,rgba(255,118,0,.065),transparent 21%),
 linear-gradient(120deg,transparent 0 57%,rgba(255,255,255,.014) 58%,transparent 59%)!important}

/* R6 surface sharpness and premium material */
html[data-ui="5"] :where(.panel,.stat,.stage1-r2-glass,.stage1-r2-systems,.stage1-r2-kpi,.stage1-r2-system-card,.agent-workbench,.agent-composer,.agent-proposal){
 border-color:var(--cs-r6-line)!important;background:var(--cs-r6-glass)!important;
 box-shadow:var(--cs-r6-shadow)!important;backdrop-filter:blur(26px) saturate(138%)!important;
 -webkit-backdrop-filter:blur(26px) saturate(138%)!important;
}
html[data-ui="5"] :where(.panel,.stage1-r2-glass,.stage1-r2-systems,.agent-workbench){position:relative;overflow:hidden}
html[data-ui="5"] :where(.panel,.stage1-r2-glass,.stage1-r2-systems,.agent-workbench)::after{
 content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
 background:linear-gradient(118deg,rgba(255,255,255,.045),transparent 18%,transparent 72%,rgba(43,218,255,.025));
 mix-blend-mode:screen;opacity:.72
}

/* R6 tactile controls */
html[data-ui="5"] .btn{font-weight:680!important;letter-spacing:.005em!important;border-radius:12px!important;transform:translateZ(0);will-change:transform;transition:transform 145ms var(--cs-ease),border-color 145ms ease,box-shadow 170ms ease,background 170ms ease!important}
html[data-ui="5"] .btn:hover:not(:disabled){transform:translateY(-1.5px)!important}
html[data-ui="5"] .btn:active:not(:disabled){transform:translateY(0) scale(.972)!important;transition-duration:70ms!important}
html[data-ui="5"] .btn.primary{background:linear-gradient(145deg,#ffba4c,#ff8b11 45%,#ed5d00)!important;border-color:rgba(255,218,166,.62)!important;color:#160b03!important;box-shadow:0 9px 24px rgba(255,105,0,.24),0 0 24px rgba(255,119,0,.17),inset 0 1px rgba(255,255,255,.42),inset 0 -1px rgba(126,43,0,.34)!important}
html[data-ui="5"] .btn.primary:hover:not(:disabled){box-shadow:0 13px 32px rgba(255,105,0,.30),0 0 32px rgba(255,128,0,.24),inset 0 1px rgba(255,255,255,.50)!important}
html[data-ui="5"] .btn.secondary{background:linear-gradient(180deg,rgba(15,48,66,.88),rgba(6,27,42,.92))!important;border-color:rgba(68,194,235,.31)!important;color:#e9f7fc!important;box-shadow:0 9px 24px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.055)!important}
html[data-ui="5"] .btn.ghost{background:rgba(8,31,45,.36)!important;border-color:rgba(83,173,210,.15)!important;color:#bcd2df!important}
html[data-ui="5"] .btn.icon{background:linear-gradient(155deg,rgba(17,48,65,.78),rgba(5,24,38,.90))!important;border-color:rgba(73,192,232,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important}
html[data-ui="5"] .btn:focus-visible{outline:0!important;box-shadow:0 0 0 3px rgba(47,218,255,.14),0 0 0 1px rgba(60,222,255,.78),0 12px 32px rgba(0,0,0,.25)!important}
html[data-ui="5"] .btn:disabled{filter:saturate(.58);opacity:.48!important;box-shadow:none!important}

/* R6 shell details */
html[data-ui="5"] .ui5-shell .sidebar{background:linear-gradient(180deg,rgba(4,17,27,.975),rgba(2,10,18,.95))!important;border-right-color:rgba(57,189,231,.23)!important;box-shadow:13px 0 46px rgba(0,0,0,.31),inset -1px 0 rgba(91,204,239,.035)!important}
html[data-ui="5"] .nav-item{border:1px solid transparent!important}
html[data-ui="5"] .nav-item:hover{background:linear-gradient(90deg,rgba(20,57,76,.76),rgba(8,32,47,.48))!important;border-color:rgba(64,191,231,.14)!important}
html[data-ui="5"] .nav-item.active{background:linear-gradient(90deg,rgba(255,143,19,.22),rgba(255,111,0,.065) 74%,transparent)!important;border-color:rgba(255,155,52,.30)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 0 26px rgba(255,105,0,.075)!important}
html[data-ui="5"] .topbar{background:linear-gradient(180deg,rgba(5,19,31,.94),rgba(3,14,24,.86))!important;border-bottom-color:rgba(62,190,231,.22)!important;box-shadow:0 11px 38px rgba(0,0,0,.24),inset 0 -1px rgba(255,255,255,.018)!important}
html[data-ui="5"] .cs-system-switcher-trigger{border-color:rgba(67,193,233,.27)!important;background:linear-gradient(150deg,rgba(16,47,64,.92),rgba(5,23,37,.94))!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 9px 28px rgba(0,0,0,.24)!important}
html[data-ui="5"] .cs-command-dock{border-color:rgba(68,205,246,.35)!important;background:linear-gradient(155deg,rgba(7,28,43,.96),rgba(3,15,26,.97))!important;box-shadow:0 18px 52px rgba(0,0,0,.48),0 0 31px rgba(25,205,247,.055),inset 0 1px rgba(255,255,255,.055)!important}

/* R6 dashboard refinement */
html[data-ui="5"] .stage1-r6-home .stage1-r2-hero{border-color:rgba(57,207,250,.48)!important;box-shadow:0 30px 88px rgba(0,0,0,.46),0 0 46px rgba(25,199,242,.055),inset 0 1px rgba(255,255,255,.065)!important}
html[data-ui="5"] .stage1-r6-home .stage1-r2-system-card{background:linear-gradient(160deg,rgba(15,47,65,.92),rgba(4,24,38,.92))!important;border-color:rgba(69,188,230,.22)!important;box-shadow:0 10px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .stage1-r6-home .stage1-r2-system-card:hover{border-color:rgba(255,157,48,.50)!important;box-shadow:0 20px 46px rgba(0,0,0,.34),0 0 29px rgba(255,108,0,.10),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .stage1-r6-home .stage1-r4-orb{background:radial-gradient(circle at 36% 29%,rgba(157,246,255,.95) 0 2%,rgba(42,215,255,.37) 7%,rgba(5,51,73,.87) 43%,rgba(2,20,34,.98) 72%)!important;border-color:rgba(61,223,255,.63)!important;box-shadow:0 0 30px rgba(38,214,255,.23),0 0 62px rgba(33,199,244,.09),inset 0 0 25px rgba(55,222,255,.13)!important}

/* Talking technological orb — visual states are bound to real UI state. */
html[data-ui="5"] .agent-ring{position:relative;isolation:isolate;overflow:visible!important;background:radial-gradient(circle at 34% 26%,rgba(202,252,255,.98) 0 2%,rgba(62,226,255,.45) 6%,rgba(9,71,96,.86) 39%,rgba(3,26,44,.99) 67%,#020a12 100%)!important;border:1px solid rgba(79,229,255,.72)!important;box-shadow:0 0 36px rgba(40,220,255,.23),0 0 92px rgba(24,189,238,.075),inset 0 0 30px rgba(57,221,255,.13),inset 0 -15px 28px rgba(0,4,12,.62)!important}
html[data-ui="5"] .agent-ring::before{content:"";position:absolute;inset:7%;z-index:-1;border-radius:50%;background:conic-gradient(from 90deg,rgba(35,221,255,.04),rgba(64,232,255,.60),rgba(255,145,33,.12),rgba(36,212,255,.50),rgba(35,221,255,.04));filter:blur(1px);animation:cs-r6-orb-spin 8s linear infinite}
html[data-ui="5"] .agent-ring::after{content:"";position:absolute;inset:-10%;z-index:-2;border-radius:50%;border:1px solid rgba(59,223,255,.17);box-shadow:0 0 26px rgba(37,212,255,.12)}
html[data-ui="5"] .agent-orb-core{position:absolute;inset:21%;border-radius:50%;background:radial-gradient(circle,rgba(23,195,238,.19),rgba(2,23,39,.02) 65%,transparent);box-shadow:inset 0 0 18px rgba(51,221,255,.10)}
html[data-ui="5"] .agent-ai-face{position:absolute;inset:0;display:block;z-index:3}
html[data-ui="5"] .agent-ai-face .eye{position:absolute;top:39%;width:7%;height:9%;border-radius:50%;background:#c9f9ff;box-shadow:0 0 8px #5de9ff,0 0 14px rgba(79,227,255,.62)}
html[data-ui="5"] .agent-ai-face .eye.left{left:33%}.agent-ai-face .eye.right{right:33%}
html[data-ui="5"] .agent-ai-face .smile{position:absolute;left:37%;right:37%;top:57%;height:10%;border-bottom:2px solid #baf7ff;border-radius:0 0 18px 18px;filter:drop-shadow(0 0 5px #46ddff)}
html[data-ui="5"] .agent-ring.is-thinking .agent-ai-face .eye{height:3%;top:42%;border-radius:99px;animation:cs-r6-eye 1.15s ease-in-out infinite}
html[data-ui="5"] .agent-ring.is-speaking .agent-ai-face .smile{left:43%;right:43%;top:56%;height:13%;border:2px solid #baf7ff;border-top-width:1px;border-radius:50%;animation:cs-r6-mouth .34s ease-in-out infinite alternate}
html[data-ui="5"] .agent-ring.is-ready{box-shadow:0 0 26px rgba(40,220,255,.18),inset 0 0 22px rgba(57,221,255,.11)!important}
html[data-ui="5"] .agent-orb-wave{position:absolute;inset:-13%;border-radius:50%;border:1px solid rgba(52,222,255,.22);opacity:0;pointer-events:none}
html[data-ui="5"] .agent-ring.is-thinking .agent-orb-wave,html[data-ui="5"] .agent-ring.is-speaking .agent-orb-wave{animation:cs-r6-wave 1.55s ease-out infinite}.agent-ring.is-speaking .agent-orb-wave{border-color:rgba(255,157,46,.26)}
html[data-ui="5"] .agent-orb-wave.two{animation-delay:.72s!important}
html[data-ui="5"] .agent-orb-caption{display:inline-flex;align-items:center;justify-content:center;margin-top:9px;padding:5px 9px;border-radius:99px;border:1px solid rgba(69,201,239,.17);background:rgba(5,25,38,.62);font-size:9px;color:#9bddee;letter-spacing:.02em}
@keyframes cs-r6-orb-spin{to{transform:rotate(360deg)}}
@keyframes cs-r6-wave{0%{opacity:.58;transform:scale(.83)}100%{opacity:0;transform:scale(1.32)}}
@keyframes cs-r6-eye{50%{transform:scaleX(.65);opacity:.65}}
@keyframes cs-r6-mouth{from{transform:scaleY(.62)}to{transform:scaleY(1.28)}}

/* Thin live execution terminal */
html[data-ui="5"] .agent-execution-terminal{margin-top:9px;min-height:34px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 9px;border:1px solid rgba(59,205,246,.23);border-radius:10px;background:linear-gradient(180deg,rgba(2,17,29,.89),rgba(2,12,22,.95));box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 22px rgba(0,0,0,.18);overflow:hidden}
html[data-ui="5"] .agent-terminal-led{width:7px;height:7px;border-radius:50%;background:#38e9c6;box-shadow:0 0 9px rgba(56,233,198,.68);animation:cs-r6-led 1.1s ease-in-out infinite}
html[data-ui="5"] .agent-execution-terminal code{font-size:9px;color:#6fdef5;border:0;background:transparent;padding:0;letter-spacing:.10em}.agent-terminal-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9d0dc;font-size:10.5px}.agent-terminal-pulse{display:flex;gap:2px;align-items:end;height:13px}.agent-terminal-pulse i{width:2px;background:#48dff8;border-radius:2px;animation:cs-r6-bars .75s ease-in-out infinite alternate}.agent-terminal-pulse i:nth-child(1){height:5px}.agent-terminal-pulse i:nth-child(2){height:11px;animation-delay:.15s}.agent-terminal-pulse i:nth-child(3){height:7px;animation-delay:.3s}
@keyframes cs-r6-led{50%{opacity:.38;box-shadow:0 0 3px rgba(56,233,198,.25)}}@keyframes cs-r6-bars{to{height:3px;opacity:.42}}
html[data-ui="5"] .agent-speak[aria-pressed="true"]{border-color:rgba(255,156,46,.38)!important;color:#ffc170!important;background:rgba(255,123,0,.09)!important}

/* R6 mobile — sharp professional hierarchy */
@media(max-width:899px){
 html[data-ui="5"]{--cs-topbar:58px}
 html[data-ui="5"] .workspace-main{padding-inline:9px!important}
 html[data-ui="5"] .topbar{height:58px!important;min-height:58px!important;padding-inline:9px!important;background:linear-gradient(180deg,rgba(2,13,23,.995),rgba(4,18,30,.97))!important;box-shadow:0 12px 32px rgba(0,0,0,.32)!important}
 html[data-ui="5"] .cs-mobile-brand{gap:7px!important}.cs-mobile-brand img{width:27px!important;height:31px!important;filter:drop-shadow(0 0 13px rgba(255,117,0,.54))!important}.cs-mobile-brand strong{font-size:10px!important;letter-spacing:.12em!important}
 html[data-ui="5"] .topbar-left>button.mobile-only{width:40px!important;height:40px!important;border-radius:13px!important;background:linear-gradient(155deg,rgba(15,45,61,.83),rgba(4,23,37,.90))!important;border-color:rgba(69,198,237,.24)!important}
 html[data-ui="5"] .stage1-r6-home .stage1-r2-hero{min-height:224px!important;border-radius:19px!important;padding:14px 14px 13px!important;background:linear-gradient(180deg,rgba(2,8,14,.04),rgba(3,13,22,.28) 29%,rgba(3,13,22,.89) 65%,rgba(2,9,17,.995)),url('/brand/globe-hero-r2.webp') 64% top/auto 160px no-repeat!important}
 html[data-ui="5"] .stage1-r6-home .stage1-r2-hero-copy{padding-top:68px!important}
 html[data-ui="5"] .stage1-r6-home .stage1-r2-hero h1{font-size:29px!important;line-height:1.03!important;letter-spacing:-.045em!important}.stage1-r6-home .stage1-r2-hero p{font-size:12px!important;line-height:1.58!important;color:#b7cbd7!important}
 html[data-ui="5"] .stage1-r6-home .stage1-r2-ask{height:45px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(9,36,53,.94),rgba(4,21,34,.97))!important;box-shadow:0 12px 32px rgba(0,0,0,.29),0 0 19px rgba(38,210,249,.055)!important}
 html[data-ui="5"] .stage1-r6-home .stage1-r2-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.stage1-r6-home .stage1-r2-system-card{min-height:82px!important;border-radius:14px!important;padding:8px 4px!important}.stage1-r6-home .stage1-r2-system-icon{width:34px!important;height:34px!important;border-radius:11px!important}.stage1-r6-home .stage1-r2-system-card strong{font-size:9.5px!important;letter-spacing:-.01em}
 html[data-ui="5"] .stage1-r6-home .stage1-r2-kpis{gap:7px!important}.stage1-r6-home .stage1-r2-kpi{min-height:78px!important;border-radius:14px!important;padding:8px!important}.stage1-r6-home .stage1-r2-kpi strong{font-size:18px!important}.stage1-r6-home .stage1-r2-kpi span:not(.stage1-r2-kpi-icon){font-size:10px!important}
 html[data-ui="5"] .mobile-workspace-nav{height:64px!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(4,18,29,.98),rgba(1,8,15,1))!important;border-top-color:rgba(62,197,238,.18)!important}.mobile-workspace-nav a,.mobile-workspace-nav button{border-radius:13px!important}
 html[data-ui="5"] .cs-command-dock{bottom:calc(66px + env(safe-area-inset-bottom))!important;border-radius:20px!important;border-color:rgba(64,210,249,.34)!important;box-shadow:0 18px 50px rgba(0,0,0,.48),0 0 25px rgba(38,206,246,.055)!important}
}

/* Code AI mobile focus mode — single conversation surface + speaking orb. */
@media(max-width:680px){
 html[data-ui="5"] .route-agent .workspace-main{padding:0!important;background:radial-gradient(360px 250px at 50% 4%,rgba(26,199,243,.09),transparent 66%),radial-gradient(330px 260px at 86% 76%,rgba(255,114,0,.045),transparent 68%),linear-gradient(180deg,#020c15,#020812 70%,#01070d)!important}
 html[data-ui="5"] .route-agent .agent-screen{padding-bottom:0!important}.route-agent .agent-masthead{padding:9px 12px 6px!important;min-height:52px}.route-agent .agent-masthead>div:first-child{display:none!important}.route-agent .agent-masthead .agent-context-tag{margin:0!important;min-width:0!important;border-radius:13px!important;background:rgba(7,29,43,.65)!important;border-color:rgba(64,189,229,.17)!important}.route-agent .agent-tabs{display:none!important}
 html[data-ui="5"] .route-agent .agent-workbench{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;min-height:calc(100dvh - 58px)!important}.route-agent .agent-conversation{background:transparent!important}.route-agent .agent-conversation-top{height:53px!important;min-height:53px!important;padding:7px 10px!important;border-bottom:1px solid rgba(66,185,225,.12)!important;background:rgba(3,17,28,.72)!important;backdrop-filter:blur(16px)!important}.route-agent .agent-conversation-top strong{font-size:12.5px!important}.route-agent .agent-conversation-top small{font-size:9.5px!important;color:#7793a5!important}
 html[data-ui="5"] .route-agent .agent-conversation-log{padding:0 12px 12px!important}.route-agent .agent-welcome{padding:40px 13px 14px!important;max-width:370px!important}.route-agent .agent-orbit{height:auto!important;min-height:94px!important;margin-bottom:10px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.route-agent .agent-welcome .agent-ring{width:82px!important;height:82px!important}.route-agent .agent-orb-caption{font-size:9px!important;margin-top:10px!important}
 html[data-ui="5"] .route-agent .agent-welcome h2{font-size:27px!important}.route-agent .agent-welcome>p{font-size:13px!important;line-height:1.72!important;max-width:330px;margin-inline:auto!important}.route-agent .agent-suggestions{max-width:352px!important;gap:8px!important}.route-agent .agent-suggestions button{min-height:52px!important;border-radius:15px!important;background:linear-gradient(160deg,rgba(13,43,59,.80),rgba(4,24,38,.88))!important;border-color:rgba(69,188,229,.20)!important;padding:10px 12px!important}
 html[data-ui="5"] .route-agent .agent-user-message{max-width:89%!important;border-radius:18px 18px 6px 18px!important;background:linear-gradient(155deg,rgba(25,65,86,.84),rgba(10,40,58,.86))!important;border:1px solid rgba(69,195,235,.21)!important;box-shadow:0 10px 25px rgba(0,0,0,.16)!important}
 html[data-ui="5"] .route-agent .agent-answer{font-size:15.5px!important;line-height:1.88!important;color:#e8f2f7!important}.route-agent .agent-answer-meta{gap:8px!important}.route-agent .agent-answer-meta .agent-ring.small{width:27px!important;height:27px!important;flex:0 0 27px!important}
 html[data-ui="5"] .route-agent .agent-working{border-radius:16px!important;background:linear-gradient(155deg,rgba(7,29,43,.86),rgba(3,17,29,.90))!important;border:1px solid rgba(63,197,238,.18)!important;padding:10px!important}.route-agent .agent-working .agent-ring.small{width:33px!important;height:33px!important}
 html[data-ui="5"] .route-agent .agent-execution-terminal{grid-template-columns:auto auto minmax(0,1fr) auto!important;width:100%!important;margin-top:7px!important}
 html[data-ui="5"] .route-agent .agent-composer-wrap{position:sticky!important;bottom:0!important;z-index:25;padding:7px 8px calc(8px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(1,7,13,0),rgba(1,8,14,.94) 21%,#01070d 100%)!important}.route-agent .agent-composer{border-radius:22px!important;border:1px solid rgba(62,211,250,.43)!important;border-bottom-color:rgba(255,145,27,.69)!important;background:linear-gradient(180deg,rgba(9,34,50,.99),rgba(3,19,31,.995))!important;box-shadow:0 19px 58px rgba(0,0,0,.54),0 0 22px rgba(29,207,247,.055),0 0 19px rgba(255,105,0,.045),inset 0 1px rgba(255,255,255,.055)!important;padding:8px 8px 6px!important}.route-agent .agent-composer textarea{font-size:16px!important;line-height:1.55!important;min-height:43px!important;padding:7px 9px!important}.route-agent .agent-mode-picks select{min-height:36px!important;border-radius:10px!important;background:rgba(6,27,40,.84)!important}.route-agent .agent-send.btn{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;background:linear-gradient(145deg,#ffc05c,#ff8c13 48%,#f45a00)!important;box-shadow:0 0 28px rgba(255,107,0,.38),0 8px 22px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.42)!important}.route-agent .agent-compose-footer>span{font-size:9.5px!important;color:#718a9b!important}
 html[data-ui="5"] .route-agent .mobile-workspace-nav,html[data-ui="5"] .route-agent .cs-command-dock{display:none!important}
}

@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] .agent-ring::before,html[data-ui="5"] .agent-orb-wave,html[data-ui="5"] .agent-ai-face .smile,html[data-ui="5"] .agent-ai-face .eye,html[data-ui="5"] .agent-terminal-led,html[data-ui="5"] .agent-terminal-pulse i{animation:none!important}
}
html[data-ui="5"] .agent-ring.is-idle{filter:saturate(1.02)}
/* R6 orb face specificity fix against legacy ring <i> rules */
html[data-ui="5"] .agent-ring .agent-ai-face .eye{inset:auto!important;border:0!important}
html[data-ui="5"] .agent-ring .agent-ai-face .smile{inset:auto!important;border-top:0;border-inline:0!important}
html[data-ui="5"] .agent-ring.is-speaking .agent-ai-face .smile{border:2px solid #baf7ff!important;border-top-width:1px!important}
html[data-ui="5"] .agent-ring .agent-ring-glow{border:0!important;inset:-18px!important}
html[data-ui="5"] .agent-welcome .agent-ring .agent-ai-face .eye{transform:none!important;width:7px!important;height:10px!important;top:35%!important;background:#e5fdff!important;box-shadow:0 0 7px #72edff,0 0 16px rgba(84,229,255,.95)!important}
html[data-ui="5"] .agent-welcome .agent-ring .agent-ai-face .eye.left{left:29%!important}.agent-welcome .agent-ring .agent-ai-face .eye.right{right:29%!important}
html[data-ui="5"] .agent-welcome .agent-ring .agent-ai-face .smile{transform:none!important;left:31%!important;right:31%!important;top:57%!important;height:11px!important;border-bottom:2px solid #dcfbff!important;filter:drop-shadow(0 0 5px #54dfff)!important}
/* R6 final fit pass */
html[data-ui="5"] .sidebar-brand .brand{min-width:0!important;gap:9px!important}
html[data-ui="5"] .sidebar-brand .brand span{min-width:0!important;max-width:142px!important;overflow:hidden!important}
html[data-ui="5"] .sidebar-brand .brand strong{font-size:12px!important;letter-spacing:.065em!important;white-space:nowrap!important}
html[data-ui="5"] .sidebar-brand .brand small{font-size:6px!important;letter-spacing:.12em!important;white-space:nowrap!important}
html[data-ui="5"] .workspace-main{padding-bottom:88px!important}
@media(max-width:899px){html[data-ui="5"] .workspace-main{padding-bottom:148px!important}}
@media(max-width:680px){html[data-ui="5"] .route-agent .workspace-main{padding-bottom:0!important}}

/* =====================================================================
 * Code Systems Design Master — Stage 1 R7 Premium Refinement
 * Precision glass, calmer hierarchy, tactile controls and holographic orb.
 * Presentation only; server authority and approval rules remain unchanged.
 * ===================================================================== */
html[data-ui="5"]{
 --cs-r7-surface:linear-gradient(148deg,rgba(12,35,51,.92),rgba(4,18,30,.88) 54%,rgba(3,12,22,.96));
 --cs-r7-surface-soft:linear-gradient(150deg,rgba(17,47,65,.76),rgba(5,23,36,.82));
 --cs-r7-edge:rgba(104,210,244,.25);--cs-r7-edge-hot:rgba(255,160,57,.42);
 --cs-r7-cyan:#46e5ff;--cs-r7-orange:#ff941d;--cs-r7-ink:#f8fbfd;
 --cs-r7-shadow:0 24px 74px rgba(0,0,0,.50),0 7px 24px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.055);
}
html[data-ui="5"] .ui5-shell{background:
 radial-gradient(860px 500px at 88% 2%,rgba(34,179,232,.14),transparent 63%),
 radial-gradient(680px 430px at 4% 98%,rgba(255,112,0,.12),transparent 66%),
 linear-gradient(145deg,#01070d 0%,#04111d 47%,#03101b 100%)!important}
html[data-ui="5"] .ui5-shell::before{opacity:.95!important;background:
 radial-gradient(circle at 76% 15%,rgba(62,224,255,.065),transparent 20%),
 radial-gradient(circle at 81% 22%,rgba(255,126,19,.055),transparent 19%),
 linear-gradient(118deg,transparent 0 56%,rgba(255,255,255,.012) 57%,transparent 58%)!important}

/* R7 glass material and subtle specular edge */
html[data-ui="5"] :where(.stage1-r2-kpi,.stage1-r2-system-card,.stage1-r2-glass,.stage1-r2-systems,.panel,.agent-working,.agent-proposal,.agent-composer){
 background:var(--cs-r7-surface)!important;border-color:var(--cs-r7-edge)!important;
 box-shadow:var(--cs-r7-shadow)!important;backdrop-filter:blur(28px) saturate(145%)!important;-webkit-backdrop-filter:blur(28px) saturate(145%)!important
}
html[data-ui="5"] :where(.stage1-r2-kpi,.stage1-r2-system-card,.stage1-r2-glass,.panel){position:relative;isolation:isolate}
html[data-ui="5"] :where(.stage1-r2-kpi,.stage1-r2-system-card,.stage1-r2-glass,.panel)::before{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
 background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 17%,transparent 72%,rgba(66,219,255,.026));opacity:.78
}

/* R7 desktop chrome — quieter, sharper and less admin-like */
html[data-ui="5"] .sidebar{background:linear-gradient(180deg,rgba(3,13,22,.97),rgba(2,10,18,.94))!important;border-right-color:rgba(81,182,222,.18)!important;box-shadow:18px 0 58px rgba(0,0,0,.25),inset -1px 0 rgba(255,255,255,.018)!important}
html[data-ui="5"] .sidebar-search{background:linear-gradient(180deg,rgba(14,41,57,.78),rgba(5,24,38,.84))!important;border-color:rgba(80,190,228,.19)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
html[data-ui="5"] .nav-item{border:1px solid transparent!important}
html[data-ui="5"] .nav-item:hover{background:linear-gradient(90deg,rgba(21,55,72,.73),rgba(9,31,45,.54))!important;border-color:rgba(77,188,226,.12)!important;transform:translateX(2px)!important}
html[data-ui="5"] .nav-item.active{background:linear-gradient(90deg,rgba(255,132,15,.20),rgba(255,105,0,.055) 64%,transparent)!important;border-color:rgba(255,157,50,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 22px rgba(255,112,0,.06)!important}
html[data-ui="5"] .topbar{background:linear-gradient(180deg,rgba(3,13,22,.90),rgba(3,15,25,.82))!important;border-bottom-color:rgba(80,181,220,.17)!important;box-shadow:0 12px 38px rgba(0,0,0,.17)!important}
html[data-ui="5"] .topbar .btn{border-color:rgba(80,181,220,.17)!important;background:linear-gradient(155deg,rgba(13,40,55,.66),rgba(4,23,36,.78))!important}
html[data-ui="5"] .topbar .btn:hover:not(:disabled){border-color:rgba(71,214,252,.31)!important;background:linear-gradient(155deg,rgba(18,51,68,.80),rgba(7,29,43,.89))!important}

/* R7 buttons — clear hierarchy and controlled light response */
html[data-ui="5"] .btn{overflow:hidden!important;position:relative!important}
html[data-ui="5"] .btn::after{content:"";position:absolute;inset:-45% auto -45% -36%;width:30%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);opacity:0;transition:left 300ms var(--cs-ease),opacity 180ms ease}
html[data-ui="5"] .btn:hover:not(:disabled)::after{left:108%;opacity:.54}
html[data-ui="5"] .btn.primary{background:linear-gradient(145deg,#ffc562 0%,#ff991f 37%,#ff7606 70%,#e84b00 100%)!important;border-color:rgba(255,219,171,.70)!important;color:#180b02!important;box-shadow:0 10px 27px rgba(255,105,0,.28),0 0 28px rgba(255,125,0,.16),inset 0 1px rgba(255,255,255,.52),inset 0 -1px rgba(123,38,0,.30)!important}
html[data-ui="5"] .btn.primary:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(255,104,0,.34),0 0 38px rgba(255,134,15,.23),inset 0 1px rgba(255,255,255,.58)!important}
html[data-ui="5"] .btn.secondary{background:linear-gradient(155deg,rgba(18,54,72,.91),rgba(5,28,42,.94))!important;border-color:rgba(86,208,246,.28)!important;color:#edf9fc!important}
html[data-ui="5"] .btn.ghost{background:rgba(8,29,43,.34)!important;border-color:rgba(96,187,222,.13)!important;color:#c6d9e4!important}
html[data-ui="5"] .btn.icon{border-radius:12px!important}

/* R7 system switcher and command dock */
html[data-ui="5"] .cs-system-switcher-trigger{background:linear-gradient(155deg,rgba(16,47,64,.79),rgba(5,25,39,.88))!important;border-color:rgba(78,199,237,.23)!important;box-shadow:0 8px 22px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .cs-system-switcher-trigger:hover{border-color:rgba(70,224,255,.42)!important;box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 19px rgba(54,212,248,.07)!important}
html[data-ui="5"] .cs-system-switcher-panel{background:linear-gradient(155deg,rgba(7,27,40,.985),rgba(2,14,24,.995))!important;border-color:rgba(74,203,242,.30)!important;box-shadow:0 30px 90px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .cs-command-dock{background:linear-gradient(155deg,rgba(7,28,41,.95),rgba(2,15,25,.98))!important;border-color:rgba(75,208,248,.28)!important;box-shadow:0 22px 66px rgba(0,0,0,.47),0 0 28px rgba(44,207,246,.06),inset 0 1px rgba(255,255,255,.045)!important}
html[data-ui="5"] .cs-command-dock:focus-within{border-color:rgba(68,225,255,.48)!important;box-shadow:0 22px 70px rgba(0,0,0,.49),0 0 0 3px rgba(67,217,252,.05),0 0 30px rgba(255,120,0,.05)!important}
html[data-ui="5"] .cs-command-ai{background:linear-gradient(145deg,rgba(255,147,29,.18),rgba(255,91,0,.08))!important;border-color:rgba(255,160,58,.27)!important}

/* R7 home refinement */
html[data-ui="5"] .stage1-r7-home .stage1-r2-hero{border-color:rgba(80,211,249,.33)!important;box-shadow:0 26px 78px rgba(0,0,0,.44),0 0 36px rgba(35,201,245,.06),inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .stage1-r7-home .stage1-r2-hero h1{font-weight:900!important;letter-spacing:-.048em!important;text-shadow:0 3px 24px rgba(0,0,0,.36)}
html[data-ui="5"] .stage1-r7-home .stage1-r2-hero h1 span{background:linear-gradient(180deg,#ffc45f,#ff8b11 65%,#ff6200);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 13px rgba(255,119,0,.16))}
html[data-ui="5"] .stage1-r7-home .stage1-r2-ask{border-color:rgba(69,214,252,.34)!important;background:linear-gradient(180deg,rgba(9,39,57,.94),rgba(3,22,35,.98))!important;box-shadow:0 13px 36px rgba(0,0,0,.27),0 0 24px rgba(47,208,246,.055),inset 0 1px rgba(255,255,255,.045)!important}
html[data-ui="5"] .stage1-r7-home .stage1-r2-ask:hover{border-color:rgba(74,226,255,.50)!important;box-shadow:0 15px 42px rgba(0,0,0,.30),0 0 30px rgba(38,207,248,.10)!important}
html[data-ui="5"] .stage1-r7-home .stage1-r2-system-card:hover{transform:translateY(-4px)!important;border-color:rgba(71,221,255,.37)!important;box-shadow:0 18px 45px rgba(0,0,0,.34),0 0 24px rgba(43,210,250,.065),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .stage1-r7-home .stage1-r2-kpi:hover{transform:translateY(-3px)!important;border-color:rgba(82,211,247,.33)!important}

/* R7 holographic talking orb */
html[data-ui="5"] .agent-ring{background:radial-gradient(circle at 34% 25%,rgba(233,254,255,.98) 0 1.5%,rgba(85,235,255,.43) 5%,rgba(11,87,113,.82) 31%,rgba(3,37,57,.98) 62%,#010812 100%)!important;border-color:rgba(92,234,255,.78)!important;box-shadow:0 0 42px rgba(54,224,255,.25),0 0 110px rgba(24,191,237,.09),inset 0 0 34px rgba(70,230,255,.15),inset 0 -18px 30px rgba(0,5,14,.72)!important}
html[data-ui="5"] .agent-orb-shell{position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(111,240,255,.20);box-shadow:inset 0 0 18px rgba(64,224,255,.08);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.08),transparent 34%),linear-gradient(145deg,rgba(66,227,255,.035),rgba(255,140,31,.015));z-index:1}
html[data-ui="5"] .agent-orb-grid{position:absolute;inset:16%;border-radius:50%;opacity:.32;background:repeating-radial-gradient(circle,transparent 0 8px,rgba(83,226,255,.10) 9px,transparent 10px),repeating-linear-gradient(90deg,transparent 0 12px,rgba(84,224,255,.055) 13px,transparent 14px);mask-image:radial-gradient(circle,#000 35%,transparent 76%);z-index:1}
html[data-ui="5"] .agent-orb-arc{position:absolute;border-radius:50%;pointer-events:none;z-index:2;border-style:solid;opacity:.72}
html[data-ui="5"] .agent-orb-arc.arc-a{inset:-8%;border-width:1px;border-color:rgba(81,230,255,.32) transparent rgba(255,159,58,.22) transparent;animation:cs-r7-orb-arc-a 7.8s linear infinite}
html[data-ui="5"] .agent-orb-arc.arc-b{inset:-18%;border-width:1px;border-color:transparent rgba(72,209,249,.18) transparent rgba(72,209,249,.28);animation:cs-r7-orb-arc-b 11s linear infinite reverse}
html[data-ui="5"] .agent-orb-arc.arc-c{inset:4%;border-width:1px;border-color:rgba(255,169,72,.18) transparent transparent rgba(74,231,255,.21);animation:cs-r7-orb-arc-b 5.8s linear infinite}
html[data-ui="5"] .agent-orb-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#9ef6ff;box-shadow:0 0 8px #50ddff;z-index:5;opacity:.72}
html[data-ui="5"] .agent-orb-particle.p1{top:9%;left:26%;animation:cs-r7-particle 2.8s ease-in-out infinite}.agent-orb-particle.p2{top:34%;right:4%;animation:cs-r7-particle 3.3s ease-in-out .4s infinite}.agent-orb-particle.p3{bottom:9%;left:18%;animation:cs-r7-particle 3s ease-in-out .9s infinite}
html[data-ui="5"] .agent-orb-eq{position:absolute;left:31%;right:31%;bottom:19%;height:12%;display:flex;align-items:end;justify-content:center;gap:2px;opacity:0;z-index:4;transition:opacity 160ms ease}
html[data-ui="5"] .agent-orb-eq i{display:block;width:2px;height:35%;border-radius:4px;background:linear-gradient(#d9fdff,#54e5ff);box-shadow:0 0 5px rgba(78,228,255,.75)}
html[data-ui="5"] .agent-ring.is-speaking .agent-orb-eq{opacity:.92}.agent-ring.is-speaking .agent-orb-eq i{animation:cs-r7-eq .48s ease-in-out infinite alternate}.agent-ring.is-speaking .agent-orb-eq i:nth-child(2n){animation-delay:.12s}.agent-ring.is-speaking .agent-orb-eq i:nth-child(3n){animation-delay:.22s}
html[data-ui="5"] .agent-ring.is-thinking .agent-orb-arc.arc-a{animation-duration:2.7s}.agent-ring.is-thinking .agent-orb-arc.arc-b{animation-duration:4.2s}.agent-ring.is-speaking{border-color:rgba(255,176,78,.70)!important;box-shadow:0 0 42px rgba(255,128,20,.18),0 0 82px rgba(52,219,255,.09),inset 0 0 34px rgba(78,230,255,.13)!important}
html[data-ui="5"] .agent-orb-caption{background:linear-gradient(180deg,rgba(10,38,53,.78),rgba(4,23,36,.88))!important;border-color:rgba(75,213,249,.24)!important;color:#bcebf5!important;box-shadow:0 7px 18px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)!important}
@keyframes cs-r7-orb-arc-a{to{transform:rotate(360deg)}}@keyframes cs-r7-orb-arc-b{to{transform:rotate(-360deg)}}
@keyframes cs-r7-particle{0%,100%{transform:translateY(0) scale(.8);opacity:.30}50%{transform:translateY(-5px) scale(1.2);opacity:.95}}
@keyframes cs-r7-eq{from{height:28%}to{height:100%}}

/* R7 live execution terminal */
html[data-ui="5"] .agent-execution-terminal{position:relative;grid-template-columns:auto auto minmax(0,1fr) auto!important;padding-bottom:10px!important;border-color:rgba(72,216,251,.27)!important;background:linear-gradient(180deg,rgba(3,22,34,.96),rgba(1,12,21,.99))!important}
html[data-ui="5"] .agent-terminal-track{position:absolute;left:9px;right:9px;bottom:4px;height:2px;border-radius:99px;background:rgba(75,191,226,.10);overflow:hidden}.agent-terminal-track i{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#44ddff,#ff9c35,transparent);animation:cs-r7-terminal-track 1.65s ease-in-out infinite}
@keyframes cs-r7-terminal-track{from{transform:translateX(-115%)}to{transform:translateX(310%)}}

/* R7 mobile shell and information hierarchy */
@media(max-width:899px){
 html[data-ui="5"] .topbar{background:linear-gradient(180deg,rgba(1,10,18,.998),rgba(3,17,28,.985))!important;border-bottom-color:rgba(74,198,238,.19)!important}
 html[data-ui="5"] .cs-mobile-brand img{filter:drop-shadow(0 0 14px rgba(255,121,0,.62))!important}.cs-mobile-brand strong{font-size:10px!important;letter-spacing:.14em!important}
 html[data-ui="5"] .stage1-r7-home .stage1-r2-hero{min-height:214px!important;border-radius:21px!important;padding:13px 13px 12px!important;background:linear-gradient(180deg,rgba(2,8,14,.02),rgba(2,11,19,.22) 27%,rgba(2,12,21,.91) 65%,rgba(1,8,15,.998)),url('/brand/globe-hero-r2.webp') 62% top/auto 158px no-repeat!important;border-color:rgba(68,217,255,.38)!important}
 html[data-ui="5"] .stage1-r7-home .stage1-r2-hero-copy{padding-top:64px!important}.stage1-r7-home .stage1-r2-hero h1{font-size:28px!important;line-height:1.05!important}.stage1-r7-home .stage1-r2-hero p{font-size:12px!important;max-width:310px!important}
 html[data-ui="5"] .stage1-r7-home .stage1-r2-ask{height:46px!important;border-radius:16px!important}.stage1-r7-home .stage1-r2-quick{gap:5px!important;margin-top:7px!important}.stage1-r7-home .stage1-r2-quick a{min-height:31px!important;padding:5px 8px!important;font-size:9.5px!important;border-radius:10px!important}
 html[data-ui="5"] .stage1-r7-home .stage1-r2-kpis{gap:7px!important}.stage1-r7-home .stage1-r2-kpi{min-height:76px!important;border-radius:15px!important;padding:8px 7px!important}.stage1-r7-home .stage1-r2-kpi strong{font-size:18px!important}.stage1-r7-home .stage1-r2-kpi small{font-size:8px!important;line-height:1.35!important}
 html[data-ui="5"] .stage1-r7-home .stage1-r2-systems{border-radius:19px!important;padding:13px 10px!important}.stage1-r7-home .stage1-r2-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.stage1-r7-home .stage1-r2-system-card{min-height:83px!important;border-radius:15px!important;padding:8px 4px 7px!important}.stage1-r7-home .stage1-r2-system-icon{width:35px!important;height:35px!important;border-radius:12px!important}.stage1-r7-home .stage1-r2-system-card strong{font-size:9.5px!important}.stage1-r7-home .stage1-r2-system-card small{font-size:7px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 html[data-ui="5"] .mobile-workspace-nav{height:62px!important;border-radius:18px 18px 0 0!important;margin-inline:5px!important;background:linear-gradient(180deg,rgba(5,22,34,.985),rgba(1,9,16,.999))!important;border:1px solid rgba(72,188,226,.15)!important;border-bottom:0!important;box-shadow:0 -16px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025)!important}.mobile-workspace-nav [aria-current="page"]{background:linear-gradient(180deg,rgba(255,146,27,.15),rgba(255,104,0,.035))!important;border-color:rgba(255,157,47,.18)!important;box-shadow:0 0 18px rgba(255,108,0,.055)!important}
 html[data-ui="5"] .cs-command-dock{left:8px!important;right:8px!important;height:55px!important;min-height:55px!important;border-radius:21px!important;bottom:calc(64px + env(safe-area-inset-bottom))!important}.cs-command-dock-main{height:43px!important;border-radius:15px!important}
}

/* R7 Code AI mobile — calmer OpenAI-level chat, more expressive orb */
@media(max-width:680px){
 html[data-ui="5"] .route-agent .agent-conversation-top{height:50px!important;min-height:50px!important;background:linear-gradient(180deg,rgba(2,13,22,.88),rgba(2,13,22,.62))!important;backdrop-filter:blur(22px)!important}
 html[data-ui="5"] .route-agent .agent-conversation-top strong{font-size:13px!important;letter-spacing:.005em!important}.route-agent .agent-conversation-top small{font-size:9px!important}
 html[data-ui="5"] .route-agent .agent-welcome{padding:30px 14px 14px!important;max-width:382px!important}.route-agent .agent-orbit{min-height:126px!important;margin-bottom:8px!important}.route-agent .agent-welcome .agent-ring{width:102px!important;height:102px!important}.route-agent .agent-orb-caption{font-size:9px!important;margin-top:11px!important;padding:5px 10px!important}
 html[data-ui="5"] .route-agent .agent-section-kicker{font-size:8px!important;letter-spacing:.13em!important;color:#7bdcef!important}.route-agent .agent-welcome h2{font-size:29px!important;line-height:1.08!important;margin-top:7px!important}.route-agent .agent-welcome>p{font-size:12.8px!important;line-height:1.72!important;color:#9eb5c4!important;max-width:335px!important}
 html[data-ui="5"] .route-agent .agent-suggestions{max-width:360px!important;gap:7px!important;margin-top:12px!important}.route-agent .agent-suggestions button{min-height:48px!important;border-radius:16px!important;padding:9px 11px!important;background:linear-gradient(155deg,rgba(11,38,53,.77),rgba(4,23,37,.90))!important;border-color:rgba(74,196,235,.19)!important;box-shadow:0 9px 22px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.03)!important}.route-agent .agent-suggestions button:active{transform:scale(.985)!important}.route-agent .agent-suggestions button span{font-size:11.5px!important;line-height:1.45!important}
 html[data-ui="5"] .route-agent .agent-trust-row{margin-top:10px!important;gap:8px!important}.route-agent .agent-trust-row span{font-size:8.5px!important;padding:4px 7px!important;border-radius:9px!important;background:rgba(7,28,42,.45)!important;border:1px solid rgba(72,179,216,.10)!important}
 html[data-ui="5"] .route-agent .agent-user-message{max-width:88%!important;border-radius:19px 19px 7px 19px!important;padding:11px 13px!important;background:linear-gradient(155deg,rgba(22,62,82,.84),rgba(7,36,53,.90))!important}
 html[data-ui="5"] .route-agent .agent-answer{font-size:15px!important;line-height:1.87!important}.route-agent .agent-answer-tools{gap:6px!important}.route-agent .agent-answer-tools .btn{min-height:34px!important;padding:6px 8px!important;font-size:9.5px!important}
 html[data-ui="5"] .route-agent .agent-working{border-radius:17px!important;padding:10px 11px!important}.route-agent .agent-execution-terminal{border-radius:11px!important;margin-top:8px!important}
 html[data-ui="5"] .route-agent .agent-composer-wrap{padding:7px 7px calc(8px + env(safe-area-inset-bottom))!important}.route-agent .agent-composer{border-radius:24px!important;padding:7px 7px 6px!important;border-color:rgba(75,218,255,.43)!important;border-bottom-color:rgba(255,151,39,.68)!important;background:linear-gradient(180deg,rgba(8,31,46,.995),rgba(3,18,30,.999))!important;box-shadow:0 20px 60px rgba(0,0,0,.56),0 0 22px rgba(44,213,253,.055),0 0 20px rgba(255,112,0,.045),inset 0 1px rgba(255,255,255,.055)!important}.route-agent .agent-composer textarea{min-height:42px!important;padding:7px 8px!important;font-size:15.5px!important}.route-agent .agent-mode-picks select{min-height:34px!important;font-size:9px!important}.route-agent .agent-send.btn{width:46px!important;height:46px!important;min-width:46px!important;box-shadow:0 0 29px rgba(255,111,0,.42),0 9px 24px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.44)!important}.route-agent .agent-compose-footer>span{font-size:8.8px!important}
}

@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] .agent-orb-arc,html[data-ui="5"] .agent-orb-particle,html[data-ui="5"] .agent-orb-eq i,html[data-ui="5"] .agent-terminal-track i{animation:none!important}
 html[data-ui="5"] .btn::after{display:none!important}
}

/* R7 final precision pass */
html[data-ui="5"] .agent-orb-caption{white-space:nowrap!important;max-width:none!important;min-width:92px!important;line-height:1!important}
html[data-ui="5"] .stage1-r4-orb{position:relative!important;isolation:isolate!important;overflow:visible!important;background:radial-gradient(circle at 36% 28%,rgba(227,253,255,.95) 0 2%,rgba(67,225,255,.31) 7%,rgba(8,67,91,.85) 42%,rgba(2,24,39,.98) 72%,#010912 100%)!important;border-color:rgba(78,223,255,.58)!important;box-shadow:0 0 28px rgba(43,216,255,.18),inset 0 0 22px rgba(60,222,255,.11)!important}
html[data-ui="5"] .stage1-r4-orb::before{content:"";position:absolute;inset:-10%;border-radius:50%;border:1px solid rgba(70,220,255,.19);border-inline-color:rgba(255,156,52,.18);animation:cs-r7-orb-arc-a 8s linear infinite;pointer-events:none}
html[data-ui="5"] .stage1-r4-orb::after{content:"";position:absolute;inset:-20%;border-radius:50%;border:1px solid rgba(69,198,235,.10);border-block-color:transparent;animation:cs-r7-orb-arc-b 12s linear infinite;pointer-events:none}
@media(max-width:680px){
 html[data-ui="5"] .route-agent .agent-orb-caption{min-width:108px!important;padding-inline:11px!important}
 html[data-ui="5"] .route-agent .agent-welcome .agent-ring{margin-top:2px!important}
}
@media(prefers-reduced-motion:reduce){html[data-ui="5"] .stage1-r4-orb::before,html[data-ui="5"] .stage1-r4-orb::after{animation:none!important}}

/* =====================================================================
 * Code Systems Design Master — Stage 1 R8 Mobile Spatial Refinement
 * Mobile-first optical glass, connected ecosystem hierarchy and a calmer
 * conversational AI surface. Presentation only; server authority unchanged.
 * ===================================================================== */
html[data-ui="5"]{
 --cs-r8-cyan:#58e8ff;--cs-r8-cyan-soft:rgba(88,232,255,.18);
 --cs-r8-orange:#ff991f;--cs-r8-orange-hot:#ff6d00;--cs-r8-silver:#dbeaf2;
 --cs-r8-glass:linear-gradient(148deg,rgba(13,38,55,.92) 0%,rgba(5,22,35,.91) 48%,rgba(2,13,23,.97) 100%);
 --cs-r8-glass-soft:linear-gradient(150deg,rgba(18,51,69,.74),rgba(5,26,40,.80));
 --cs-r8-edge:rgba(112,219,249,.28);--cs-r8-edge-soft:rgba(119,191,220,.16);
 --cs-r8-shadow:0 26px 84px rgba(0,0,0,.52),0 8px 26px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.060);
 --cs-r8-shadow-soft:0 16px 48px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045);
}
html[data-ui="5"] .ui5-shell{
 background:
  radial-gradient(980px 580px at 88% -4%,rgba(44,181,233,.18),transparent 62%),
  radial-gradient(720px 480px at 5% 104%,rgba(255,111,0,.15),transparent 68%),
  linear-gradient(145deg,#01070d 0%,#03111d 48%,#02101a 100%)!important;
}
html[data-ui="5"] .ui5-shell::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 72%)}

/* R8 optical glass: readable, layered, never milky. */
html[data-ui="5"] :where(.stage1-r2-kpi,.stage1-r2-system-card,.stage1-r2-glass,.panel,.agent-working,.agent-proposal,.agent-composer,.cs-system-switcher-panel,.cs-command-dock){
 background:var(--cs-r8-glass)!important;border-color:var(--cs-r8-edge)!important;box-shadow:var(--cs-r8-shadow)!important;
 backdrop-filter:blur(30px) saturate(148%)!important;-webkit-backdrop-filter:blur(30px) saturate(148%)!important;
}
html[data-ui="5"] :where(.stage1-r2-kpi,.stage1-r2-system-card,.stage1-r2-glass,.panel,.agent-proposal){overflow:hidden}
html[data-ui="5"] :where(.stage1-r2-kpi,.stage1-r2-system-card,.stage1-r2-glass,.panel,.agent-proposal)::after{content:"";position:absolute;left:9px;right:9px;top:0;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(230,249,255,.20) 25%,rgba(90,225,255,.32) 52%,rgba(255,163,64,.16) 82%,transparent);opacity:.80;pointer-events:none}

/* R8 tactile controls: fewer borders, stronger material and clearer press. */
html[data-ui="5"] .btn{min-height:38px!important;border-radius:12px!important;font-weight:740!important;letter-spacing:-.012em!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.18)!important;transition:transform 150ms var(--cs-ease),border-color 150ms ease,background 150ms ease,box-shadow 180ms ease,color 150ms ease!important}
html[data-ui="5"] .btn:hover:not(:disabled){transform:translateY(-1px)!important}
html[data-ui="5"] .btn:active:not(:disabled){transform:translateY(1px) scale(.985)!important;transition-duration:70ms!important}
html[data-ui="5"] .btn.primary{background:linear-gradient(145deg,#ffd071 0%,#ffa02a 34%,#ff7b0c 67%,#e94d00 100%)!important;border-color:rgba(255,224,184,.78)!important;box-shadow:0 11px 32px rgba(255,102,0,.30),0 0 34px rgba(255,128,17,.15),inset 0 1px rgba(255,255,255,.60),inset 0 -1px rgba(122,36,0,.34)!important}
html[data-ui="5"] .btn.secondary{background:linear-gradient(155deg,rgba(22,63,82,.92),rgba(5,29,44,.96))!important;border-color:rgba(95,220,255,.31)!important;box-shadow:0 9px 25px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.055)!important}
html[data-ui="5"] .btn.ghost{background:linear-gradient(155deg,rgba(14,42,57,.46),rgba(4,23,36,.56))!important;border-color:rgba(100,190,225,.15)!important}
html[data-ui="5"] .btn.icon{border-radius:13px!important}

/* R8 desktop shell: more precise and product-like. */
@media(min-width:1201px){
 html[data-ui="5"] .sidebar{padding:14px 11px 11px!important;background:linear-gradient(180deg,rgba(2,12,20,.975),rgba(2,9,16,.95))!important;border-right-color:rgba(88,196,232,.18)!important;box-shadow:20px 0 64px rgba(0,0,0,.29),inset -1px 0 rgba(255,255,255,.022)!important}
 html[data-ui="5"] .sidebar-brand{min-height:59px!important;padding-bottom:10px!important}.sidebar-brand .brand img{width:42px!important;height:48px!important;filter:drop-shadow(0 0 16px rgba(255,126,0,.42))!important}
 html[data-ui="5"] .nav-item{min-height:40px!important;border-radius:11px!important;padding-inline:11px!important}.nav-item.active{box-shadow:inset 0 1px rgba(255,255,255,.035),0 0 26px rgba(255,118,0,.07)!important}
 html[data-ui="5"] .topbar{height:56px!important;min-height:56px!important;padding-inline:15px!important;background:linear-gradient(180deg,rgba(2,12,20,.91),rgba(3,16,26,.83))!important;border-bottom-color:rgba(84,197,235,.17)!important;box-shadow:0 13px 42px rgba(0,0,0,.18)!important}
 html[data-ui="5"] .workspace-main{padding:24px 26px 32px!important}
 html[data-ui="5"] .stage1-r8-home .stage1-r2-hero{min-height:284px!important;border-radius:23px!important;border-color:rgba(80,221,255,.38)!important;box-shadow:0 30px 95px rgba(0,0,0,.48),0 0 46px rgba(47,207,246,.065),inset 0 1px rgba(255,255,255,.05)!important}
 html[data-ui="5"] .stage1-r8-home .stage1-r2-hero h1{font-size:clamp(40px,4.2vw,61px)!important;line-height:1.00!important;letter-spacing:-.052em!important}.stage1-r8-home .stage1-r2-hero p{font-size:16.5px!important;color:#d0dde5!important}
 html[data-ui="5"] .stage1-r8-home .stage1-r2-system-card{min-height:106px!important;border-radius:17px!important}.stage1-r8-home .stage1-r2-system-icon{width:45px!important;height:45px!important;border-radius:14px!important}
 html[data-ui="5"] .stage1-r8-home .stage1-r4-ai{border-color:rgba(67,222,255,.32)!important;background:radial-gradient(circle at 28% 10%,rgba(41,205,255,.17),transparent 32%),radial-gradient(circle at 89% 88%,rgba(255,111,0,.11),transparent 28%),var(--cs-r8-glass)!important}
}

/* R8 system switcher + command bar. */
html[data-ui="5"] .cs-system-switcher-trigger{height:40px!important;border-radius:13px!important;background:linear-gradient(150deg,rgba(19,56,74,.82),rgba(4,25,39,.90))!important;border-color:rgba(87,213,250,.27)!important;box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.052)!important}
html[data-ui="5"] .cs-system-mark{background:linear-gradient(145deg,rgba(255,157,42,.19),rgba(255,94,0,.075))!important;border-color:rgba(255,164,61,.24)!important;box-shadow:0 0 15px rgba(255,120,0,.08),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .cs-command-dock{border-radius:17px!important;min-height:54px!important;padding:6px!important;background:linear-gradient(155deg,rgba(8,33,47,.965),rgba(2,16,27,.99))!important;border-color:rgba(79,217,255,.31)!important}
html[data-ui="5"] .cs-command-dock-main{border-radius:13px!important}.cs-command-ai{border-radius:13px!important}

/* R8 connected AI card in the workspace. */
html[data-ui="5"] .stage1-r8-home .stage1-r4-orb{width:70px!important;height:70px!important;border-radius:50%!important;background:radial-gradient(circle at 36% 26%,#e9fdff 0 2%,#55e7ff 5%,#0c6f91 28%,#042b46 59%,#010914 100%)!important;border:1px solid rgba(90,236,255,.76)!important;box-shadow:0 0 30px rgba(56,225,255,.24),0 0 72px rgba(20,187,234,.10),inset 0 0 24px rgba(72,230,255,.16),inset 0 -13px 23px rgba(0,4,12,.62)!important}
html[data-ui="5"] .stage1-r8-home .stage1-r4-orb::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(75,223,255,.20);border-left-color:rgba(255,153,41,.20);animation:cs-r8-home-orbit 9s linear infinite}
html[data-ui="5"] .stage1-r8-home .stage1-r4-orb::after{content:"";position:absolute;inset:-19px;border-radius:50%;border:1px dashed rgba(78,209,246,.14);border-top-color:rgba(255,147,31,.20);animation:cs-r8-home-orbit 15s linear infinite reverse}
@keyframes cs-r8-home-orbit{to{transform:rotate(360deg)}}

/* =====================================================================
 * R8 MOBILE — mobile-first app, not a scaled desktop dashboard.
 * ===================================================================== */
@media(max-width:899px){
 html[data-ui="5"] .ui5-shell{background:radial-gradient(500px 360px at 78% -4%,rgba(42,190,239,.18),transparent 64%),radial-gradient(420px 330px at -5% 96%,rgba(255,104,0,.13),transparent 69%),linear-gradient(180deg,#010812,#02101a 44%,#010710 100%)!important}
 html[data-ui="5"] .topbar{height:60px!important;min-height:60px!important;padding:0 10px!important;border-bottom:1px solid rgba(73,199,238,.15)!important;background:linear-gradient(180deg,rgba(3,15,24,.90),rgba(3,18,29,.77))!important;backdrop-filter:blur(27px) saturate(150%)!important;-webkit-backdrop-filter:blur(27px) saturate(150%)!important}
 html[data-ui="5"] .topbar-left>button.mobile-only{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(155deg,rgba(18,54,70,.84),rgba(4,25,39,.94))!important;border-color:rgba(84,212,249,.27)!important;box-shadow:0 9px 26px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.055)!important}
 html[data-ui="5"] .cs-mobile-brand{gap:8px!important}.cs-mobile-brand img{width:29px!important;height:33px!important;filter:drop-shadow(0 0 16px rgba(255,124,0,.62))!important}.cs-mobile-brand strong{font-size:10.5px!important;letter-spacing:.145em!important;font-weight:850!important}
 html[data-ui="5"] .workspace-main{padding:9px 9px 148px!important;max-width:none!important}

 /* Hero becomes a compact product scene with the command surface integrated. */
 html[data-ui="5"] .stage1-r8-home .stage1-r2-hero{min-height:248px!important;margin:0 0 9px!important;padding:13px 13px 12px!important;border-radius:23px!important;border:1px solid rgba(78,223,255,.39)!important;background:linear-gradient(180deg,rgba(1,6,11,.00),rgba(1,8,15,.17) 34%,rgba(1,9,17,.90) 68%,rgba(1,7,13,.997)),url('/brand/globe-hero-r2.webp') 58% top/auto 180px no-repeat!important;box-shadow:0 22px 66px rgba(0,0,0,.44),0 0 30px rgba(42,206,246,.07),inset 0 1px rgba(255,255,255,.05)!important}
 html[data-ui="5"] .stage1-r8-home .stage1-r2-hero-copy{padding-top:78px!important}.stage1-r8-home .stage1-r2-kicker{font-size:6.9px!important;letter-spacing:.24em!important}.stage1-r8-home .stage1-r2-hero h1{font-size:30px!important;line-height:1.02!important;letter-spacing:-.048em!important;margin-bottom:4px!important}.stage1-r8-home .stage1-r2-hero p{font-size:12.2px!important;line-height:1.55!important;color:#c2d2dc!important;margin-bottom:11px!important}
 html[data-ui="5"] .stage1-r8-home .stage1-r2-ask{height:50px!important;border-radius:17px!important;padding:6px 7px 6px 11px!important;background:linear-gradient(180deg,rgba(9,40,58,.96),rgba(3,23,36,.99))!important;border:1px solid rgba(69,220,255,.39)!important;box-shadow:0 12px 35px rgba(0,0,0,.32),0 0 22px rgba(45,206,244,.06),inset 0 1px rgba(255,255,255,.05)!important}.stage1-r8-home .stage1-r2-ask span:not(.stage1-r2-ask-go){font-size:11.5px!important;color:#d8e5ec!important}.stage1-r8-home .stage1-r2-ask-go{width:38px!important;height:38px!important;border-radius:13px!important;background:linear-gradient(145deg,#ffc05b,#ff941f 44%,#ff7108)!important;box-shadow:0 8px 22px rgba(255,111,0,.27),inset 0 1px rgba(255,255,255,.45)!important}

 /* Metrics become a horizontal glance strip rather than dashboard blocks. */
 html[data-ui="5"] .stage1-r8-home .stage1-r2-kpis{display:flex!important;overflow-x:auto!important;gap:7px!important;scroll-snap-type:x proximity;padding:0 1px 3px!important;scrollbar-width:none}.stage1-r8-home .stage1-r2-kpis::-webkit-scrollbar{display:none}.stage1-r8-home .stage1-r2-kpi{flex:0 0 112px!important;min-width:112px!important;min-height:77px!important;padding:8px 8px!important;border-radius:16px!important;scroll-snap-align:start!important;box-shadow:var(--cs-r8-shadow-soft)!important}.stage1-r8-home .stage1-r2-kpi strong{font-size:19px!important}.stage1-r8-home .stage1-r2-kpi span{font-size:9.5px!important}.stage1-r8-home .stage1-r2-kpi small{font-size:7.5px!important;opacity:.74!important}.stage1-r8-home .stage1-r2-kpi-icon{width:31px!important;height:31px!important;border-radius:10px!important}

 /* System tiles: larger symbols, less text, tighter rhythm. */
 html[data-ui="5"] .stage1-r8-home .stage1-r2-systems{padding:13px 10px 11px!important;border-radius:21px!important;margin-top:3px!important}.stage1-r8-home .stage1-r2-systems header{margin-bottom:9px!important}.stage1-r8-home .stage1-r2-systems header h2{font-size:18px!important}.stage1-r8-home .stage1-r2-systems header p{display:none!important}.stage1-r8-home .stage1-r2-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.stage1-r8-home .stage1-r2-system-card{min-height:88px!important;padding:8px 4px 7px!important;border-radius:16px!important;background:linear-gradient(155deg,rgba(16,48,65,.86),rgba(4,24,38,.93))!important;box-shadow:0 11px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045)!important}.stage1-r8-home .stage1-r2-system-icon{width:38px!important;height:38px!important;border-radius:12px!important;margin-bottom:5px!important}.stage1-r8-home .stage1-r2-system-card strong{font-size:9.5px!important;line-height:1.15!important}.stage1-r8-home .stage1-r2-system-card small{font-size:7.2px!important;opacity:.70!important}.stage1-r8-home .stage1-r2-system-card>svg:last-child{display:none!important}

 /* Bring Code AI into the home viewport instead of hiding it on mobile. */
 html[data-ui="5"] .stage1-r8-home .stage1-r4-dashboard{display:flex!important;flex-direction:column!important;gap:8px!important}.stage1-r8-home .stage1-r4-overview{display:none!important}.stage1-r8-home .stage1-r4-ai{display:flex!important;order:0!important;min-height:0!important;padding:13px!important;border-radius:21px!important;gap:10px!important;background:radial-gradient(circle at 18% 10%,rgba(53,217,255,.16),transparent 35%),radial-gradient(circle at 92% 82%,rgba(255,111,0,.10),transparent 30%),var(--cs-r8-glass)!important}.stage1-r8-home .stage1-r4-activity{order:1!important}.stage1-r8-home .stage1-r4-ai-head{grid-template-columns:72px 1fr!important;gap:11px!important}.stage1-r8-home .stage1-r4-ai-head h2{font-size:18px!important}.stage1-r8-home .stage1-r4-ai-head p{font-size:9.7px!important;line-height:1.5!important}.stage1-r8-home .stage1-r4-ai-list{grid-template-columns:1fr 1fr!important;gap:6px!important}.stage1-r8-home .stage1-r4-ai-list a{min-height:36px!important;border-radius:11px!important;font-size:9.8px!important}.stage1-r8-home .stage1-r4-ai-ask{min-height:42px!important;border-radius:14px!important;font-size:10.5px!important}
 html[data-ui="5"] .stage1-r8-home .stage1-r4-orb{width:64px!important;height:64px!important}.stage1-r8-home .stage1-r4-ai-eye{width:5px!important;height:8px!important}

 html[data-ui="5"] .stage1-r8-home .stage1-r4-activity{border-radius:21px!important;padding:13px!important}.stage1-r8-home .stage1-r2-activity-list{gap:5px!important}.stage1-r8-home .ops-item{min-height:49px!important;border-radius:12px!important;padding:7px 8px!important}
 html[data-ui="5"] .stage1-r8-home .stage1-r4-lower-grid{gap:8px!important}.stage1-r8-home .stage1-r4-attention,.stage1-r8-home .stage1-r4-upcoming{border-radius:21px!important}.stage1-r8-home .stage1-r4-showcase{display:none!important}

 /* Mobile nav reads like an app dock. */
 html[data-ui="5"] .mobile-workspace-nav{height:64px!important;margin-inline:6px!important;border-radius:20px 20px 0 0!important;background:linear-gradient(180deg,rgba(5,24,37,.985),rgba(1,9,16,.999))!important;border:1px solid rgba(73,205,244,.17)!important;border-bottom:0!important;box-shadow:0 -18px 48px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.03)!important}.mobile-workspace-nav a,.mobile-workspace-nav button{min-height:56px!important;border-radius:14px!important;font-size:9px!important}.mobile-workspace-nav [aria-current="page"]{background:linear-gradient(180deg,rgba(255,151,32,.17),rgba(255,102,0,.04))!important;border-color:rgba(255,162,55,.19)!important;color:#ffab32!important}
}

/* =====================================================================
 * R8 CODE AI MOBILE — conversational first, more like an AI app than a form.
 * ===================================================================== */
@media(max-width:680px){
 html[data-ui="5"] .route-agent .workspace-main{padding:0!important;background:radial-gradient(380px 290px at 50% 12%,rgba(31,187,234,.13),transparent 70%),linear-gradient(180deg,#01101c 0%,#010914 46%,#01070f 100%)!important}
 html[data-ui="5"] .route-agent .topbar{height:60px!important;min-height:60px!important;background:linear-gradient(180deg,rgba(2,13,22,.96),rgba(2,15,25,.84))!important;border-bottom-color:rgba(69,198,237,.14)!important}html[data-ui="5"] .route-agent .cs-mobile-brand{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;gap:7px!important}html[data-ui="5"] .route-agent .cs-mobile-brand img{width:30px!important;height:34px!important}html[data-ui="5"] .route-agent .cs-mobile-brand strong{font-size:15px!important;letter-spacing:-.01em!important;text-transform:none!important}html[data-ui="5"] .route-agent .topbar-actions{display:none!important}
 html[data-ui="5"] .route-agent .agent-screen{min-height:calc(100dvh - 60px)!important;background:transparent!important}html[data-ui="5"] .route-agent .agent-masthead,html[data-ui="5"] .route-agent .agent-tabs,html[data-ui="5"] .route-agent .agent-thread-nav{display:none!important}
 html[data-ui="5"] .route-agent .agent-conversation{min-height:calc(100dvh - 60px)!important;display:flex!important;flex-direction:column!important}html[data-ui="5"] .route-agent .agent-conversation-log{padding:0 12px 112px!important;flex:1!important}
 html[data-ui="5"] .route-agent .agent-welcome{max-width:390px!important;margin:0 auto!important;padding:28px 5px 18px!important;background:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}html[data-ui="5"] .route-agent .agent-welcome .agent-orbit{min-height:148px!important;margin:0 0 6px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}html[data-ui="5"] .route-agent .agent-welcome .agent-ring{width:116px!important;height:116px!important;border-width:1px!important;box-shadow:0 0 54px rgba(54,224,255,.28),0 0 128px rgba(24,191,237,.12),inset 0 0 38px rgba(70,230,255,.16),inset 0 -22px 34px rgba(0,5,14,.72)!important}html[data-ui="5"] .route-agent .agent-orb-caption{margin-top:14px!important;padding:6px 11px!important;font-size:9px!important;border-color:rgba(79,220,255,.22)!important;background:linear-gradient(155deg,rgba(12,42,57,.78),rgba(4,23,36,.88))!important;box-shadow:0 8px 20px rgba(0,0,0,.20)!important}html[data-ui="5"] .route-agent .agent-section-kicker{font-size:7.8px!important;letter-spacing:.20em!important;color:#7edcf0!important;margin-top:6px!important}html[data-ui="5"] .route-agent .agent-welcome h2{font-size:31px!important;line-height:1.05!important;margin:9px 0 9px!important;letter-spacing:-.045em!important;color:#f7fbfd!important}html[data-ui="5"] .route-agent .agent-welcome>p{font-size:13.2px!important;line-height:1.72!important;max-width:330px!important;color:#9fb5c3!important;margin:0 0 18px!important}
 html[data-ui="5"] .route-agent .agent-suggestions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0!important}html[data-ui="5"] .route-agent .agent-suggestions button{min-height:58px!important;padding:10px 10px!important;border-radius:16px!important;background:linear-gradient(155deg,rgba(15,48,65,.83),rgba(4,25,39,.92))!important;border:1px solid rgba(79,205,243,.20)!important;box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)!important;color:#e6f2f6!important;font-size:10.5px!important;text-align:right!important;display:grid!important;grid-template-columns:22px 1fr 14px!important;align-items:center!important;gap:7px!important}html[data-ui="5"] .route-agent .agent-suggestions button:active{transform:scale(.985)!important}html[data-ui="5"] .route-agent .agent-trust-row{margin-top:14px!important;gap:7px!important;justify-content:center!important}html[data-ui="5"] .route-agent .agent-trust-row span{padding:5px 7px!important;border-radius:999px!important;background:rgba(5,26,39,.58)!important;border:1px solid rgba(80,190,226,.12)!important;font-size:8px!important;color:#8ba9b8!important}

 /* Conversation turns are flatter and more readable; action cards keep glass. */
 html[data-ui="5"] .route-agent .agent-turn{padding:14px 0!important}html[data-ui="5"] .route-agent .agent-user-message{max-width:88%!important;margin-inline-start:auto!important;padding:12px 14px!important;border-radius:19px 19px 6px 19px!important;background:linear-gradient(155deg,rgba(20,59,79,.94),rgba(7,34,50,.96))!important;border:1px solid rgba(93,217,251,.22)!important;box-shadow:0 12px 35px rgba(0,0,0,.24)!important;color:#edf8fb!important}html[data-ui="5"] .route-agent .agent-answer-meta{gap:8px!important}html[data-ui="5"] .route-agent .agent-answer{font-size:14.5px!important;line-height:1.74!important;color:#d8e6ed!important}html[data-ui="5"] .route-agent .agent-answer p{margin:8px 0!important}html[data-ui="5"] .route-agent .agent-answer-tools{gap:5px!important}html[data-ui="5"] .route-agent .agent-answer-tools .btn{min-height:34px!important;font-size:9.5px!important}

 /* Execution terminal is a slim system event strip; it never mimics chain-of-thought. */
 html[data-ui="5"] .route-agent .agent-execution-terminal{min-height:43px!important;border-radius:13px!important;padding:7px 9px!important;background:linear-gradient(155deg,rgba(5,31,45,.94),rgba(2,18,30,.98))!important;border-color:rgba(75,217,253,.25)!important;box-shadow:0 12px 36px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.04)!important}html[data-ui="5"] .route-agent .agent-terminal-copy{font-size:9.8px!important}html[data-ui="5"] .route-agent .agent-terminal-track{height:2px!important;bottom:0!important;left:10px!important;right:10px!important}

 /* Composer becomes one connected glass control, above the safe area. */
 html[data-ui="5"] .route-agent .agent-composer-wrap{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;z-index:80!important;padding:0!important;background:transparent!important}html[data-ui="5"] .route-agent .agent-composer{min-height:66px!important;padding:7px 7px 7px 9px!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(9,39,55,.98),rgba(2,20,32,.995))!important;border:1px solid rgba(75,220,255,.34)!important;border-bottom-color:rgba(255,139,28,.47)!important;box-shadow:0 18px 60px rgba(0,0,0,.52),0 0 28px rgba(45,206,244,.06),inset 0 1px rgba(255,255,255,.055)!important;backdrop-filter:blur(30px) saturate(150%)!important}html[data-ui="5"] .route-agent .agent-composer textarea{min-height:48px!important;height:48px!important;max-height:104px!important;padding:12px 7px!important;font-size:13.5px!important;line-height:1.45!important;background:transparent!important;border:0!important;box-shadow:none!important}html[data-ui="5"] .route-agent .agent-composer-toolbar{gap:6px!important;padding:3px 0!important}html[data-ui="5"] .route-agent .agent-send.btn{width:48px!important;height:48px!important;min-height:48px!important;border-radius:17px!important;background:linear-gradient(145deg,#ffc760,#ff9b20 42%,#ff7207 78%,#e85200)!important;border-color:rgba(255,224,179,.74)!important;box-shadow:0 10px 30px rgba(255,101,0,.33),0 0 24px rgba(255,127,13,.16),inset 0 1px rgba(255,255,255,.52)!important}html[data-ui="5"] .route-agent .agent-composer .btn.icon{width:42px!important;height:42px!important;min-height:42px!important;border-radius:14px!important}
 html[data-ui="5"] .route-agent .mobile-workspace-nav,html[data-ui="5"] .route-agent .cs-command-dock{display:none!important}
}

/* R8 speaking state: light follows speech without pretending to think. */
html[data-ui="5"] .agent-ring.is-speaking{border-color:rgba(255,182,77,.52)!important;box-shadow:0 0 52px rgba(55,225,255,.22),0 0 86px rgba(255,116,0,.10),inset 0 0 38px rgba(69,226,255,.15),inset 0 -20px 32px rgba(0,5,14,.72)!important}
html[data-ui="5"] .agent-ring.is-speaking .agent-orb-shell{background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.11),transparent 33%),linear-gradient(145deg,rgba(60,225,255,.05),rgba(255,140,31,.04))!important}
html[data-ui="5"] .agent-ring.is-thinking .agent-orb-grid{opacity:.44!important}.agent-ring.is-speaking .agent-orb-grid{opacity:.38!important}

@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] .stage1-r8-home .stage1-r4-orb::before,html[data-ui="5"] .stage1-r8-home .stage1-r4-orb::after{animation:none!important}
 html[data-ui="5"] .btn:hover:not(:disabled){transform:none!important}
}

/* =====================================================================
 * Code Systems Design Master — Stage 1 R9 Morphing Rounded Motion
 * The whole surface language rounds and expands with the interaction.
 * Motion is presentational only; server authority and action semantics stay unchanged.
 * ===================================================================== */
html[data-ui="5"]{
 --cs-r9-radius-control:18px;
 --cs-r9-radius-card:22px;
 --cs-r9-radius-panel:28px;
 --cs-r9-radius-shell:32px;
 --cs-r9-radius-expanded:40px;
 --cs-r9-morph:cubic-bezier(.18,.82,.24,1);
 --cs-r9-glow-cyan:rgba(72,224,255,.19);
 --cs-r9-glow-orange:rgba(255,132,20,.16);
 --cs-r9-glass:linear-gradient(148deg,rgba(14,43,60,.91),rgba(5,24,38,.94) 52%,rgba(2,13,23,.985));
}

/* R9 global rounded material language. */
html[data-ui="5"] :where(.panel,.stage1-r2-glass,.stage1-r2-kpi,.stage1-r2-system-card,.stage1-r4-ai,.stage1-r4-activity,.stage1-r4-attention,.stage1-r4-upcoming,.agent-working,.agent-proposal,.agent-sources,.cs-system-switcher-panel,.cs-command-dock){
 border-radius:var(--cs-r9-radius-panel)!important;
 transition:border-radius 360ms var(--cs-r9-morph),transform 280ms var(--cs-r9-morph),box-shadow 320ms ease,border-color 260ms ease,background 320ms ease!important;
 transform-origin:center center;
}
html[data-ui="5"] :where(.stage1-r2-kpi,.stage1-r2-system-card,.agent-suggestions button,.ops-item,.quick-link){border-radius:var(--cs-r9-radius-card)!important}
html[data-ui="5"] :where(.btn,input,select,textarea,.field input,.field select,.field textarea){border-radius:var(--cs-r9-radius-control)!important}
html[data-ui="5"] .btn{overflow:hidden!important}
html[data-ui="5"] .btn::before{content:"";position:absolute;inset:-55% -30%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 57%);opacity:0;transform:scale(.35);transition:opacity 220ms ease,transform 420ms var(--cs-r9-morph);pointer-events:none}
html[data-ui="5"] .btn:hover:not(:disabled)::before,html[data-ui="5"] .btn:focus-visible::before{opacity:.45;transform:scale(1)}
html[data-ui="5"] .btn:hover:not(:disabled){border-radius:24px!important;transform:translateY(-1px) scale(1.012)!important}
html[data-ui="5"] .btn:active:not(:disabled){border-radius:15px!important;transform:translateY(1px) scale(.978)!important}
html[data-ui="5"] .btn.primary:hover:not(:disabled){box-shadow:0 15px 42px rgba(255,103,0,.38),0 0 52px rgba(255,139,24,.20),inset 0 1px rgba(255,255,255,.62)!important}

/* Panels grow as a connected surface, rather than lighting only a corner. */
html[data-ui="5"] :where(.stage1-r2-system-card,.stage1-r2-kpi,.stage1-r4-ai,.stage1-r4-activity,.panel):hover{
 border-radius:calc(var(--cs-r9-radius-panel) + 5px)!important;
 border-color:rgba(105,221,251,.38)!important;
 box-shadow:0 30px 92px rgba(0,0,0,.48),0 0 44px var(--cs-r9-glow-cyan),0 0 38px var(--cs-r9-glow-orange),inset 0 1px rgba(255,255,255,.07)!important;
}
html[data-ui="5"] :where(.stage1-r2-system-card,.stage1-r2-kpi):hover{transform:translateY(-3px) scale(1.018)!important}
html[data-ui="5"] :where(.stage1-r4-ai,.stage1-r4-activity,.panel):focus-within{border-radius:var(--cs-r9-radius-expanded)!important;box-shadow:0 34px 100px rgba(0,0,0,.50),0 0 52px var(--cs-r9-glow-cyan),inset 0 1px rgba(255,255,255,.07)!important}

/* Shell elements morph as whole surfaces. */
html[data-ui="5"] .sidebar{border-radius:0 26px 26px 0!important}
html[data-ui="5"] .topbar{border-radius:0 0 24px 24px!important;margin:0 7px!important;width:calc(100% - 14px)!important}
html[data-ui="5"] .nav-item{border-radius:16px!important;transition:border-radius 300ms var(--cs-r9-morph),transform 230ms var(--cs-r9-morph),background 240ms ease,box-shadow 260ms ease!important}
html[data-ui="5"] .nav-item:hover,html[data-ui="5"] .nav-item.active{border-radius:23px!important;transform:translateX(2px)!important}
html[data-ui="5"] .cs-system-switcher-trigger{border-radius:19px!important;transition:border-radius 320ms var(--cs-r9-morph),transform 250ms var(--cs-r9-morph),box-shadow 300ms ease!important}
html[data-ui="5"] .cs-system-switcher:has(.cs-system-switcher-panel) .cs-system-switcher-trigger{border-radius:26px!important;transform:scale(1.018)!important;box-shadow:0 16px 48px rgba(0,0,0,.34),0 0 34px var(--cs-r9-glow-cyan)!important}
html[data-ui="5"] .cs-system-switcher-panel{border-radius:30px!important;transform-origin:top center;animation:cs-r9-panel-open 300ms var(--cs-r9-morph) both}
@keyframes cs-r9-panel-open{from{opacity:0;transform:translateY(-8px) scale(.965);border-radius:18px}to{opacity:1;transform:none;border-radius:30px}}
html[data-ui="5"] .cs-command-dock{border-radius:28px!important;transition:border-radius 360ms var(--cs-r9-morph),transform 280ms var(--cs-r9-morph),box-shadow 320ms ease!important}
html[data-ui="5"] .cs-command-dock:focus-within,html[data-ui="5"] .cs-command-dock:hover{border-radius:36px!important;transform:translateY(-2px) scale(1.006)!important;box-shadow:0 25px 76px rgba(0,0,0,.48),0 0 42px rgba(61,216,255,.12),0 0 34px rgba(255,112,0,.09),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .cs-command-dock-main,html[data-ui="5"] .cs-command-ai{border-radius:22px!important;transition:border-radius 320ms var(--cs-r9-morph),transform 220ms var(--cs-r9-morph)!important}
html[data-ui="5"] .cs-command-dock-main:hover,html[data-ui="5"] .cs-command-ai:hover{border-radius:29px!important}

/* Home: rounded connected template, not corner-only glow. */
html[data-ui="5"] .stage1-r9-home .stage1-r2-hero{border-radius:34px!important;overflow:hidden!important;transition:border-radius 460ms var(--cs-r9-morph),transform 360ms var(--cs-r9-morph),box-shadow 420ms ease!important}
html[data-ui="5"] .stage1-r9-home .stage1-r2-hero:focus-within,html[data-ui="5"] .stage1-r9-home .stage1-r2-hero:hover{border-radius:44px!important;transform:scale(1.003)!important;box-shadow:0 38px 110px rgba(0,0,0,.51),0 0 56px rgba(55,214,255,.10),0 0 50px rgba(255,112,0,.08),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .stage1-r9-home .stage1-r2-ask{border-radius:24px!important;transition:border-radius 330ms var(--cs-r9-morph),transform 250ms var(--cs-r9-morph),box-shadow 300ms ease!important}
html[data-ui="5"] .stage1-r9-home .stage1-r2-ask:hover,html[data-ui="5"] .stage1-r9-home .stage1-r2-ask:focus-within{border-radius:32px!important;transform:scale(1.008)!important}
html[data-ui="5"] .stage1-r9-home .stage1-r2-systems{border-radius:30px!important}.stage1-r9-home .stage1-r2-system-card{border-radius:22px!important}.stage1-r9-home .stage1-r2-system-card:hover{border-radius:30px!important}
html[data-ui="5"] .stage1-r9-home .stage1-r4-ai{border-radius:32px!important;position:relative!important;overflow:hidden!important}
html[data-ui="5"] .stage1-r9-home .stage1-r4-ai::before{content:"";position:absolute;inset:-30% 42% -40% -15%;border-radius:50%;background:radial-gradient(circle,rgba(67,222,255,.14),transparent 64%);opacity:.65;transform:scale(.75);transition:transform 520ms var(--cs-r9-morph),opacity 360ms ease;pointer-events:none}
html[data-ui="5"] .stage1-r9-home .stage1-r4-ai:hover::before,html[data-ui="5"] .stage1-r9-home .stage1-r4-ai:focus-within::before{transform:scale(1.24);opacity:1}
html[data-ui="5"] .stage1-r9-home .stage1-r4-ai:hover,html[data-ui="5"] .stage1-r9-home .stage1-r4-ai:focus-within{border-radius:42px!important;transform:scale(1.008)!important}

/* R9 MOBILE: the whole composition curves and expands. */
@media(max-width:899px){
 html[data-ui="5"] .topbar{margin:6px 7px 0!important;width:calc(100% - 14px)!important;border-radius:23px!important;box-shadow:0 18px 54px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.045)!important}
 html[data-ui="5"] .workspace-main{padding-top:13px!important}
 html[data-ui="5"] .stage1-r9-home .stage1-r2-hero{border-radius:31px!important;margin-inline:1px!important}.stage1-r9-home .stage1-r2-hero:active{border-radius:40px!important;transform:scale(.994)!important}
 html[data-ui="5"] .stage1-r9-home .stage1-r2-kpi{border-radius:20px!important;transition:border-radius 280ms var(--cs-r9-morph),transform 220ms var(--cs-r9-morph),box-shadow 260ms ease!important}.stage1-r9-home .stage1-r2-kpi:active{border-radius:27px!important;transform:scale(.975)!important}
 html[data-ui="5"] .stage1-r9-home .stage1-r2-systems{border-radius:30px!important}.stage1-r9-home .stage1-r2-system-card{border-radius:21px!important}.stage1-r9-home .stage1-r2-system-card:active{border-radius:29px!important;transform:scale(.965)!important}
 html[data-ui="5"] .stage1-r9-home .stage1-r4-ai{border-radius:31px!important}.stage1-r9-home .stage1-r4-activity,.stage1-r9-home .stage1-r4-attention,.stage1-r9-home .stage1-r4-upcoming{border-radius:29px!important}
 html[data-ui="5"] .mobile-workspace-nav{margin-inline:7px!important;border-radius:27px 27px 0 0!important}.mobile-workspace-nav a,.mobile-workspace-nav button{border-radius:18px!important}.mobile-workspace-nav [aria-current="page"]{border-radius:24px!important}
 html[data-ui="5"] .cs-command-dock{border-radius:31px!important}.cs-command-dock:active{border-radius:38px!important}
}

/* R9 CODE AI — Orb-to-panel relationship and morphing chat surface. */
@media(max-width:680px){
 html[data-ui="5"] .route-agent .agent-welcome{position:relative!important;margin:13px auto 14px!important;padding:23px 14px 18px!important;max-width:382px!important;border:1px solid rgba(76,211,249,.13)!important;border-radius:38px!important;background:radial-gradient(circle at 50% 24%,rgba(44,205,245,.11),transparent 42%),linear-gradient(155deg,rgba(8,36,51,.42),rgba(2,18,30,.20))!important;box-shadow:0 22px 74px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035)!important;backdrop-filter:blur(20px) saturate(130%)!important;transition:border-radius 480ms var(--cs-r9-morph),transform 380ms var(--cs-r9-morph),box-shadow 400ms ease,background 400ms ease!important}
 html[data-ui="5"] .route-agent .agent-welcome:has(.agent-ring.is-thinking){border-radius:48px 48px 34px 34px!important;transform:scale(1.012)!important;box-shadow:0 28px 90px rgba(0,0,0,.32),0 0 60px rgba(54,220,255,.14),inset 0 1px rgba(255,255,255,.045)!important}
 html[data-ui="5"] .route-agent .agent-welcome:has(.agent-ring.is-speaking){border-radius:52px 52px 38px 38px!important;transform:scale(1.016)!important;box-shadow:0 30px 96px rgba(0,0,0,.34),0 0 68px rgba(53,221,255,.16),0 0 50px rgba(255,126,16,.09),inset 0 1px rgba(255,255,255,.05)!important}
 html[data-ui="5"] .route-agent .agent-orbit{transition:min-height 420ms var(--cs-r9-morph),transform 420ms var(--cs-r9-morph)!important}.route-agent .agent-welcome:has(.agent-ring.is-thinking) .agent-orbit,.route-agent .agent-welcome:has(.agent-ring.is-speaking) .agent-orbit{transform:scale(1.05)!important}
 html[data-ui="5"] .route-agent .agent-ring{transition:width 450ms var(--cs-r9-morph),height 450ms var(--cs-r9-morph),border-radius 450ms var(--cs-r9-morph),box-shadow 360ms ease,transform 360ms var(--cs-r9-morph)!important}.route-agent .agent-ring.is-thinking{transform:scale(1.055)!important}.route-agent .agent-ring.is-speaking{transform:scale(1.08)!important}
 html[data-ui="5"] .route-agent .agent-suggestions button{border-radius:22px!important;transition:border-radius 320ms var(--cs-r9-morph),transform 220ms var(--cs-r9-morph),box-shadow 260ms ease!important}.route-agent .agent-suggestions button:hover,.route-agent .agent-suggestions button:focus-visible{border-radius:29px!important;transform:translateY(-1px) scale(1.012)!important}.route-agent .agent-suggestions button:active{border-radius:17px!important;transform:scale(.965)!important}
 html[data-ui="5"] .route-agent .agent-user-message{border-radius:27px 27px 10px 27px!important;transition:border-radius 300ms var(--cs-r9-morph),transform 220ms var(--cs-r9-morph)!important}.route-agent .agent-user-message:hover{border-radius:33px 33px 14px 33px!important;transform:scale(1.006)!important}
 html[data-ui="5"] .route-agent .agent-working{border-radius:23px!important;transition:border-radius 360ms var(--cs-r9-morph),transform 280ms var(--cs-r9-morph),box-shadow 320ms ease!important}.route-agent .agent-working:has(.agent-execution-terminal){border-radius:31px!important;transform:scale(1.006)!important}
 html[data-ui="5"] .route-agent .agent-execution-terminal{border-radius:19px!important;transition:border-radius 340ms var(--cs-r9-morph),box-shadow 280ms ease!important}.route-agent .agent-working:hover .agent-execution-terminal{border-radius:26px!important}
 html[data-ui="5"] .route-agent .agent-composer{border-radius:31px!important;transition:border-radius 420ms var(--cs-r9-morph),transform 300ms var(--cs-r9-morph),box-shadow 360ms ease,border-color 280ms ease!important;transform-origin:center bottom!important}.route-agent .agent-composer:focus-within{border-radius:40px!important;transform:translateY(-3px) scale(1.012)!important;box-shadow:0 28px 84px rgba(0,0,0,.58),0 0 48px rgba(54,216,255,.11),0 0 42px rgba(255,112,0,.08),inset 0 1px rgba(255,255,255,.065)!important}
 html[data-ui="5"] .route-agent .agent-send.btn{border-radius:21px!important;transition:border-radius 320ms var(--cs-r9-morph),transform 220ms var(--cs-r9-morph),box-shadow 280ms ease!important}.route-agent .agent-send.btn:hover,.route-agent .agent-send.btn:focus-visible{border-radius:50%!important;transform:scale(1.06)!important}.route-agent .agent-send.btn:active{transform:scale(.92)!important}
}

@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] :where(.stage1-r2-system-card,.stage1-r2-kpi,.stage1-r4-ai,.stage1-r4-activity,.panel,.cs-command-dock,.cs-system-switcher-trigger,.route-agent .agent-welcome,.route-agent .agent-ring,.route-agent .agent-composer){transition:none!important;transform:none!important}
 html[data-ui="5"] .cs-system-switcher-panel{animation:none!important}
 html[data-ui="5"] .btn::before{display:none!important}
}

/* R9 specificity lock — keep the approved rounded language above R8 compatibility rules. */
html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r2-system-card{border-radius:22px!important}
html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r2-system-card:hover{border-radius:30px!important}
html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r2-system-icon{border-radius:15px!important}
html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r2-systems{border-radius:30px!important}
html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r4-ai{border-radius:32px!important}
html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r4-ai:hover,html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r4-ai:focus-within{border-radius:42px!important}
@media(max-width:899px){
 html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r2-system-card{border-radius:21px!important}
 html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r2-system-card:active{border-radius:29px!important}
 html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r2-systems{border-radius:30px!important}
 html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r4-ai{border-radius:31px!important}
 html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r4-activity,html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r4-attention,html[data-ui="5"] .stage1-r9-home.stage1-r8-home .stage1-r4-upcoming{border-radius:29px!important}
}

/* R9 interactive specificity lock for stateful morphs. */
@media(max-width:680px){
 html[data-ui="5"] .route-agent .agent-composer:focus-within{border-radius:40px!important;transform:translateY(-3px) scale(1.012)!important;box-shadow:0 28px 84px rgba(0,0,0,.58),0 0 48px rgba(54,216,255,.11),0 0 42px rgba(255,112,0,.08),inset 0 1px rgba(255,255,255,.065)!important}
 html[data-ui="5"] .route-agent .agent-suggestions button:hover,html[data-ui="5"] .route-agent .agent-suggestions button:focus-visible{border-radius:29px!important;transform:translateY(-1px) scale(1.012)!important}
 html[data-ui="5"] .route-agent .agent-suggestions button:active{border-radius:17px!important;transform:scale(.965)!important}
 html[data-ui="5"] .route-agent .agent-user-message:hover{border-radius:33px 33px 14px 33px!important;transform:scale(1.006)!important}
 html[data-ui="5"] .route-agent .agent-working:has(.agent-execution-terminal){border-radius:31px!important;transform:scale(1.006)!important}
 html[data-ui="5"] .route-agent .agent-working:hover .agent-execution-terminal{border-radius:26px!important}
 html[data-ui="5"] .route-agent .agent-send.btn:hover,html[data-ui="5"] .route-agent .agent-send.btn:focus-visible{border-radius:50%!important;transform:scale(1.06)!important}
 html[data-ui="5"] .route-agent .agent-send.btn:active{transform:scale(.92)!important}
}

/* ========================================================================== */
/* Code Systems Design Master — Stage 1 R10 Cinematic Lens + Connected UX    */
/* Whole-surface optical glass, tighter mobile hierarchy and living AI field. */
/* ========================================================================== */
html[data-ui="5"]{
 --cs-r10-morph:cubic-bezier(.2,.86,.2,1);
 --cs-r10-spring:cubic-bezier(.16,1,.3,1);
 --cs-r10-line:rgba(92,218,255,.20);
 --cs-r10-line-hot:rgba(255,154,48,.34);
 --cs-r10-cyan:rgba(52,224,255,.90);
 --cs-r10-orange:rgba(255,139,28,.96);
 --cs-r10-surface:linear-gradient(150deg,rgba(12,41,58,.90),rgba(4,22,35,.94) 56%,rgba(2,15,26,.98));
 --cs-r10-shadow:0 24px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.018) inset,0 1px rgba(255,255,255,.055) inset;
}

/* The shell behaves like one connected optical object. */
html[data-ui="5"] .stage1-r10-home,
html[data-ui="5"] .stage1-r10-agent{isolation:isolate}
html[data-ui="5"] .stage1-r10-home::before,
html[data-ui="5"] .stage1-r10-agent::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
 radial-gradient(ellipse 46% 36% at 82% 8%,rgba(39,195,255,.075),transparent 70%),
 radial-gradient(ellipse 42% 30% at 12% 94%,rgba(255,119,0,.055),transparent 72%)}
html[data-ui="5"] .stage1-r10-home::after,
html[data-ui="5"] .stage1-r10-agent::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(66,210,248,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(66,210,248,.021) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 72%,transparent 100%)}

/* R10 optical lens surfaces. */
html[data-ui="5"] :where(.stage1-r10-home .stage1-r2-hero,.stage1-r10-home .stage1-r2-systems,.stage1-r10-home .stage1-r2-glass,.stage1-r10-home .stage1-r2-kpi,.stage1-r10-home .stage1-r2-system-card,.stage1-r10-agent .agent-welcome,.stage1-r10-agent .agent-working,.stage1-r10-agent .agent-proposal,.stage1-r10-agent .agent-composer,.cs-system-switcher-panel,.cs-command-dock){
 position:relative;isolation:isolate;overflow:hidden;
 background-image:linear-gradient(150deg,rgba(14,48,66,.88),rgba(5,25,39,.92) 58%,rgba(3,17,29,.97));
 box-shadow:var(--cs-r10-shadow);
 border-color:var(--cs-r10-line)!important;
}
html[data-ui="5"] :where(.stage1-r10-home .stage1-r2-hero,.stage1-r10-home .stage1-r2-systems,.stage1-r10-home .stage1-r2-glass,.stage1-r10-home .stage1-r2-kpi,.stage1-r10-home .stage1-r2-system-card,.stage1-r10-agent .agent-welcome,.stage1-r10-agent .agent-working,.stage1-r10-agent .agent-proposal,.stage1-r10-agent .agent-composer,.cs-system-switcher-panel,.cs-command-dock)::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:
 linear-gradient(118deg,rgba(255,255,255,.075),transparent 17%,transparent 67%,rgba(56,218,255,.035) 86%,transparent),
 radial-gradient(circle at 11% 6%,rgba(255,255,255,.05),transparent 27%);
 opacity:.72;transition:opacity 280ms ease,transform 460ms var(--cs-r10-morph)
}
html[data-ui="5"] :where(.stage1-r10-home .stage1-r2-system-card,.stage1-r10-home .stage1-r2-kpi,.stage1-r10-home .stage1-r2-glass,.stage1-r10-agent .agent-suggestions button,.stage1-r10-agent .agent-working,.cs-system-switcher-trigger,.cs-command-dock-main,.cs-command-ai,.btn){
 -webkit-tap-highlight-color:transparent;transition:transform 220ms var(--cs-r10-spring),border-color 220ms ease,box-shadow 280ms ease,background-color 220ms ease,border-radius 320ms var(--cs-r10-morph)
}
@media(hover:hover){
 html[data-ui="5"] :where(.stage1-r10-home .stage1-r2-system-card,.stage1-r10-home .stage1-r2-kpi,.stage1-r10-home .stage1-r2-glass,.stage1-r10-agent .agent-suggestions button):hover::before{opacity:1;transform:scale(1.035)}
}

/* Premium button language: tactile, luminous but not neon. */
html[data-ui="5"] .btn{position:relative;overflow:hidden;border-radius:16px!important;min-height:40px;font-weight:720;letter-spacing:-.01em}
html[data-ui="5"] .btn::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.11),transparent 28%,transparent 72%,rgba(255,255,255,.035));opacity:.42}
html[data-ui="5"] .btn.primary{background:linear-gradient(145deg,#ffc867 0,#ff9e29 40%,#ff7508 76%,#e94e00 100%)!important;color:#fff!important;border-color:rgba(255,218,164,.70)!important;box-shadow:0 12px 32px rgba(255,105,0,.24),0 0 22px rgba(255,126,13,.10),inset 0 1px rgba(255,255,255,.45)!important;text-shadow:0 1px 2px rgba(100,34,0,.35)}
html[data-ui="5"] .btn.secondary{background:linear-gradient(155deg,rgba(19,55,72,.90),rgba(6,29,43,.96))!important;border-color:rgba(84,202,239,.25)!important;color:#eaf7fb!important;box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .btn.ghost{border-color:rgba(83,185,223,.08)!important}
@media(hover:hover){
 html[data-ui="5"] .btn:hover:not(:disabled){transform:translateY(-2px) scale(1.015);border-color:rgba(255,163,59,.42)!important;box-shadow:0 14px 38px rgba(0,0,0,.30),0 0 28px rgba(255,125,14,.085)!important}
}
html[data-ui="5"] .btn:active:not(:disabled){transform:translateY(1px) scale(.968)!important;border-radius:12px!important}
html[data-ui="5"] .btn:focus-visible{outline:0!important;box-shadow:0 0 0 3px rgba(42,215,255,.13),0 0 0 1px rgba(78,225,255,.72) inset,0 10px 32px rgba(0,0,0,.34)!important}

/* Desktop R10: cinematic hero and higher material fidelity. */
html[data-ui="5"] .stage1-r10-home .stage1-r2-hero{border-radius:38px!important;border-color:rgba(78,205,248,.26)!important;min-height:252px;background:
 linear-gradient(90deg,rgba(2,12,21,.97) 0%,rgba(4,18,30,.90) 42%,rgba(4,15,25,.52) 70%,rgba(2,10,18,.30) 100%),
 url('/brand/globe-hero-r2.webp') center right/cover no-repeat!important;box-shadow:0 34px 104px rgba(0,0,0,.48),0 0 0 1px rgba(255,126,11,.09),inset 0 1px rgba(255,255,255,.065)!important}
html[data-ui="5"] .stage1-r10-home .stage1-r2-hero::before{background:linear-gradient(116deg,rgba(255,255,255,.095),transparent 19%,transparent 62%,rgba(49,215,255,.055)),radial-gradient(circle at 82% 48%,rgba(255,127,0,.15),transparent 27%);opacity:.82}
html[data-ui="5"] .stage1-r10-home .stage1-r2-hero h1{font-weight:900!important;letter-spacing:-.055em!important;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.32)}
html[data-ui="5"] .stage1-r10-home .stage1-r2-hero p{color:#b9ccd7!important;max-width:720px}
html[data-ui="5"] .stage1-r10-home .stage1-r2-hero-brand{transform:translateZ(0);filter:drop-shadow(0 26px 44px rgba(0,0,0,.34))}
html[data-ui="5"] .stage1-r10-home .stage1-r2-hero-brand img{filter:drop-shadow(0 0 20px rgba(255,132,0,.45)) drop-shadow(0 0 52px rgba(255,86,0,.17))!important}
html[data-ui="5"] .stage1-r10-home .stage1-r2-ask{height:54px;border-radius:23px!important;background:linear-gradient(155deg,rgba(12,44,61,.90),rgba(4,24,38,.94))!important;border-color:rgba(72,217,255,.35)!important;box-shadow:0 12px 36px rgba(0,0,0,.26),0 0 24px rgba(46,214,255,.05),inset 0 1px rgba(255,255,255,.055)!important}
html[data-ui="5"] .stage1-r10-home .stage1-r2-ask:focus-visible,html[data-ui="5"] .stage1-r10-home .stage1-r2-ask:hover{border-color:rgba(255,157,47,.47)!important;box-shadow:0 18px 48px rgba(0,0,0,.32),0 0 28px rgba(255,118,0,.10),inset 0 1px rgba(255,255,255,.065)!important}
html[data-ui="5"] .stage1-r10-home .stage1-r2-ask-go{border-radius:17px!important;background:linear-gradient(145deg,#ffd06d,#ff9c26 42%,#ff6a00)!important;box-shadow:0 8px 22px rgba(255,103,0,.32),inset 0 1px rgba(255,255,255,.55)!important}
html[data-ui="5"] .stage1-r10-home .stage1-r2-kpi{border-radius:24px!important;min-height:96px;background:linear-gradient(150deg,rgba(13,45,62,.90),rgba(5,24,38,.94))!important}
html[data-ui="5"] .stage1-r10-home .stage1-r2-kpi-icon{border-radius:15px!important;background:linear-gradient(145deg,rgba(22,66,84,.86),rgba(7,34,49,.92))!important;box-shadow:0 0 20px color-mix(in srgb,currentColor 26%,transparent),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .stage1-r10-home .stage1-r2-systems{border-radius:34px!important;padding:16px!important}
html[data-ui="5"] .stage1-r10-home .stage1-r2-system-card{border-radius:24px!important;background:linear-gradient(155deg,rgba(15,51,69,.88),rgba(5,25,39,.96))!important;min-height:108px}
html[data-ui="5"] .stage1-r10-home .stage1-r2-system-icon{border-radius:14px!important;background:linear-gradient(145deg,rgba(20,71,91,.85),rgba(7,35,50,.92))!important;box-shadow:0 0 24px rgba(39,219,255,.08),inset 0 1px rgba(255,255,255,.045)!important;transition:transform 280ms var(--cs-r10-spring),box-shadow 260ms ease}
@media(hover:hover){html[data-ui="5"] .stage1-r10-home .stage1-r2-system-card:hover .stage1-r2-system-icon{transform:translateY(-3px) scale(1.08);box-shadow:0 0 28px rgba(39,219,255,.13),inset 0 1px rgba(255,255,255,.07)!important}}
html[data-ui="5"] .stage1-r10-home .stage1-r2-glass{border-radius:31px!important}
html[data-ui="5"] .stage1-r10-home .stage1-r4-live{border-radius:999px!important;background:rgba(28,221,181,.08)!important;border:1px solid rgba(45,229,188,.18)!important;padding:5px 9px!important;letter-spacing:.14em}

/* Shell controls become glass islands with clear action hierarchy. */
html[data-ui="5"] .topbar{box-shadow:0 18px 58px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.045)!important}
html[data-ui="5"] .cs-system-switcher-trigger{border-radius:18px!important;background:linear-gradient(155deg,rgba(16,52,69,.86),rgba(5,26,41,.94))!important;box-shadow:0 9px 28px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.055)!important}
html[data-ui="5"] .cs-system-switcher-panel{border-radius:34px!important;box-shadow:0 34px 100px rgba(0,0,0,.60),0 0 42px rgba(37,213,255,.055),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .cs-command-dock{border-radius:34px!important;border-color:rgba(57,213,255,.38)!important;border-bottom-color:rgba(255,133,17,.42)!important;box-shadow:0 24px 78px rgba(0,0,0,.48),0 0 34px rgba(55,218,255,.055),0 0 24px rgba(255,112,0,.045),inset 0 1px rgba(255,255,255,.055)!important}
html[data-ui="5"] .cs-command-dock:focus-within,html[data-ui="5"] .cs-command-dock:hover{border-radius:42px!important}
html[data-ui="5"] .cs-command-dock-main{border-radius:26px!important}.cs-command-ai{border-radius:23px!important}

/* R10 Mobile home: more information in the first viewport without feeling dense. */
@media(max-width:899px){
 html[data-ui="5"] .stage1-r10-home{padding-bottom:104px!important}
 html[data-ui="5"] .stage1-r10-home .stage1-r2-hero{min-height:238px!important;border-radius:34px!important;padding:20px 17px 18px!important;margin:0 0 10px!important;background:linear-gradient(180deg,rgba(2,12,20,.28),rgba(2,13,22,.66) 56%,rgba(2,14,23,.96)),url('/brand/globe-hero-r2.webp') 63% top/cover no-repeat!important}
 html[data-ui="5"] .stage1-r10-home .stage1-r2-hero-copy{max-width:none!important;width:100%!important;align-self:end!important}
 html[data-ui="5"] .stage1-r10-home .stage1-r2-kicker{font-size:7.5px!important;letter-spacing:.18em!important;margin-bottom:5px!important}
 html[data-ui="5"] .stage1-r10-home .stage1-r2-hero h1{font-size:31px!important;line-height:1.02!important;margin-bottom:5px!important}.stage1-r10-home .stage1-r2-hero p{font-size:11.5px!important;line-height:1.55!important;margin-bottom:12px!important;color:#a8bdca!important}
 html[data-ui="5"] .stage1-r10-home .stage1-r2-hero-brand{display:none!important}.stage1-r10-home .stage1-r2-quick{display:none!important}
 html[data-ui="5"] .stage1-r10-home .stage1-r2-ask{height:52px!important;border-radius:26px!important;padding:0 7px 0 13px!important;font-size:12px!important}.stage1-r10-home .stage1-r2-ask-go{width:40px!important;height:40px!important;border-radius:18px!important}
 html[data-ui="5"] .stage1-r10-home .stage1-r2-kpis{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(112px,1fr)!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding:1px 0 4px!important;gap:8px!important;margin-bottom:10px!important;scrollbar-width:none}.stage1-r10-home .stage1-r2-kpis::-webkit-scrollbar{display:none}.stage1-r10-home .stage1-r2-kpi{scroll-snap-align:start;min-height:78px!important;padding:10px!important;border-radius:22px!important;gap:8px!important}.stage1-r10-home .stage1-r2-kpi-icon{width:34px!important;height:34px!important;border-radius:13px!important}.stage1-r10-home .stage1-r2-kpi strong{font-size:20px!important}.stage1-r10-home .stage1-r2-kpi span:not(.stage1-r2-kpi-icon){font-size:10.5px!important}.stage1-r10-home .stage1-r2-kpi small{font-size:8px!important}
 html[data-ui="5"] .stage1-r10-home .stage1-r2-systems{padding:13px!important;border-radius:30px!important;margin-bottom:10px!important}.stage1-r10-home .stage1-r2-systems>header{margin-bottom:9px!important}.stage1-r10-home .stage1-r2-systems h2{font-size:20px!important}.stage1-r10-home .stage1-r2-systems p{display:none!important}.stage1-r10-home .stage1-r2-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.stage1-r10-home .stage1-r2-system-card{min-height:88px!important;padding:9px 6px!important;align-items:center!important;text-align:center!important;border-radius:21px!important}.stage1-r10-home .stage1-r2-system-icon{width:38px!important;height:38px!important;border-radius:14px!important}.stage1-r10-home .stage1-r2-system-card strong{font-size:10.5px!important}.stage1-r10-home .stage1-r2-system-card small,.stage1-r10-home .stage1-r2-system-card>svg{display:none!important}
 html[data-ui="5"] .stage1-r10-home .stage1-r4-dashboard{display:flex!important;flex-direction:column!important;gap:10px!important}.stage1-r10-home .stage1-r4-ai{order:-2!important;border-radius:31px!important;padding:13px!important}.stage1-r10-home .stage1-r4-overview{order:-1!important}.stage1-r10-home .stage1-r4-activity{order:1!important}.stage1-r10-home .stage1-r4-ai-head{align-items:center!important}.stage1-r10-home .stage1-r4-ai h2{font-size:16px!important}.stage1-r10-home .stage1-r4-ai p{font-size:10.5px!important;line-height:1.55!important}.stage1-r10-home .stage1-r4-ai-list{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.stage1-r10-home .stage1-r4-ai-list a{min-height:38px!important;border-radius:16px!important;font-size:10px!important}.stage1-r10-home .stage1-r4-ai-ask{min-height:42px!important;border-radius:20px!important;margin-top:8px!important}
 html[data-ui="5"] .mobile-workspace-nav{height:66px!important;margin:0 7px 5px!important;border-radius:29px!important;border:1px solid rgba(71,211,249,.18)!important;background:linear-gradient(155deg,rgba(9,34,48,.96),rgba(2,17,28,.99))!important;box-shadow:0 18px 56px rgba(0,0,0,.48),0 0 22px rgba(48,212,255,.045),inset 0 1px rgba(255,255,255,.05)!important;backdrop-filter:blur(30px) saturate(150%)!important}.mobile-workspace-nav a,.mobile-workspace-nav button{border-radius:20px!important}.mobile-workspace-nav [aria-current="page"]{border-radius:24px!important;background:linear-gradient(160deg,rgba(255,151,39,.17),rgba(255,105,0,.045))!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 0 18px rgba(255,113,0,.06)!important}
}

/* R10 Code AI: premium conversational stage, less form-like and more alive. */
@media(max-width:680px){
 html[data-ui="5"] .stage1-r10-agent .agent-conversation{position:relative;background:radial-gradient(circle at 50% 26%,rgba(38,200,241,.055),transparent 36%),linear-gradient(180deg,#020d16,#010812 72%)!important}
 html[data-ui="5"] .stage1-r10-agent .agent-conversation::before{content:"";position:absolute;inset:60px 0 110px;pointer-events:none;opacity:.22;background:radial-gradient(circle at 50% 20%,rgba(56,218,255,.11),transparent 22%),linear-gradient(90deg,transparent 49.7%,rgba(78,215,246,.055) 50%,transparent 50.3%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}
 html[data-ui="5"] .stage1-r10-agent .agent-conversation-log{padding:0 9px 112px!important}
 html[data-ui="5"] .stage1-r10-agent .agent-welcome{margin:12px auto 8px!important;max-width:386px!important;padding:18px 13px 15px!important;border-radius:42px!important;border-color:rgba(72,211,249,.16)!important;background:radial-gradient(circle at 50% 23%,rgba(41,205,245,.11),transparent 39%),linear-gradient(155deg,rgba(8,35,50,.46),rgba(2,17,29,.18))!important;box-shadow:0 26px 84px rgba(0,0,0,.28),0 0 52px rgba(34,204,244,.045),inset 0 1px rgba(255,255,255,.04)!important}
 html[data-ui="5"] .stage1-r10-agent .agent-welcome .agent-orbit{min-height:134px!important;margin-bottom:3px!important}.stage1-r10-agent .agent-welcome .agent-ring{width:108px!important;height:108px!important;box-shadow:0 0 60px rgba(51,224,255,.31),0 0 140px rgba(24,188,236,.13),inset 0 0 40px rgba(70,230,255,.17),inset 0 -24px 38px rgba(0,4,13,.76)!important}
 html[data-ui="5"] .stage1-r10-agent .agent-ring::before{content:"";position:absolute;inset:7%;border-radius:50%;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 31%,transparent 64%,rgba(81,225,255,.07));mix-blend-mode:screen;pointer-events:none;z-index:5;animation:cs-r10-orb-lens 5.8s ease-in-out infinite alternate}
 @keyframes cs-r10-orb-lens{from{transform:rotate(-9deg) scale(.98);opacity:.58}to{transform:rotate(13deg) scale(1.04);opacity:.95}}
 html[data-ui="5"] .stage1-r10-agent .agent-orb-caption{margin-top:10px!important;border-radius:999px!important;background:rgba(7,32,45,.72)!important;border-color:rgba(77,220,255,.22)!important;box-shadow:0 8px 26px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important}
 html[data-ui="5"] .stage1-r10-agent .agent-section-kicker{margin-top:3px!important}.stage1-r10-agent .agent-welcome h2{font-size:30px!important;margin:7px 0 7px!important}.stage1-r10-agent .agent-welcome>p{font-size:12.7px!important;line-height:1.66!important;margin-bottom:14px!important}
 html[data-ui="5"] .stage1-r10-agent .agent-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:354px!important}.stage1-r10-agent .agent-suggestions button{min-height:60px!important;border-radius:22px!important;padding:9px 10px!important;background:linear-gradient(155deg,rgba(14,48,65,.82),rgba(4,24,38,.92))!important;border-color:rgba(72,197,237,.20)!important;box-shadow:0 8px 24px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035)!important}.stage1-r10-agent .agent-suggestions button span{font-size:10.8px!important;line-height:1.45!important}.stage1-r10-agent .agent-suggestions button>svg:first-child{color:#61dff8!important}.stage1-r10-agent .agent-trust-row{margin-top:11px!important;padding-top:10px!important;border-top:1px solid rgba(76,191,230,.10)!important;gap:7px!important}.stage1-r10-agent .agent-trust-row span{font-size:8px!important;border-radius:999px!important;background:rgba(9,35,47,.50)!important;padding:4px 7px!important}
 html[data-ui="5"] .stage1-r10-agent .agent-working{border-radius:30px!important}.stage1-r10-agent .agent-working:has(.agent-execution-terminal){border-radius:38px!important;box-shadow:0 24px 76px rgba(0,0,0,.44),0 0 44px rgba(43,218,255,.075),inset 0 1px rgba(255,255,255,.05)!important}.stage1-r10-agent .agent-execution-terminal{border-radius:23px!important;background:linear-gradient(155deg,rgba(9,39,53,.86),rgba(3,23,36,.95))!important}
 html[data-ui="5"] .stage1-r10-agent .agent-user-message{border-radius:29px 29px 11px 29px!important;background:linear-gradient(150deg,rgba(26,66,86,.74),rgba(9,37,54,.88))!important;border-color:rgba(83,205,244,.20)!important;box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)!important}
 html[data-ui="5"] .stage1-r10-agent .agent-composer-wrap{left:7px!important;right:7px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important}.stage1-r10-agent .agent-composer{min-height:68px!important;border-radius:34px!important;border-color:rgba(73,218,255,.40)!important;border-bottom-color:rgba(255,142,29,.55)!important;background:linear-gradient(155deg,rgba(11,42,58,.985),rgba(3,20,32,.998))!important;box-shadow:0 24px 76px rgba(0,0,0,.60),0 0 34px rgba(49,216,255,.075),0 0 28px rgba(255,111,0,.05),inset 0 1px rgba(255,255,255,.065)!important;padding:8px 8px 8px 11px!important}.stage1-r10-agent .agent-composer:focus-within{border-radius:44px!important;transform:translateY(-4px) scale(1.008)!important;box-shadow:0 30px 92px rgba(0,0,0,.62),0 0 48px rgba(51,220,255,.11),0 0 34px rgba(255,116,0,.07),inset 0 1px rgba(255,255,255,.075)!important}.stage1-r10-agent .agent-composer textarea{font-size:14px!important;padding:12px 8px!important}.stage1-r10-agent .agent-send.btn{width:50px!important;height:50px!important;min-width:50px!important;border-radius:22px!important}.stage1-r10-agent .agent-send.btn:active{border-radius:50%!important}
}

/* Desktop agent also receives the lens hierarchy without turning into a dashboard. */
@media(min-width:681px){
 html[data-ui="5"] .stage1-r10-agent .agent-workbench{border-radius:32px!important;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.035)!important}
 html[data-ui="5"] .stage1-r10-agent .agent-conversation{background:radial-gradient(circle at 50% 12%,rgba(45,207,246,.045),transparent 27%),rgba(2,13,21,.52)!important}
 html[data-ui="5"] .stage1-r10-agent .agent-welcome{border-radius:42px!important;max-width:720px!important}
 html[data-ui="5"] .stage1-r10-agent .agent-composer{border-radius:32px!important}
}

/* Ensure the living surface never overrides accessibility preferences. */
@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] .stage1-r10-agent .agent-ring::before{animation:none!important}
 html[data-ui="5"] :where(.stage1-r10-home .stage1-r2-system-card,.stage1-r10-home .stage1-r2-kpi,.stage1-r10-home .stage1-r2-glass,.stage1-r10-agent .agent-suggestions button,.stage1-r10-agent .agent-composer,.stage1-r10-agent .agent-welcome,.cs-command-dock,.cs-system-switcher-trigger,.btn){transition:none!important;transform:none!important}
}
html[data-ui="5"] .stage1-r10-ask-orb{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:50%;color:#96efff;background:radial-gradient(circle at 38% 30%,rgba(224,252,255,.92) 0 3%,rgba(53,219,255,.34) 8%,rgba(7,77,101,.82) 45%,rgba(2,29,45,.98) 75%);border:1px solid rgba(83,225,255,.47);box-shadow:0 0 20px rgba(48,215,255,.18),inset 0 0 14px rgba(60,219,255,.09);transition:transform 280ms var(--cs-r10-spring),box-shadow 280ms ease}
html[data-ui="5"] .stage1-r10-home .stage1-r2-ask:hover .stage1-r10-ask-orb,html[data-ui="5"] .stage1-r10-home .stage1-r2-ask:focus-visible .stage1-r10-ask-orb{transform:scale(1.09) rotate(8deg);box-shadow:0 0 27px rgba(53,220,255,.28),0 0 22px rgba(255,130,15,.08),inset 0 0 16px rgba(60,219,255,.12)}
@media(max-width:899px){html[data-ui="5"] .stage1-r10-ask-orb{width:29px;height:29px;flex-basis:29px}}
@media(prefers-reduced-motion:reduce){html[data-ui="5"] .stage1-r10-ask-orb{transition:none!important;transform:none!important}}

/* R10 specificity lock — successor rules must win over R8/R9 compatibility layers. */
@media(max-width:899px){
 html[data-ui="5"] .route-client .stage1-r10-home .stage1-r2-hero{min-height:238px!important;border-radius:34px!important;padding:20px 17px 18px!important}
 html[data-ui="5"] .route-client .stage1-r10-home .stage1-r2-kpis{grid-auto-flow:column!important;grid-auto-columns:minmax(112px,1fr)!important;grid-template-columns:none!important;overflow-x:auto!important}
 html[data-ui="5"] .route-client .stage1-r10-home .stage1-r2-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 html[data-ui="5"] .route-client .stage1-r10-home .stage1-r4-dashboard{display:flex!important;flex-direction:column!important;gap:10px!important}
 html[data-ui="5"] .route-client .stage1-r10-home .stage1-r4-ai{order:-2!important;border-radius:31px!important;padding:13px!important}
 html[data-ui="5"] .route-client .stage1-r10-home .stage1-r4-overview{order:-1!important}
}
@media(max-width:680px){
 html[data-ui="5"] .route-agent .stage1-r10-agent .agent-welcome{margin:12px auto 8px!important;max-width:386px!important;padding:18px 13px 15px!important;border-radius:42px!important}
 html[data-ui="5"] .route-agent .stage1-r10-agent .agent-welcome .agent-orbit{min-height:134px!important;margin-bottom:3px!important}
 html[data-ui="5"] .route-agent .stage1-r10-agent .agent-welcome .agent-ring{width:108px!important;height:108px!important}
 html[data-ui="5"] .route-agent .stage1-r10-agent .agent-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:354px!important}
 html[data-ui="5"] .route-agent .stage1-r10-agent .agent-suggestions button{min-height:60px!important;border-radius:22px!important;padding:9px 10px!important}
 html[data-ui="5"] .route-agent .stage1-r10-agent .agent-composer{min-height:68px!important;border-radius:34px!important;padding:8px 8px 8px 11px!important}
 html[data-ui="5"] .route-agent .stage1-r10-agent .agent-composer:focus-within{border-radius:44px!important;transform:translateY(-4px) scale(1.008)!important}
 html[data-ui="5"] .route-agent .stage1-r10-agent .agent-send.btn{width:50px!important;height:50px!important;min-width:50px!important;border-radius:22px!important}
}

/* ========================================================================== */
/* Stage 1 R11 — Ultra Premium Presence Glass + Spatial Mobile Conversation    */
/* ========================================================================== */
:root{
 --cs-r11-surface:rgba(7,29,43,.80);
 --cs-r11-surface-strong:rgba(5,23,36,.94);
 --cs-r11-line:rgba(116,220,249,.20);
 --cs-r11-line-warm:rgba(255,151,47,.28);
 --cs-r11-cyan:#7be9ff;
 --cs-r11-orange:#ff9f35;
 --cs-r11-shadow:0 28px 90px rgba(0,0,0,.42),0 0 46px rgba(39,211,248,.05),inset 0 1px rgba(255,255,255,.055);
 --cs-r11-morph:cubic-bezier(.16,.84,.24,1);
}
html[data-ui="5"] :where(.stage1-r11-home .stage1-r2-hero,.stage1-r11-home .stage1-r2-systems,.stage1-r11-home .stage1-r2-glass,.stage1-r11-home .stage1-r2-kpi,.stage1-r11-home .stage1-r2-system-card,.stage1-r11-agent .agent-welcome,.stage1-r11-agent .agent-working,.stage1-r11-agent .agent-proposal,.stage1-r11-agent .agent-composer,.stage1-r11-agent .agent-user-message){
 position:relative;isolation:isolate;overflow:hidden;
 border-color:var(--cs-r11-line)!important;
 box-shadow:var(--cs-r11-shadow)!important;
}
html[data-ui="5"] :where(.stage1-r11-home .stage1-r2-hero,.stage1-r11-home .stage1-r2-systems,.stage1-r11-home .stage1-r2-glass,.stage1-r11-home .stage1-r2-kpi,.stage1-r11-home .stage1-r2-system-card,.stage1-r11-agent .agent-welcome,.stage1-r11-agent .agent-working,.stage1-r11-agent .agent-proposal,.stage1-r11-agent .agent-composer)::after{
 content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;
 background:linear-gradient(118deg,rgba(255,255,255,.055),transparent 22%,transparent 68%,rgba(78,224,255,.035));
 opacity:.78;mix-blend-mode:screen;
}
html[data-ui="5"] .stage1-r11-home .stage1-r2-hero{
 border-radius:38px!important;
 background:radial-gradient(circle at 78% 26%,rgba(44,216,255,.10),transparent 27%),radial-gradient(circle at 20% 86%,rgba(255,122,15,.08),transparent 31%),linear-gradient(180deg,rgba(2,14,23,.16),rgba(2,14,23,.76) 61%,rgba(2,14,23,.97)),url('/brand/globe-hero-r2.webp') 67% center/cover no-repeat!important;
 box-shadow:0 38px 110px rgba(0,0,0,.45),0 0 54px rgba(44,211,248,.06),inset 0 1px rgba(255,255,255,.065)!important;
}
html[data-ui="5"] .stage1-r11-home .stage1-r2-hero::before{
 content:"";position:absolute;pointer-events:none;inset:-30%;z-index:-1;
 background:conic-gradient(from 205deg at 52% 51%,transparent 0 28%,rgba(63,221,255,.055) 34%,transparent 42% 71%,rgba(255,133,26,.045) 78%,transparent 86%);
 filter:blur(24px);animation:cs-r11-ambient 12s ease-in-out infinite alternate;
}
@keyframes cs-r11-ambient{from{transform:translate3d(-1.5%,1%,0) rotate(-2deg);opacity:.55}to{transform:translate3d(2%,-1.4%,0) rotate(3deg);opacity:.92}}
html[data-ui="5"] .stage1-r11-home .stage1-r11-ask{
 min-height:58px!important;border-radius:29px!important;
 background:linear-gradient(155deg,rgba(12,48,66,.90),rgba(3,25,39,.96))!important;
 border:1px solid rgba(92,221,255,.27)!important;border-bottom-color:rgba(255,151,47,.34)!important;
 box-shadow:0 18px 56px rgba(0,0,0,.34),0 0 30px rgba(39,216,255,.055),inset 0 1px rgba(255,255,255,.065)!important;
 transition:transform 340ms var(--cs-r11-morph),border-radius 380ms var(--cs-r11-morph),box-shadow 300ms ease!important;
}
html[data-ui="5"] .stage1-r11-home .stage1-r11-ask:hover,html[data-ui="5"] .stage1-r11-home .stage1-r11-ask:focus-visible{
 transform:translateY(-2px) scale(1.006);border-radius:36px!important;border-color:rgba(255,163,65,.46)!important;
 box-shadow:0 24px 72px rgba(0,0,0,.40),0 0 42px rgba(47,220,255,.10),0 0 34px rgba(255,118,0,.075),inset 0 1px rgba(255,255,255,.08)!important;
}
html[data-ui="5"] .stage1-r11-home .stage1-r11-ask:active{transform:translateY(1px) scale(.992);border-radius:23px!important}
html[data-ui="5"] .stage1-r11-home .stage1-r10-ask-orb{width:34px;height:34px;flex-basis:34px;background:radial-gradient(circle at 36% 28%,#effdff 0 3%,rgba(119,239,255,.65) 5%,rgba(27,164,203,.38) 18%,rgba(5,73,99,.86) 49%,rgba(2,25,39,.98) 77%)!important;box-shadow:0 0 26px rgba(64,225,255,.26),0 0 34px rgba(255,124,12,.055),inset 0 0 17px rgba(96,233,255,.16)!important}
html[data-ui="5"] .stage1-r11-home .stage1-r2-kpi{border-radius:26px!important;background:linear-gradient(150deg,rgba(13,49,67,.90),rgba(4,24,38,.97))!important;transition:transform 330ms var(--cs-r11-morph),border-radius 330ms var(--cs-r11-morph),box-shadow 300ms ease!important}
html[data-ui="5"] .stage1-r11-home .stage1-r2-system-card{border-radius:27px!important;background:linear-gradient(150deg,rgba(14,53,71,.88),rgba(4,24,38,.98))!important;transition:transform 350ms var(--cs-r11-morph),border-radius 360ms var(--cs-r11-morph),box-shadow 300ms ease,border-color 280ms ease!important}
@media(hover:hover){
 html[data-ui="5"] .stage1-r11-home .stage1-r2-kpi:hover{transform:translateY(-4px) scale(1.018);border-radius:32px!important;box-shadow:0 30px 78px rgba(0,0,0,.39),0 0 34px rgba(48,220,255,.08),inset 0 1px rgba(255,255,255,.07)!important}
 html[data-ui="5"] .stage1-r11-home .stage1-r2-system-card:hover{transform:translateY(-5px) scale(1.022);border-radius:34px!important;border-color:rgba(255,157,47,.34)!important;box-shadow:0 34px 84px rgba(0,0,0,.42),0 0 32px rgba(44,220,255,.09),0 0 25px rgba(255,124,18,.05),inset 0 1px rgba(255,255,255,.075)!important}
}
html[data-ui="5"] .stage1-r11-home .stage1-r11-ai-surface{border-radius:36px!important;background:radial-gradient(circle at 16% 16%,rgba(55,224,255,.12),transparent 30%),linear-gradient(150deg,rgba(10,46,63,.90),rgba(3,23,36,.97))!important;border-color:rgba(69,218,252,.25)!important}
html[data-ui="5"] .stage1-r11-home .stage1-r4-orb{width:80px!important;height:80px!important;border-radius:50%!important;background:radial-gradient(circle at 34% 28%,rgba(238,253,255,.98) 0 3%,rgba(86,232,255,.42) 8%,rgba(18,118,154,.37) 27%,rgba(5,54,76,.88) 58%,rgba(2,25,39,.98) 82%)!important;box-shadow:0 0 45px rgba(48,224,255,.28),0 0 90px rgba(34,191,235,.12),inset 0 0 24px rgba(103,234,255,.15)!important}

/* R11 controls — one material, tactile state, no flat admin buttons. */
html[data-ui="5"] .btn:not(.link){border-radius:16px!important;border:1px solid rgba(122,205,238,.21)!important;background:linear-gradient(155deg,rgba(19,54,70,.90),rgba(6,29,43,.96))!important;box-shadow:0 9px 26px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.055)!important;transition:transform 210ms var(--cs-r11-morph),border-radius 260ms var(--cs-r11-morph),box-shadow 240ms ease,border-color 220ms ease!important}
html[data-ui="5"] .btn.primary{color:#201307!important;background:linear-gradient(145deg,#ffd47b 0%,#ffad42 39%,#ff7a0d 78%,#e95600 100%)!important;border-color:rgba(255,210,133,.65)!important;box-shadow:0 13px 32px rgba(255,101,0,.23),0 0 24px rgba(255,137,24,.10),inset 0 1px rgba(255,255,255,.58)!important}
@media(hover:hover){html[data-ui="5"] .btn:not(.link):hover{transform:translateY(-2px);border-radius:20px!important;border-color:rgba(116,226,251,.36)!important;box-shadow:0 15px 40px rgba(0,0,0,.30),0 0 25px rgba(52,220,255,.07),inset 0 1px rgba(255,255,255,.07)!important}html[data-ui="5"] .btn.primary:hover{border-color:rgba(255,224,165,.80)!important;box-shadow:0 16px 42px rgba(255,101,0,.31),0 0 34px rgba(255,145,31,.15),inset 0 1px rgba(255,255,255,.68)!important}}
html[data-ui="5"] .btn:not(.link):active{transform:translateY(1px) scale(.975);border-radius:12px!important}
html[data-ui="5"] .btn:focus-visible{outline:2px solid rgba(125,236,255,.82)!important;outline-offset:3px!important}

/* R11 Code AI presence — orb, status and composer act as one responsive surface. */
html[data-ui="5"] .stage1-r11-agent .agent-conversation{background:radial-gradient(circle at 50% 16%,rgba(48,213,250,.075),transparent 30%),radial-gradient(circle at 18% 72%,rgba(255,125,19,.035),transparent 31%),linear-gradient(180deg,#020d16,#010810 76%)!important}
html[data-ui="5"] .stage1-r11-agent .agent-welcome{border-radius:46px!important;background:radial-gradient(circle at 50% 18%,rgba(59,224,255,.15),transparent 35%),linear-gradient(155deg,rgba(9,39,55,.60),rgba(2,18,29,.34))!important;border-color:rgba(81,221,255,.20)!important;box-shadow:0 32px 100px rgba(0,0,0,.37),0 0 74px rgba(48,216,252,.075),inset 0 1px rgba(255,255,255,.055)!important;transition:transform 450ms var(--cs-r11-morph),border-radius 480ms var(--cs-r11-morph),box-shadow 400ms ease!important}
html[data-ui="5"] .stage1-r11-agent .agent-welcome:has(.agent-ring.is-thinking){transform:scale(1.018);border-radius:56px 56px 38px 38px!important;box-shadow:0 38px 118px rgba(0,0,0,.41),0 0 88px rgba(49,220,255,.15),inset 0 1px rgba(255,255,255,.065)!important}
html[data-ui="5"] .stage1-r11-agent .agent-welcome:has(.agent-ring.is-speaking){transform:scale(1.022);border-radius:60px 60px 40px 40px!important;box-shadow:0 40px 124px rgba(0,0,0,.42),0 0 94px rgba(49,220,255,.17),0 0 58px rgba(255,127,18,.10),inset 0 1px rgba(255,255,255,.07)!important}
html[data-ui="5"] .stage1-r11-agent .agent-ring{border-color:rgba(104,236,255,.61)!important;background:radial-gradient(circle at 36% 27%,rgba(245,254,255,.18),transparent 24%),radial-gradient(circle at 50% 52%,rgba(24,134,170,.20),rgba(3,35,52,.96) 70%)!important;box-shadow:0 0 72px rgba(52,226,255,.32),0 0 150px rgba(31,187,232,.13),inset 0 0 42px rgba(97,235,255,.16),inset 0 -26px 42px rgba(0,5,14,.78)!important}
html[data-ui="5"] .stage1-r11-agent .agent-orb-core{filter:drop-shadow(0 0 14px rgba(99,239,255,.60)) drop-shadow(0 0 25px rgba(255,128,21,.10))}
html[data-ui="5"] .stage1-r11-agent .agent-presence-line{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;padding:5px 10px;border-radius:999px;color:#a9c7d2;background:rgba(5,29,42,.68);border:1px solid rgba(88,213,245,.15);font-size:9.5px;letter-spacing:.01em;box-shadow:inset 0 1px rgba(255,255,255,.035)}
html[data-ui="5"] .stage1-r11-agent .agent-presence-dot{width:6px;height:6px;border-radius:50%;background:#56e6c4;box-shadow:0 0 12px rgba(65,229,191,.55);animation:cs-r11-presence 2.4s ease-in-out infinite}
@keyframes cs-r11-presence{0%,100%{transform:scale(.82);opacity:.62}50%{transform:scale(1.18);opacity:1}}
html[data-ui="5"] .stage1-r11-agent .agent-suggestions button{border-radius:24px!important;background:linear-gradient(155deg,rgba(14,51,68,.86),rgba(4,23,37,.96))!important;border-color:rgba(83,213,247,.21)!important;box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045)!important;transition:transform 260ms var(--cs-r11-morph),border-radius 320ms var(--cs-r11-morph),box-shadow 260ms ease!important}
@media(hover:hover){html[data-ui="5"] .stage1-r11-agent .agent-suggestions button:hover{transform:translateY(-3px) scale(1.012);border-radius:31px!important;border-color:rgba(255,154,48,.32)!important;box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 25px rgba(55,222,255,.07),inset 0 1px rgba(255,255,255,.06)!important}}
html[data-ui="5"] .stage1-r11-agent .agent-user-message{border-radius:31px 31px 12px 31px!important;background:linear-gradient(150deg,rgba(24,70,91,.80),rgba(7,35,52,.94))!important;border-color:rgba(97,220,253,.22)!important}
html[data-ui="5"] .stage1-r11-agent .agent-composer{border-radius:36px!important;background:linear-gradient(155deg,rgba(11,45,61,.99),rgba(3,21,33,.998))!important;border-color:rgba(86,225,255,.43)!important;border-bottom-color:rgba(255,154,47,.60)!important;box-shadow:0 28px 90px rgba(0,0,0,.61),0 0 44px rgba(51,219,255,.09),0 0 32px rgba(255,117,0,.055),inset 0 1px rgba(255,255,255,.075)!important;transition:transform 380ms var(--cs-r11-morph),border-radius 420ms var(--cs-r11-morph),box-shadow 340ms ease!important}
html[data-ui="5"] .stage1-r11-agent .agent-composer:focus-within{transform:translateY(-5px) scale(1.009)!important;border-radius:48px!important;box-shadow:0 34px 110px rgba(0,0,0,.64),0 0 58px rgba(55,224,255,.13),0 0 40px rgba(255,124,13,.075),inset 0 1px rgba(255,255,255,.085)!important}
html[data-ui="5"] .stage1-r11-agent .agent-send.btn{background:linear-gradient(145deg,#ffd574,#ffa72f 40%,#ff750a 78%,#e85500)!important;border-color:rgba(255,219,148,.70)!important;box-shadow:0 12px 30px rgba(255,101,0,.30),0 0 25px rgba(255,145,31,.12),inset 0 1px rgba(255,255,255,.65)!important}

/* Mobile-first R11: prioritize AI, systems and next actions above dense analytics. */
@media(max-width:899px){
 html[data-ui="5"] .route-client .stage1-r11-home{padding:0 8px 110px!important;background:radial-gradient(circle at 50% 3%,rgba(47,213,250,.055),transparent 28%),linear-gradient(180deg,#020c14,#010910 72%)!important}
 html[data-ui="5"] .route-client .stage1-r11-home .stage1-r2-hero{min-height:226px!important;border-radius:38px!important;padding:18px 15px 16px!important;margin-bottom:9px!important;background:linear-gradient(180deg,rgba(2,12,20,.12),rgba(2,13,22,.66) 54%,rgba(2,14,23,.98)),url('/brand/globe-hero-r2.webp') 63% top/cover no-repeat!important}
 html[data-ui="5"] .route-client .stage1-r11-home .stage1-r2-hero h1{font-size:30px!important;letter-spacing:-.05em!important}.route-client .stage1-r11-home .stage1-r2-hero p{font-size:11.8px!important;color:#aec5d0!important;max-width:320px!important}
 html[data-ui="5"] .route-client .stage1-r11-home .stage1-r11-ask{height:54px!important;min-height:54px!important;border-radius:28px!important;margin-top:9px!important;padding:0 6px 0 12px!important;font-size:11.5px!important}
 html[data-ui="5"] .route-client .stage1-r11-home .stage1-r2-kpis{margin-bottom:8px!important;gap:7px!important}.route-client .stage1-r11-home .stage1-r2-kpi{min-height:74px!important;border-radius:23px!important;padding:9px!important}.route-client .stage1-r11-home .stage1-r2-kpi strong{font-size:19px!important}
 html[data-ui="5"] .route-client .stage1-r11-home .stage1-r2-systems{border-radius:32px!important;padding:12px!important;margin-bottom:8px!important}.route-client .stage1-r11-home .stage1-r2-system-card{border-radius:22px!important;min-height:83px!important}.route-client .stage1-r11-home .stage1-r2-system-icon{width:36px!important;height:36px!important;border-radius:13px!important}
 html[data-ui="5"] .route-client .stage1-r11-home .stage1-r4-ai{order:-3!important;border-radius:34px!important;padding:14px!important;margin-top:0!important}.route-client .stage1-r11-home .stage1-r4-overview{order:2!important}.route-client .stage1-r11-home .stage1-r4-activity{order:3!important}
 html[data-ui="5"] .route-client .stage1-r11-home .stage1-r4-orb{width:72px!important;height:72px!important;flex:0 0 72px!important}.route-client .stage1-r11-home .stage1-r4-ai h2{font-size:17px!important}.route-client .stage1-r11-home .stage1-r4-ai p{font-size:10.8px!important}
 html[data-ui="5"] .route-client .stage1-r11-home .stage1-r4-ai-list a{border-radius:18px!important;min-height:40px!important;background:rgba(7,32,45,.66)!important;border-color:rgba(83,213,247,.15)!important}.route-client .stage1-r11-home .stage1-r4-ai-ask{border-radius:22px!important;min-height:44px!important;background:linear-gradient(155deg,rgba(14,52,69,.86),rgba(4,24,37,.96))!important}
}
@media(max-width:680px){
 html[data-ui="5"] .route-agent .stage1-r11-agent .agent-conversation-log{padding:0 8px 112px!important}
 html[data-ui="5"] .route-agent .stage1-r11-agent .agent-welcome{margin:9px auto 8px!important;max-width:392px!important;padding:17px 12px 16px!important;border-radius:46px!important}
 html[data-ui="5"] .route-agent .stage1-r11-agent .agent-welcome .agent-orbit{min-height:148px!important;margin-bottom:2px!important}.route-agent .stage1-r11-agent .agent-welcome .agent-ring{width:122px!important;height:122px!important}.route-agent .stage1-r11-agent .agent-welcome h2{font-size:31px!important;margin:8px 0!important}.route-agent .stage1-r11-agent .agent-welcome>p{font-size:12.5px!important;line-height:1.66!important;max-width:340px!important;margin-bottom:14px!important}
 html[data-ui="5"] .route-agent .stage1-r11-agent .agent-suggestions{gap:7px!important;max-width:360px!important}.route-agent .stage1-r11-agent .agent-suggestions button{min-height:58px!important;border-radius:22px!important;padding:8px 9px!important}.route-agent .stage1-r11-agent .agent-suggestions button span{font-size:10.5px!important}
 html[data-ui="5"] .route-agent .stage1-r11-agent .agent-composer-wrap{left:6px!important;right:6px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important}.route-agent .stage1-r11-agent .agent-composer{min-height:68px!important;border-radius:36px!important}.route-agent .stage1-r11-agent .agent-composer:focus-within{border-radius:48px!important}
}
@media(min-width:900px){
 html[data-ui="5"] .stage1-r11-home .stage1-r2-hero{min-height:330px!important;padding:42px 46px!important}.stage1-r11-home .stage1-r2-hero h1{font-size:clamp(42px,4.7vw,70px)!important;letter-spacing:-.055em!important;max-width:720px}.stage1-r11-home .stage1-r2-hero p{font-size:16px!important;max-width:610px!important}
 html[data-ui="5"] .stage1-r11-home .stage1-r2-systems{border-radius:36px!important}.stage1-r11-home .stage1-r2-system-card{min-height:124px!important}
 html[data-ui="5"] .stage1-r11-agent .agent-workbench{border-radius:36px!important;box-shadow:0 36px 118px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04)!important}.stage1-r11-agent .agent-welcome{max-width:760px!important;border-radius:48px!important}.stage1-r11-agent .agent-composer{border-radius:36px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] .stage1-r11-home .stage1-r2-hero::before,html[data-ui="5"] .stage1-r11-agent .agent-presence-dot{animation:none!important}
 html[data-ui="5"] :where(.stage1-r11-home .stage1-r11-ask,.stage1-r11-home .stage1-r2-kpi,.stage1-r11-home .stage1-r2-system-card,.stage1-r11-agent .agent-welcome,.stage1-r11-agent .agent-suggestions button,.stage1-r11-agent .agent-composer,.btn){transition:none!important;transform:none!important}
}

/* R11 visual QA refinements: one mobile command surface, clean orb-to-copy spacing. */
@media(max-width:899px){
 html[data-ui="5"] .route-client .cs-command-dock{display:none!important}
 html[data-ui="5"] .route-client .stage1-r11-home{padding-bottom:84px!important}
}
@media(max-width:680px){
 html[data-ui="5"] .route-agent .stage1-r11-agent .agent-welcome .agent-orbit{min-height:176px!important;padding-top:2px!important;margin-bottom:7px!important}
 html[data-ui="5"] .route-agent .stage1-r11-agent .agent-presence-line{margin-top:8px!important}
 html[data-ui="5"] .route-agent .stage1-r11-agent .agent-section-kicker{margin-top:3px!important}
}

/* ========================================================================== */
/* Stage 1 R12 — Connected Adaptive Chat Glass + Mature Scale + Live Scanner  */
/* ========================================================================== */
:root{
 --cs-r12-text:clamp(14px,13.45px + .12vw,15.5px);
 --cs-r12-small:clamp(11.5px,11px + .10vw,12.5px);
 --cs-r12-title:clamp(24px,20px + .8vw,34px);
 --cs-r12-space:clamp(12px,9px + .55vw,20px);
 --cs-r12-panel:rgba(6,27,42,.84);
 --cs-r12-panel-strong:rgba(4,20,33,.95);
 --cs-r12-line:rgba(121,226,249,.22);
 --cs-r12-warm:rgba(255,157,52,.34);
 --cs-r12-blur:blur(22px) saturate(125%);
 --cs-r12-shadow:0 32px 90px rgba(0,0,0,.42),0 0 42px rgba(49,215,250,.06),inset 0 1px rgba(255,255,255,.06);
 --cs-r12-morph:cubic-bezier(.16,.82,.22,1);
}
html[data-ui="5"] body{font-size:var(--cs-r12-text);letter-spacing:-.008em}
html[data-ui="5"] :where(.topbar,.ui5-sidebar,.stage1-r12-home .stage1-r2-hero,.stage1-r12-home .stage1-r2-systems,.stage1-r12-home .stage1-r2-glass,.stage1-r12-agent .agent-conversation,.stage1-r12-agent .agent-history){backdrop-filter:var(--cs-r12-blur);-webkit-backdrop-filter:var(--cs-r12-blur)}

/* Home: reduce the visual feeling of isolated buttons. Actions read as tabs/labels on one connected surface. */
html[data-ui="5"] .stage1-r12-home .stage1-r2-hero{border-radius:42px!important}
html[data-ui="5"] .stage1-r12-home .stage1-r2-quick{gap:4px!important;padding:4px 6px!important;border-radius:22px;background:rgba(2,18,29,.34);border:1px solid rgba(117,218,244,.10)}
html[data-ui="5"] .stage1-r12-home .stage1-r2-quick a{min-height:38px!important;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;padding-inline:13px!important;color:#cfe2eb!important}
html[data-ui="5"] .stage1-r12-home .stage1-r2-quick a:hover{background:rgba(21,66,84,.54)!important;color:#fff!important}
html[data-ui="5"] .stage1-r12-home .stage1-r2-system-grid{padding:5px;border-radius:30px;background:linear-gradient(160deg,rgba(11,43,59,.48),rgba(3,20,32,.66));border:1px solid rgba(112,215,242,.10)}
html[data-ui="5"] .stage1-r12-home .stage1-r2-system-card{border-color:transparent!important;box-shadow:none!important;background:transparent!important;border-radius:23px!important}
html[data-ui="5"] .stage1-r12-home .stage1-r2-system-card:hover{background:linear-gradient(155deg,rgba(23,70,89,.72),rgba(5,29,43,.86))!important;border-color:rgba(104,224,249,.18)!important;box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .stage1-r12-home :where(.stage1-r2-kpi,.stage1-r2-glass,.stage1-r12-ai-surface){border-radius:30px!important}
html[data-ui="5"] .stage1-r12-home .stage1-r12-ai-surface{background:radial-gradient(circle at 19% 14%,rgba(58,224,255,.13),transparent 31%),radial-gradient(circle at 82% 86%,rgba(255,132,26,.07),transparent 32%),linear-gradient(155deg,rgba(10,43,60,.90),rgba(3,22,35,.97))!important}
html[data-ui="5"] .stage1-r12-home :where(h1,h2,h3){letter-spacing:-.025em}
html[data-ui="5"] .stage1-r12-home p{line-height:1.72}

/* R12 chat is one physical surface: header + conversation + composer share glass and outline. */
html[data-ui="5"] .stage1-r12-agent .stage1-r12-workbench{background:transparent!important;border:0!important;box-shadow:none!important;gap:14px!important}
html[data-ui="5"] .stage1-r12-agent .stage1-r12-chat-surface{
 display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden;position:relative;isolation:isolate;
 border:1px solid var(--cs-r12-line)!important;border-radius:40px!important;background:radial-gradient(circle at 50% 3%,rgba(58,219,255,.075),transparent 28%),linear-gradient(180deg,rgba(7,31,46,.91),rgba(3,17,29,.96))!important;
 box-shadow:var(--cs-r12-shadow)!important;backdrop-filter:blur(28px) saturate(132%);-webkit-backdrop-filter:blur(28px) saturate(132%);
 transition:border-radius 460ms var(--cs-r12-morph),transform 420ms var(--cs-r12-morph),box-shadow 420ms ease,min-height 460ms var(--cs-r12-morph);
}
html[data-ui="5"] .stage1-r12-agent .stage1-r12-chat-surface::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(128deg,rgba(255,255,255,.055),transparent 22%,transparent 71%,rgba(78,225,255,.04));mix-blend-mode:screen}
html[data-ui="5"] .stage1-r12-agent .stage1-r12-chat-surface[data-surface-state="draft"]{border-radius:46px!important;box-shadow:0 34px 100px rgba(0,0,0,.45),0 0 54px rgba(61,221,250,.09),inset 0 1px rgba(255,255,255,.065)!important}
html[data-ui="5"] .stage1-r12-agent .stage1-r12-chat-surface[data-surface-state="working"]{border-radius:52px!important;box-shadow:0 38px 116px rgba(0,0,0,.48),0 0 76px rgba(61,222,251,.14),0 0 44px rgba(255,128,18,.075),inset 0 1px rgba(255,255,255,.07)!important;transform:scale(1.006)}
html[data-ui="5"] .stage1-r12-agent .stage1-r12-chat-surface[data-surface-state="result"]{border-radius:44px!important}
html[data-ui="5"] .stage1-r12-agent .stage1-r12-chat-surface[data-surface-size="expanded"]{min-height:min(78dvh,820px)}
html[data-ui="5"] .stage1-r12-agent .agent-conversation-top{background:linear-gradient(180deg,rgba(15,49,65,.58),rgba(7,30,44,.22))!important;border-bottom:1px solid rgba(113,218,244,.11)!important}
html[data-ui="5"] .stage1-r12-agent .agent-conversation-log{padding:clamp(12px,1.6vw,24px)!important;scroll-padding-bottom:120px}
html[data-ui="5"] .stage1-r12-agent .agent-turn{max-width:920px;margin-inline:auto;width:100%}
html[data-ui="5"] .stage1-r12-agent .agent-user-message{border-radius:24px 24px 8px 24px!important;background:linear-gradient(155deg,rgba(22,68,89,.72),rgba(8,36,52,.88))!important;border:1px solid rgba(107,219,247,.17)!important;padding:13px 17px!important;font-size:clamp(14px,13.5px + .2vw,16px)!important}
html[data-ui="5"] .stage1-r12-agent :where(.agent-answer,.agent-proposal,.agent-working,.vx-chat-workspace,.vx-chat-source,.agent-sources){border-radius:26px!important}
html[data-ui="5"] .stage1-r12-agent :where(.agent-proposal,.agent-working,.vx-chat-workspace,.vx-chat-source){background:linear-gradient(155deg,rgba(12,45,61,.72),rgba(4,24,37,.88))!important;border:1px solid rgba(107,219,247,.14)!important;box-shadow:0 14px 38px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.035)!important}

/* The composer is not a second card: it is the bottom lobe of the same chat glass. */
html[data-ui="5"] .stage1-r12-agent .stage1-r12-composer-wrap{margin:0!important;padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid rgba(116,220,249,.12)!important;background:linear-gradient(180deg,rgba(4,21,33,.10),rgba(4,21,33,.72))!important;backdrop-filter:blur(24px) saturate(128%);-webkit-backdrop-filter:blur(24px) saturate(128%)}
html[data-ui="5"] .stage1-r12-agent .stage1-r12-composer{margin:0 auto!important;width:min(960px,100%)!important;border-radius:30px!important;background:linear-gradient(155deg,rgba(14,50,66,.76),rgba(5,26,40,.88))!important;border:1px solid rgba(124,224,248,.18)!important;box-shadow:0 16px 48px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.055)!important;transition:border-radius 360ms var(--cs-r12-morph),transform 330ms var(--cs-r12-morph),box-shadow 330ms ease,min-height 360ms var(--cs-r12-morph)}
html[data-ui="5"] .stage1-r12-agent .stage1-r12-composer:focus-within{border-radius:42px!important;transform:translateY(-3px);box-shadow:0 23px 66px rgba(0,0,0,.34),0 0 34px rgba(58,219,255,.08),0 0 25px rgba(255,130,24,.055),inset 0 1px rgba(255,255,255,.075)!important}
html[data-ui="5"] .stage1-r12-agent .stage1-r12-composer textarea{font-size:clamp(15px,14px + .25vw,17px)!important;line-height:1.7!important;padding:9px 12px!important;min-height:48px!important;max-height:180px!important}
html[data-ui="5"] .stage1-r12-agent .agent-compose-footer{font-size:var(--cs-r12-small)!important;opacity:.86}

/* Live scanner: only real pending/busy state. */
html[data-ui="5"] .stage1-r12-agent .stage1-r12-chat-surface[data-surface-state="working"]::after{content:"";position:absolute;z-index:7;pointer-events:none;inset-inline:10px;height:2px;top:10%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(85,230,255,.26),rgba(255,168,72,.94),rgba(85,230,255,.38),transparent);box-shadow:0 0 16px rgba(73,225,255,.45),0 0 30px rgba(255,134,24,.20);animation:cs-r12-scan 2.35s cubic-bezier(.34,.06,.23,1) infinite}
@keyframes cs-r12-scan{0%{top:8%;opacity:0}12%{opacity:.95}82%{opacity:.9}100%{top:91%;opacity:0}}
html[data-ui="5"] .stage1-r12-agent .stage1-r12-terminal{grid-template-columns:auto auto minmax(0,1fr) auto auto!important;gap:8px!important;align-items:center}
html[data-ui="5"] .stage1-r12-agent .agent-terminal-time{font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a8ecfb;direction:ltr;padding:5px 7px;border-radius:999px;background:rgba(17,67,82,.45);border:1px solid rgba(100,219,246,.15)}

/* Mature scale: readable hierarchy without zooming the application. */
html[data-ui="5"] .stage1-r12-agent :where(.agent-masthead h1,.agent-welcome h2){font-size:var(--cs-r12-title)!important;line-height:1.22!important}
html[data-ui="5"] .stage1-r12-agent :where(.agent-masthead p,.agent-welcome>p,.agent-answer){font-size:clamp(14px,13.4px + .18vw,16px)!important;line-height:1.82!important}
html[data-ui="5"] .stage1-r12-agent .agent-tabs{gap:4px!important;border-radius:24px;padding:4px!important;background:rgba(6,28,42,.52);border:1px solid rgba(112,218,243,.09)}
html[data-ui="5"] .stage1-r12-agent .agent-tabs>button{border:0!important;background:transparent!important;border-radius:18px!important;box-shadow:none!important}
html[data-ui="5"] .stage1-r12-agent .agent-tabs>button.active{background:linear-gradient(155deg,rgba(23,75,94,.76),rgba(7,35,50,.89))!important;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.055)!important}

@media(max-width:680px){
 html[data-ui="5"] .stage1-r12-agent .agent-masthead{padding:9px 6px 7px!important}
 html[data-ui="5"] .stage1-r12-agent .agent-masthead h1{font-size:24px!important}
 html[data-ui="5"] .stage1-r12-agent .agent-masthead p{font-size:13.5px!important;line-height:1.55!important}
 html[data-ui="5"] .stage1-r12-agent .agent-tabs{margin-inline:4px!important;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
 html[data-ui="5"] .stage1-r12-agent .agent-tabs::-webkit-scrollbar{display:none}
 html[data-ui="5"] .stage1-r12-agent .agent-tabs>button{white-space:nowrap;min-height:42px!important;padding:8px 11px!important}
 html[data-ui="5"] .stage1-r12-agent .stage1-r12-workbench{margin:0!important}
 html[data-ui="5"] .stage1-r12-agent .stage1-r12-chat-surface{border-radius:30px!important;min-height:calc(100dvh - 142px)!important}
 html[data-ui="5"] .stage1-r12-agent .stage1-r12-chat-surface[data-surface-state="working"]{border-radius:38px!important;transform:none}
 html[data-ui="5"] .stage1-r12-agent .agent-conversation-top{min-height:46px!important;height:46px!important;padding:5px 9px!important}
 html[data-ui="5"] .stage1-r12-agent .agent-conversation-log{padding:12px 12px 10px!important}
 html[data-ui="5"] .stage1-r12-agent .agent-welcome{padding:18px 10px 14px!important;border:0!important;box-shadow:none!important;background:transparent!important}
 html[data-ui="5"] .stage1-r12-agent .agent-welcome h2{font-size:25px!important}
 html[data-ui="5"] .stage1-r12-agent .agent-welcome>p{font-size:14px!important;line-height:1.7!important;max-width:330px}
 html[data-ui="5"] .stage1-r12-agent .agent-suggestions{gap:7px!important;max-width:360px!important}
 html[data-ui="5"] .stage1-r12-agent .agent-suggestions button{min-height:52px!important;border-radius:19px!important;padding:9px 11px!important}
 html[data-ui="5"] .stage1-r12-agent .stage1-r12-composer-wrap{padding:7px 8px max(7px,env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .stage1-r12-agent .stage1-r12-composer{border-radius:26px!important;padding:7px 8px 5px!important}
 html[data-ui="5"] .stage1-r12-agent .stage1-r12-composer:focus-within{border-radius:36px!important;transform:translateY(-2px)}
 html[data-ui="5"] .stage1-r12-agent .stage1-r12-composer textarea{font-size:16px!important;min-height:44px!important;padding:7px 9px!important}
 html[data-ui="5"] .stage1-r12-home .stage1-r2-quick{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
 html[data-ui="5"] .stage1-r12-home .stage1-r2-quick a{white-space:nowrap;min-height:40px!important}
 html[data-ui="5"] .stage1-r12-home .stage1-r2-system-grid{border-radius:26px!important}
 html[data-ui="5"] .stage1-r12-home :where(.stage1-r2-kpi,.stage1-r2-glass,.stage1-r12-ai-surface){border-radius:25px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] .stage1-r12-agent .stage1-r12-chat-surface[data-surface-state="working"]::after{animation:none!important;display:none!important}
 html[data-ui="5"] .stage1-r12-agent :where(.stage1-r12-chat-surface,.stage1-r12-composer){transition:none!important;transform:none!important}
}

/* ========================================================================== */
/* Stage 1 R13 — High-End Finish + Cinematic Precision + Connected Materials   */
/* ========================================================================== */
:root{
 --cs-r13-panel:rgba(5,25,39,.865);
 --cs-r13-panel-deep:rgba(3,16,28,.965);
 --cs-r13-cyan:rgba(86,226,255,.72);
 --cs-r13-orange:rgba(255,145,38,.78);
 --cs-r13-hairline:rgba(139,224,246,.16);
 --cs-r13-white:rgba(244,251,255,.94);
 --cs-r13-muted:#a8bdc8;
 --cs-r13-ease:cubic-bezier(.2,.82,.22,1);
 --cs-r13-shadow:0 28px 84px rgba(0,0,0,.43),0 0 42px rgba(40,199,242,.045),inset 0 1px rgba(255,255,255,.055);
}
html[data-ui="5"] body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
html[data-ui="5"] :where(.stage1-r13-home,.stage1-r13-agent){color:var(--cs-r13-white)}
html[data-ui="5"] :where(.stage1-r13-home,.stage1-r13-agent) :where(p,small,.muted){color:var(--cs-r13-muted)}
html[data-ui="5"] :where(.stage1-r13-home,.stage1-r13-agent) :where(h1,h2,h3,strong){text-wrap:balance}

/* Precision shell — one quiet glass language rather than many independent boxes. */
html[data-ui="5"] :where(.topbar,.ui5-sidebar,.cs-system-switcher-panel,.cs-command-dock){
 border-color:var(--cs-r13-hairline)!important;
 background:linear-gradient(155deg,rgba(8,34,49,.92),rgba(2,17,29,.965))!important;
 box-shadow:0 18px 56px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)!important;
 backdrop-filter:blur(30px) saturate(136%);-webkit-backdrop-filter:blur(30px) saturate(136%);
}
html[data-ui="5"] .topbar::after,html[data-ui="5"] .ui5-sidebar::after{content:"";position:absolute;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(84,221,252,.34),rgba(255,153,42,.24),transparent);opacity:.55}
html[data-ui="5"] .topbar::after{height:1px;left:9%;right:9%;bottom:-1px}
html[data-ui="5"] .ui5-sidebar::after{width:1px;top:9%;bottom:9%;inset-inline-end:-1px;background:linear-gradient(180deg,transparent,rgba(84,221,252,.28),rgba(255,145,32,.22),transparent)}

/* R13 buttons feel machined into the interface instead of pasted on top. */
html[data-ui="5"] .btn:not(.link){
 min-height:40px;border-radius:15px!important;border:1px solid rgba(124,210,239,.17)!important;
 background:linear-gradient(155deg,rgba(17,49,65,.84),rgba(5,27,41,.94))!important;color:#edf9fd!important;
 box-shadow:0 8px 24px rgba(0,0,0,.21),inset 0 1px rgba(255,255,255,.052),inset 0 -1px rgba(0,0,0,.18)!important;
 transition:transform 190ms var(--cs-r13-ease),border-radius 240ms var(--cs-r13-ease),border-color 190ms ease,box-shadow 230ms ease,background 230ms ease!important;
}
html[data-ui="5"] .btn:not(.link)::before{background:linear-gradient(122deg,rgba(255,255,255,.085),transparent 25%,transparent 74%,rgba(82,220,251,.025))!important;opacity:.52!important}
html[data-ui="5"] .btn.primary{color:#1b1005!important;background:linear-gradient(145deg,#ffe09b 0,#ffbc58 30%,#ff8f1c 67%,#ef5f00 100%)!important;border-color:rgba(255,225,171,.72)!important;box-shadow:0 12px 31px rgba(255,104,0,.23),0 0 25px rgba(255,142,30,.095),inset 0 1px rgba(255,255,255,.68)!important}
@media(hover:hover){
 html[data-ui="5"] .btn:not(.link):hover{transform:translateY(-1.5px);border-color:rgba(116,225,250,.34)!important;box-shadow:0 13px 34px rgba(0,0,0,.29),0 0 24px rgba(50,211,246,.055),inset 0 1px rgba(255,255,255,.07)!important}
 html[data-ui="5"] .btn.primary:hover{border-color:rgba(255,233,191,.88)!important;box-shadow:0 15px 39px rgba(255,105,0,.30),0 0 31px rgba(255,151,40,.13),inset 0 1px rgba(255,255,255,.76)!important}
}
html[data-ui="5"] .btn:not(.link):active{transform:translateY(.5px) scale(.982)!important;border-radius:12px!important}
html[data-ui="5"] .btn:focus-visible{outline:0!important;box-shadow:0 0 0 1px rgba(118,231,255,.82),0 0 0 4px rgba(53,216,249,.10),0 11px 32px rgba(0,0,0,.30)!important}

/* Home — cinematic, data-first, with precise surface groups. */
html[data-ui="5"] .stage1-r13-home{isolation:isolate}
html[data-ui="5"] .stage1-r13-home .stage1-r2-hero{
 border-radius:38px!important;border:1px solid rgba(124,222,245,.18)!important;box-shadow:0 34px 98px rgba(0,0,0,.45),0 0 42px rgba(42,205,244,.055),inset 0 1px rgba(255,255,255,.07)!important;
 background:linear-gradient(90deg,rgba(2,14,24,.94) 0%,rgba(2,16,27,.68) 46%,rgba(2,14,23,.18) 72%),url('/brand/globe-hero-r2.webp') 70% 45%/cover no-repeat!important;
}
html[data-ui="5"] .stage1-r13-home .stage1-r2-hero::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(128deg,rgba(255,255,255,.075),transparent 20%,transparent 68%,rgba(73,222,255,.045));mix-blend-mode:screen}
html[data-ui="5"] .stage1-r13-home .stage1-r2-hero h1{font-weight:850!important;letter-spacing:-.052em!important;line-height:1.03!important;text-shadow:0 5px 24px rgba(0,0,0,.36)}
html[data-ui="5"] .stage1-r13-home .stage1-r2-hero p{color:#b8ccd6!important;line-height:1.62!important;letter-spacing:-.012em}
html[data-ui="5"] .stage1-r13-home .stage1-r2-ask{border-radius:25px!important;border-color:rgba(100,223,250,.26)!important;background:linear-gradient(155deg,rgba(12,43,59,.82),rgba(3,23,37,.94))!important;box-shadow:0 14px 42px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .stage1-r13-home .stage1-r2-quick{background:rgba(3,21,34,.46)!important;border-color:rgba(119,219,244,.09)!important}
html[data-ui="5"] .stage1-r13-home .stage1-r2-quick a{font-weight:650!important;letter-spacing:-.01em}
html[data-ui="5"] .stage1-r13-home .stage1-r2-quick a:hover{background:linear-gradient(155deg,rgba(23,72,91,.66),rgba(8,36,50,.74))!important}
html[data-ui="5"] .stage1-r13-home .stage1-r2-kpis{gap:10px!important}
html[data-ui="5"] .stage1-r13-home .stage1-r2-kpi{position:relative;overflow:hidden;border-radius:27px!important;background:linear-gradient(155deg,rgba(12,43,59,.88),rgba(3,22,35,.95))!important;border-color:rgba(116,217,243,.13)!important;box-shadow:0 14px 38px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045)!important}
html[data-ui="5"] .stage1-r13-home .stage1-r2-kpi::after{content:"";position:absolute;inset-inline:15px;bottom:0;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.26;filter:blur(.2px)}
html[data-ui="5"] .stage1-r13-home .stage1-r2-kpi strong{font-variant-numeric:tabular-nums;font-weight:820!important}
html[data-ui="5"] .stage1-r13-home .stage1-r2-systems{border-radius:34px!important;border-color:rgba(122,222,246,.12)!important;background:linear-gradient(155deg,rgba(7,32,47,.74),rgba(2,19,31,.89))!important;box-shadow:var(--cs-r13-shadow)!important}
html[data-ui="5"] .stage1-r13-home .stage1-r2-system-grid{background:rgba(3,21,33,.48)!important;border-color:rgba(117,219,244,.08)!important}
html[data-ui="5"] .stage1-r13-home .stage1-r2-system-card{position:relative;border-radius:21px!important;transition:background 220ms ease,transform 210ms var(--cs-r13-ease),box-shadow 230ms ease,border-radius 240ms var(--cs-r13-ease)!important}
html[data-ui="5"] .stage1-r13-home .stage1-r2-system-card::after{content:"";position:absolute;inset:8px auto 8px 0;width:2px;border-radius:99px;background:linear-gradient(180deg,transparent,rgba(67,220,251,.58),rgba(255,146,32,.40),transparent);opacity:0;transition:opacity 220ms ease}
@media(hover:hover){html[data-ui="5"] .stage1-r13-home .stage1-r2-system-card:hover{transform:translateY(-2px)!important;border-radius:27px!important;background:linear-gradient(155deg,rgba(20,62,80,.70),rgba(5,29,43,.88))!important;box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.055)!important}.stage1-r13-home .stage1-r2-system-card:hover::after{opacity:1}}
html[data-ui="5"] .stage1-r13-home :where(.stage1-r2-glass,.stage1-r12-ai-surface){border-radius:28px!important;background:linear-gradient(155deg,rgba(8,36,51,.82),rgba(3,21,34,.94))!important;border-color:rgba(119,220,245,.12)!important;box-shadow:0 20px 56px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .stage1-r13-home .stage1-r4-live{border-radius:999px!important;padding:5px 9px!important;background:rgba(4,34,38,.62)!important;border:1px solid rgba(77,229,190,.18)!important;color:#9beed8!important}
html[data-ui="5"] .stage1-r13-home .stage1-r4-live i{box-shadow:0 0 13px rgba(70,235,189,.62)!important}
html[data-ui="5"] .stage1-r13-home .stage1-r4-bar-track{height:6px!important;border-radius:999px!important;background:rgba(10,39,52,.74)!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.35)!important}
html[data-ui="5"] .stage1-r13-home .stage1-r4-bar-track i{border-radius:inherit!important;background:linear-gradient(90deg,#22d9ff,#64efd3 57%,#ffa033)!important;box-shadow:0 0 15px rgba(47,220,249,.22)!important}
html[data-ui="5"] .stage1-r13-home .stage1-r4-orb{filter:saturate(1.08) contrast(1.04);box-shadow:0 0 38px rgba(55,225,255,.26),0 0 82px rgba(42,199,239,.11),inset 0 0 22px rgba(129,240,255,.15)!important}

/* R13 chat — one continuous optical instrument with calmer hierarchy. */
html[data-ui="5"] .stage1-r13-agent .stage1-r13-workbench{gap:12px!important}
html[data-ui="5"] .stage1-r13-agent .stage1-r13-chat-surface{
 border-color:rgba(121,225,249,.18)!important;border-radius:38px!important;
 background:radial-gradient(circle at 50% -5%,rgba(62,221,252,.10),transparent 27%),radial-gradient(circle at 8% 82%,rgba(255,139,30,.035),transparent 28%),linear-gradient(180deg,rgba(7,31,46,.92),rgba(2,16,28,.975))!important;
 box-shadow:0 38px 112px rgba(0,0,0,.49),0 0 55px rgba(44,207,245,.055),inset 0 1px rgba(255,255,255,.065)!important;
}
html[data-ui="5"] .stage1-r13-agent .stage1-r13-chat-surface::before{background:linear-gradient(125deg,rgba(255,255,255,.075),transparent 18%,transparent 70%,rgba(67,221,252,.04))!important}
html[data-ui="5"] .stage1-r13-agent .agent-conversation-top{min-height:54px;background:linear-gradient(180deg,rgba(13,47,63,.54),rgba(5,27,40,.24))!important;border-bottom-color:rgba(117,218,244,.095)!important}
html[data-ui="5"] .stage1-r13-agent .agent-conversation-log{padding:clamp(16px,1.9vw,30px)!important}
html[data-ui="5"] .stage1-r13-agent .agent-turn{max-width:980px}
html[data-ui="5"] .stage1-r13-agent .agent-user-message{border-radius:25px 25px 9px 25px!important;background:linear-gradient(155deg,rgba(19,62,82,.68),rgba(6,32,48,.88))!important;border-color:rgba(110,220,247,.15)!important;box-shadow:0 11px 30px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .stage1-r13-agent :where(.agent-answer,.agent-proposal,.agent-working,.vx-chat-workspace,.vx-chat-source,.agent-sources){border-radius:27px!important}
html[data-ui="5"] .stage1-r13-agent :where(.agent-proposal,.agent-working,.vx-chat-workspace,.vx-chat-source){background:linear-gradient(155deg,rgba(10,41,57,.75),rgba(3,22,35,.91))!important;border-color:rgba(111,219,244,.12)!important;box-shadow:0 16px 44px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)!important}
html[data-ui="5"] .stage1-r13-agent .stage1-r13-composer-wrap{padding:9px 11px max(9px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(2,17,28,.04),rgba(2,18,29,.78))!important;border-top-color:rgba(121,222,247,.095)!important}
html[data-ui="5"] .stage1-r13-agent .stage1-r13-composer{border-radius:28px!important;background:linear-gradient(155deg,rgba(12,45,61,.82),rgba(4,24,38,.93))!important;border-color:rgba(126,224,248,.17)!important;box-shadow:0 14px 42px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.052)!important}
html[data-ui="5"] .stage1-r13-agent .stage1-r13-composer:focus-within{border-radius:38px!important;transform:translateY(-2px);border-color:rgba(111,227,250,.30)!important;box-shadow:0 21px 62px rgba(0,0,0,.35),0 0 30px rgba(54,217,248,.065),inset 0 1px rgba(255,255,255,.068)!important}
html[data-ui="5"] .stage1-r13-agent .stage1-r13-composer textarea{font-size:clamp(15px,14.4px + .18vw,16.8px)!important;line-height:1.72!important;color:#eef9fc!important}
html[data-ui="5"] .stage1-r13-agent .agent-compose-footer{opacity:.74!important}
html[data-ui="5"] .stage1-r13-agent .agent-tabs{border-color:rgba(115,217,242,.085)!important;background:rgba(4,25,38,.46)!important}
html[data-ui="5"] .stage1-r13-agent .agent-tabs>button.active{background:linear-gradient(155deg,rgba(20,66,84,.72),rgba(6,32,47,.88))!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 7px 19px rgba(0,0,0,.16)!important}
html[data-ui="5"] .stage1-r13-agent .stage1-r12-chat-surface[data-surface-state="working"]::after{height:1px!important;background:linear-gradient(90deg,transparent,rgba(80,231,255,.42),rgba(255,176,85,.92),rgba(79,228,255,.42),transparent)!important;box-shadow:0 0 11px rgba(64,223,251,.42),0 0 22px rgba(255,137,28,.14)!important}
html[data-ui="5"] .stage1-r13-agent .agent-terminal-time{background:rgba(10,51,66,.52)!important;border-color:rgba(106,221,246,.13)!important;color:#b4eef8!important}

/* Mobile — mature, readable and calm; premium surfaces without cramming. */
@media(max-width:680px){
 html[data-ui="5"] .route-client .stage1-r13-home{padding-inline:9px!important}
 html[data-ui="5"] .route-client .stage1-r13-home .stage1-r2-hero{min-height:222px!important;border-radius:30px!important;padding:18px 15px 15px!important}
 html[data-ui="5"] .route-client .stage1-r13-home .stage1-r2-hero h1{font-size:29px!important;line-height:1.04!important}
 html[data-ui="5"] .route-client .stage1-r13-home .stage1-r2-hero p{font-size:13.5px!important;line-height:1.55!important}
 html[data-ui="5"] .route-client .stage1-r13-home .stage1-r2-ask{height:52px!important;border-radius:25px!important}
 html[data-ui="5"] .route-client .stage1-r13-home .stage1-r2-kpi{min-height:75px!important;border-radius:21px!important;padding:10px!important}
 html[data-ui="5"] .route-client .stage1-r13-home .stage1-r2-systems{border-radius:28px!important;padding:11px!important}
 html[data-ui="5"] .route-client .stage1-r13-home .stage1-r2-system-grid{border-radius:23px!important}
 html[data-ui="5"] .route-client .stage1-r13-home .stage1-r2-system-card{border-radius:19px!important;min-height:82px!important}
 html[data-ui="5"] .route-client .stage1-r13-home :where(.stage1-r2-glass,.stage1-r12-ai-surface){border-radius:24px!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .stage1-r13-chat-surface{border-radius:28px!important;min-height:calc(100dvh - 140px)!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .agent-conversation-top{height:48px!important;min-height:48px!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .agent-conversation-log{padding:14px 12px 11px!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .agent-welcome{padding:16px 9px 13px!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .agent-welcome h2{font-size:24px!important;line-height:1.12!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .agent-welcome>p{font-size:14px!important;line-height:1.62!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .agent-suggestions button{border-radius:17px!important;min-height:50px!important;background:linear-gradient(155deg,rgba(10,42,57,.72),rgba(3,23,35,.88))!important;border-color:rgba(112,218,243,.105)!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .stage1-r13-composer-wrap{padding:7px 7px max(7px,env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .stage1-r13-composer{border-radius:24px!important;padding:7px 8px 5px!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .stage1-r13-composer:focus-within{border-radius:36px!important}
 html[data-ui="5"] .route-agent .stage1-r13-agent .stage1-r13-composer textarea{font-size:16px!important;line-height:1.62!important}
}
@media(min-width:1201px){
 html[data-ui="5"] .stage1-r13-home .stage1-r2-hero{min-height:342px!important;padding:44px 48px!important}
 html[data-ui="5"] .stage1-r13-home .stage1-r2-hero h1{font-size:clamp(44px,4.8vw,72px)!important}
 html[data-ui="5"] .stage1-r13-home .stage1-r2-system-card{min-height:126px!important}
 html[data-ui="5"] .stage1-r13-agent .stage1-r13-chat-surface{border-radius:42px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] :where(.stage1-r13-home .stage1-r2-system-card,.stage1-r13-agent .stage1-r13-chat-surface,.stage1-r13-agent .stage1-r13-composer,.btn){transition:none!important;transform:none!important}
}

/* ========================================================================== */
/* Stage 1 R14 — Cinematic Cohesion + Holographic System Rail + Mature Chat   */
/* ========================================================================== */
:root{
 --cs-r14-panel:rgba(5,24,38,.84);
 --cs-r14-panel-deep:rgba(2,15,26,.965);
 --cs-r14-line:rgba(139,224,246,.13);
 --cs-r14-line-hot:rgba(116,229,251,.28);
 --cs-r14-cyan:#6ce7fb;
 --cs-r14-orange:#ff982c;
 --cs-r14-text:#f3fbff;
 --cs-r14-muted:#a8bdc8;
 --cs-r14-ease:cubic-bezier(.16,.82,.22,1);
 --cs-r14-shadow:0 34px 104px rgba(0,0,0,.44),0 0 50px rgba(55,211,246,.045),inset 0 1px rgba(255,255,255,.052);
}
html[data-ui="5"] :where(.stage1-r14-home,.stage1-r14-agent){color:var(--cs-r14-text)}
html[data-ui="5"] :where(.stage1-r14-home,.stage1-r14-agent) :where(p,small,.muted){color:var(--cs-r14-muted)}
html[data-ui="5"] :where(.stage1-r14-home,.stage1-r14-agent) :where(h1,h2,h3,strong){letter-spacing:-.018em}

/* One material language across shell controls. */
html[data-ui="5"] :where(.topbar,.ui5-sidebar,.cs-system-switcher-panel,.cs-command-dock){
 border-color:var(--cs-r14-line)!important;
 background:radial-gradient(circle at 18% 5%,rgba(76,219,250,.055),transparent 25%),linear-gradient(155deg,rgba(7,31,46,.925),rgba(2,16,27,.975))!important;
 box-shadow:0 22px 70px rgba(0,0,0,.37),inset 0 1px rgba(255,255,255,.048)!important;
}
html[data-ui="5"] :where(.topbar,.ui5-sidebar,.cs-system-switcher-panel,.cs-command-dock)::before{filter:saturate(.92)}

/* Surface-first controls: actions read as part of the instrument, not pasted buttons. */
html[data-ui="5"] .btn:not(.link){
 border-radius:14px!important;border-color:rgba(129,217,242,.135)!important;
 background:linear-gradient(155deg,rgba(13,44,59,.70),rgba(4,24,37,.88))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.16)!important;
 font-weight:680;letter-spacing:-.012em;
}
html[data-ui="5"] .btn.primary{background:linear-gradient(145deg,#ffd797,#ffb44e 30%,#ff8e20 68%,#e85b00)!important;border-color:rgba(255,223,171,.64)!important;box-shadow:0 12px 29px rgba(255,105,0,.20),inset 0 1px rgba(255,255,255,.56)!important}
@media(hover:hover){
 html[data-ui="5"] .btn:not(.link):hover{transform:translateY(-1px)!important;border-color:rgba(111,228,251,.27)!important;background:linear-gradient(155deg,rgba(18,57,73,.75),rgba(5,29,43,.91))!important;box-shadow:0 12px 30px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.055)!important}
 html[data-ui="5"] .btn.primary:hover{background:linear-gradient(145deg,#ffe2ab,#ffc064 31%,#ff9628 68%,#ee6504)!important;box-shadow:0 15px 34px rgba(255,105,0,.26),inset 0 1px rgba(255,255,255,.66)!important}
}
html[data-ui="5"] .btn:not(.link):active{transform:translateY(.5px) scale(.987)!important;border-radius:12px!important}

/* Hero becomes a single cinematic lens with quieter typography and connected actions. */
html[data-ui="5"] .stage1-r14-home .stage1-r2-hero{
 border-radius:40px!important;border-color:rgba(132,225,247,.155)!important;
 background:linear-gradient(90deg,rgba(1,13,23,.965) 0%,rgba(2,16,27,.73) 42%,rgba(2,14,23,.20) 72%),url('/brand/globe-hero-r2.webp') 72% 47%/cover no-repeat!important;
 box-shadow:0 38px 116px rgba(0,0,0,.47),0 0 58px rgba(51,210,246,.045),inset 0 1px rgba(255,255,255,.065)!important;
}
html[data-ui="5"] .stage1-r14-home .stage1-r2-hero::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 71% 47%,rgba(255,146,37,.10),transparent 20%),linear-gradient(125deg,rgba(255,255,255,.045),transparent 25%,transparent 71%,rgba(77,222,252,.035));mix-blend-mode:screen}
html[data-ui="5"] .stage1-r14-home .stage1-r2-hero h1{font-weight:820!important;letter-spacing:-.05em!important}
html[data-ui="5"] .stage1-r14-home .stage1-r2-hero p{color:#bacdd6!important;max-width:610px;line-height:1.66!important}
html[data-ui="5"] .stage1-r14-home .stage1-r2-ask{height:56px!important;border-radius:28px!important;border-color:rgba(111,226,250,.20)!important;background:rgba(5,31,45,.76)!important;box-shadow:0 16px 42px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .stage1-r14-home .stage1-r2-quick{display:flex!important;align-items:center;gap:2px!important;padding:3px!important;border-radius:999px!important;background:rgba(2,19,31,.34)!important;border-color:rgba(122,220,245,.07)!important;max-width:max-content}
html[data-ui="5"] .stage1-r14-home .stage1-r2-quick a{border-radius:999px!important;min-height:34px!important;padding-inline:12px!important;color:#afc5d0!important;font-weight:630!important;background:transparent!important}
html[data-ui="5"] .stage1-r14-home .stage1-r2-quick a+a{border-inline-start:1px solid rgba(128,220,243,.075)}
@media(hover:hover){html[data-ui="5"] .stage1-r14-home .stage1-r2-quick a:hover{color:#f5fcff!important;background:rgba(18,59,76,.48)!important}}

/* R14 KPI glance rail: one instrument with internal separators, not five independent buttons. */
html[data-ui="5"] .stage1-r14-home .stage1-r2-kpis{
 gap:0!important;padding:5px!important;border:1px solid rgba(124,220,244,.105);border-radius:30px;
 background:linear-gradient(155deg,rgba(8,34,49,.72),rgba(2,19,31,.88));box-shadow:0 20px 58px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.035);
 overflow:hidden;
}
html[data-ui="5"] .stage1-r14-home .stage1-r2-kpi{min-width:0!important;border:0!important;border-radius:22px!important;background:transparent!important;box-shadow:none!important;position:relative}
html[data-ui="5"] .stage1-r14-home .stage1-r2-kpi+.stage1-r2-kpi::before{content:"";position:absolute;inset-block:16px;inset-inline-start:0;width:1px;background:linear-gradient(180deg,transparent,rgba(126,219,243,.13),transparent)}
html[data-ui="5"] .stage1-r14-home .stage1-r2-kpi::after{height:1px!important;inset-inline:24%!important;opacity:.18!important}
@media(hover:hover){html[data-ui="5"] .stage1-r14-home .stage1-r2-kpi:hover{background:linear-gradient(155deg,rgba(18,58,75,.46),rgba(5,28,42,.55))!important}}

/* Holographic system rail: buttonless labels inside a continuous glass filmstrip. */
html[data-ui="5"] .stage1-r14-home .stage1-r2-systems{border-radius:34px!important;padding:14px!important;background:linear-gradient(155deg,rgba(7,31,46,.75),rgba(2,18,30,.91))!important;border-color:rgba(126,221,245,.10)!important;box-shadow:var(--cs-r14-shadow)!important}
html[data-ui="5"] .stage1-r14-home .stage1-r2-system-grid{gap:0!important;padding:5px!important;border-radius:28px!important;background:linear-gradient(155deg,rgba(8,35,49,.54),rgba(2,19,31,.62))!important;border-color:rgba(125,219,243,.07)!important;overflow:hidden}
html[data-ui="5"] .stage1-r14-home .stage1-r2-system-card{min-height:104px!important;border:0!important;border-radius:22px!important;background:transparent!important;box-shadow:none!important;position:relative;overflow:hidden;padding:13px 11px!important}
html[data-ui="5"] .stage1-r14-home .stage1-r2-system-card+.stage1-r2-system-card::before{content:"";position:absolute;inset-block:15px;inset-inline-start:0;width:1px;background:linear-gradient(180deg,transparent,rgba(124,220,244,.10),transparent)}
html[data-ui="5"] .stage1-r14-home .stage1-r2-system-card>svg:last-child{display:none!important}
html[data-ui="5"] .stage1-r14-home .stage1-r2-system-card::after{content:""!important;position:absolute!important;left:22%!important;right:22%!important;bottom:5px!important;width:auto!important;height:2px!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,var(--cs-r14-cyan),var(--cs-r14-orange),transparent)!important;opacity:0!important;transform:scaleX(.55);transition:opacity 190ms ease,transform 230ms var(--cs-r14-ease)!important}
html[data-ui="5"] .stage1-r14-home .stage1-r2-system-icon{border-radius:18px!important;background:linear-gradient(155deg,rgba(14,61,80,.58),rgba(5,31,45,.77))!important;border-color:rgba(117,226,249,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important}
@media(hover:hover){html[data-ui="5"] .stage1-r14-home .stage1-r2-system-card:hover{transform:translateY(-2px)!important;background:linear-gradient(155deg,rgba(18,59,76,.56),rgba(4,26,40,.74))!important;border-radius:27px!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important}.stage1-r14-home .stage1-r2-system-card:hover::after{opacity:.72!important;transform:scaleX(1)!important}}

/* Shared dashboard material and data illumination. */
html[data-ui="5"] .stage1-r14-home :where(.stage1-r2-glass,.stage1-r12-ai-surface){border-radius:30px!important;border-color:rgba(126,221,244,.10)!important;background:radial-gradient(circle at 10% 0%,rgba(75,218,248,.045),transparent 28%),linear-gradient(155deg,rgba(7,32,47,.78),rgba(2,19,31,.93))!important;box-shadow:0 22px 64px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.035)!important}
html[data-ui="5"] .stage1-r14-home .stage1-r4-bar-track{height:5px!important;background:rgba(8,37,50,.66)!important}
html[data-ui="5"] .stage1-r14-home .stage1-r4-bar-track i{background:linear-gradient(90deg,#53dbf7 0,#72ebd8 58%,#ff9a31 100%)!important;box-shadow:0 0 12px rgba(68,218,246,.14)!important}
html[data-ui="5"] .stage1-r14-home .stage1-r4-live{background:rgba(5,35,39,.48)!important;border-color:rgba(77,225,188,.14)!important;color:#9ce9d4!important;letter-spacing:.08em}
html[data-ui="5"] .stage1-r14-home .stage1-r12-ai-surface{position:relative;overflow:hidden}
html[data-ui="5"] .stage1-r14-home .stage1-r12-ai-surface::after{content:"";position:absolute;inset-inline:17%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(75,226,251,.48),rgba(255,151,38,.34),transparent);opacity:.5}

/* R14 chat: quieter message chrome, stronger continuous instrument geometry. */
html[data-ui="5"] .stage1-r14-agent .stage1-r14-workbench{gap:10px!important}
html[data-ui="5"] .stage1-r14-agent .stage1-r14-chat-surface{
 border-radius:42px!important;border-color:rgba(124,225,248,.15)!important;
 background:radial-gradient(circle at 52% -5%,rgba(68,221,250,.075),transparent 27%),radial-gradient(circle at 8% 86%,rgba(255,139,30,.026),transparent 30%),linear-gradient(180deg,rgba(6,29,44,.925),rgba(2,15,27,.982))!important;
 box-shadow:0 42px 126px rgba(0,0,0,.50),0 0 64px rgba(55,211,246,.045),inset 0 1px rgba(255,255,255,.055)!important;
}
html[data-ui="5"] .stage1-r14-agent .agent-conversation-top{background:linear-gradient(180deg,rgba(12,45,61,.43),rgba(4,24,37,.10))!important;border-bottom-color:rgba(124,218,243,.075)!important}
html[data-ui="5"] .stage1-r14-agent .agent-user-message{max-width:min(86%,760px);border-radius:26px 26px 10px 26px!important;background:linear-gradient(155deg,rgba(16,56,74,.61),rgba(5,29,44,.78))!important;border-color:rgba(111,220,245,.11)!important;box-shadow:0 10px 27px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03)!important}
html[data-ui="5"] .stage1-r14-agent :where(.agent-answer,.agent-proposal,.agent-working,.vx-chat-workspace,.vx-chat-source,.agent-sources){border-radius:29px!important}
html[data-ui="5"] .stage1-r14-agent :where(.agent-proposal,.agent-working,.vx-chat-workspace,.vx-chat-source){background:linear-gradient(155deg,rgba(9,39,55,.67),rgba(3,20,33,.87))!important;border-color:rgba(112,219,244,.09)!important;box-shadow:0 14px 39px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.028)!important}
html[data-ui="5"] .stage1-r14-agent .stage1-r14-composer-wrap{padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;border-top-color:rgba(124,220,244,.075)!important;background:linear-gradient(180deg,rgba(2,16,27,.02),rgba(2,17,28,.73))!important}
html[data-ui="5"] .stage1-r14-agent .stage1-r14-composer{border-radius:30px!important;background:linear-gradient(155deg,rgba(10,40,56,.72),rgba(3,22,35,.90))!important;border-color:rgba(123,224,248,.14)!important;box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .stage1-r14-agent .stage1-r14-composer:focus-within{border-radius:42px!important;transform:translateY(-2px);border-color:rgba(111,229,251,.27)!important;box-shadow:0 19px 54px rgba(0,0,0,.31),0 0 29px rgba(57,218,247,.05),inset 0 1px rgba(255,255,255,.055)!important}
html[data-ui="5"] .stage1-r14-agent .agent-suggestions{gap:5px!important;padding:5px;border-radius:24px;background:rgba(3,21,33,.38);border:1px solid rgba(121,219,243,.065)}
html[data-ui="5"] .stage1-r14-agent .agent-suggestions button{border:0!important;border-radius:18px!important;background:transparent!important;box-shadow:none!important;min-height:52px!important}
@media(hover:hover){html[data-ui="5"] .stage1-r14-agent .agent-suggestions button:hover{background:linear-gradient(155deg,rgba(18,58,75,.52),rgba(4,26,40,.67))!important}}

/* Mobile: Netflix-like system filmstrip, mature density, one continuous AI workspace. */
@media(max-width:680px){
 html[data-ui="5"] .route-client .stage1-r14-home{padding-inline:8px!important}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-hero{min-height:216px!important;border-radius:31px!important;padding:17px 14px 14px!important}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-hero h1{font-size:28px!important;line-height:1.04!important}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-hero p{font-size:13.5px!important;line-height:1.58!important}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-quick{max-width:100%;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-quick::-webkit-scrollbar{display:none}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-kpis{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;border-radius:24px!important;padding:4px!important}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-kpis::-webkit-scrollbar{display:none}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-kpi{flex:0 0 45%;scroll-snap-align:start;min-height:74px!important;border-radius:19px!important;padding:10px!important}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-kpi+.stage1-r2-kpi::before{inset-block:13px}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-systems{border-radius:29px!important;padding:10px 9px 11px!important;overflow:hidden}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-system-grid{display:grid!important;grid-auto-flow:column!important;grid-template-rows:repeat(2,minmax(76px,auto))!important;grid-auto-columns:minmax(145px,44vw)!important;gap:4px!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none;border-radius:23px!important;padding:4px!important;overscroll-behavior-inline:contain}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-system-grid::-webkit-scrollbar{display:none}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-system-card{scroll-snap-align:start;min-height:76px!important;border-radius:18px!important;padding:9px!important}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-system-card+.stage1-r2-system-card::before{display:none}
 html[data-ui="5"] .route-client .stage1-r14-home .stage1-r2-system-icon{width:36px!important;height:36px!important;border-radius:15px!important}
 html[data-ui="5"] .route-client .stage1-r14-home :where(.stage1-r2-glass,.stage1-r12-ai-surface){border-radius:25px!important}
 html[data-ui="5"] .route-agent .stage1-r14-agent .stage1-r14-chat-surface{border-radius:30px!important;min-height:calc(100dvh - 136px)!important}
 html[data-ui="5"] .route-agent .stage1-r14-agent .agent-conversation-log{padding:14px 11px 10px!important}
 html[data-ui="5"] .route-agent .stage1-r14-agent .agent-welcome{padding:14px 8px 11px!important}
 html[data-ui="5"] .route-agent .stage1-r14-agent .agent-welcome h2{font-size:23px!important;line-height:1.12!important}
 html[data-ui="5"] .route-agent .stage1-r14-agent .agent-welcome>p{font-size:14px!important;line-height:1.62!important}
 html[data-ui="5"] .route-agent .stage1-r14-agent .agent-suggestions{grid-template-columns:1fr 1fr!important;border-radius:22px!important}
 html[data-ui="5"] .route-agent .stage1-r14-agent .agent-suggestions button{min-height:48px!important;border-radius:16px!important}
 html[data-ui="5"] .route-agent .stage1-r14-agent .stage1-r14-composer-wrap{padding:6px 6px max(6px,env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .route-agent .stage1-r14-agent .stage1-r14-composer{border-radius:24px!important;padding:7px 8px 5px!important}
 html[data-ui="5"] .route-agent .stage1-r14-agent .stage1-r14-composer:focus-within{border-radius:38px!important}
}
@media(min-width:1201px){
 html[data-ui="5"] .stage1-r14-home .stage1-r2-hero{min-height:346px!important;padding:46px 50px!important}
 html[data-ui="5"] .stage1-r14-home .stage1-r2-system-card{min-height:118px!important}
 html[data-ui="5"] .stage1-r14-agent .stage1-r14-chat-surface{border-radius:44px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] :where(.stage1-r14-home .stage1-r2-system-card,.stage1-r14-home .stage1-r2-kpi,.stage1-r14-agent .stage1-r14-chat-surface,.stage1-r14-agent .stage1-r14-composer,.btn){transition:none!important;transform:none!important}
}

/* ========================================================================== */
/* Stage 1 R15 — Immersive Data Surfaces + Single-Rail Mobile + AI Finish     */
/* ========================================================================== */
:root{
 --cs-r15-orange:#ff982f;
 --cs-r15-orange-soft:#ffc177;
 --cs-r15-cyan:#56ddf8;
 --cs-r15-cyan-soft:#8eeaf8;
 --cs-r15-ink:#f6f9fb;
 --cs-r15-muted:#afc1cc;
 --cs-r15-panel:rgba(4,22,34,.82);
 --cs-r15-panel-deep:rgba(2,15,26,.95);
 --cs-r15-line:rgba(135,221,242,.11);
 --cs-r15-line-strong:rgba(137,226,247,.20);
 --cs-r15-ease:cubic-bezier(.2,.78,.22,1);
}
html[data-ui="5"] :where(.stage1-r15-home,.stage1-r15-agent){color:var(--cs-r15-ink);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
html[data-ui="5"] :where(.stage1-r15-home,.stage1-r15-agent) :where(p,small,.muted){color:var(--cs-r15-muted)}
html[data-ui="5"] :where(.stage1-r15-home,.stage1-r15-agent) :where(h1,h2,h3,strong){letter-spacing:-.024em}

/* R15 shell material: calmer optical glass and one continuous light language. */
html[data-ui="5"] .stage1-r15-home :where(.stage1-r2-glass,.stage1-r2-systems,.stage1-r2-kpis,.stage1-r12-ai-surface),
html[data-ui="5"] .stage1-r15-agent .stage1-r15-chat-surface{
 border-color:var(--cs-r15-line)!important;
 background:
  radial-gradient(circle at 18% -12%,rgba(86,221,248,.065),transparent 30%),
  radial-gradient(circle at 95% 110%,rgba(255,152,47,.035),transparent 28%),
  linear-gradient(154deg,rgba(8,36,50,.80),rgba(2,16,27,.95))!important;
 box-shadow:0 26px 76px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.042)!important;
 backdrop-filter:blur(24px) saturate(128%);
 -webkit-backdrop-filter:blur(24px) saturate(128%);
}

/* R15 hero: cleaner entry lens, sharper lines, less button chrome. */
html[data-ui="5"] .stage1-r15-home .stage1-r2-hero{
 border-radius:36px!important;
 border-color:rgba(139,226,247,.15)!important;
 box-shadow:0 34px 104px rgba(0,0,0,.40),0 0 54px rgba(57,214,244,.04),inset 0 1px rgba(255,255,255,.055)!important;
 overflow:hidden;
}
html[data-ui="5"] .stage1-r15-home .stage1-r2-hero::before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
 background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 24%,transparent 70%,rgba(86,221,248,.025));
}
html[data-ui="5"] .stage1-r15-home .stage1-r2-hero-copy,html[data-ui="5"] .stage1-r15-home .stage1-r2-hero-brand{position:relative;z-index:2}
html[data-ui="5"] .stage1-r15-home .stage1-r2-hero h1{letter-spacing:-.052em!important;line-height:1.01!important;font-weight:850!important}
html[data-ui="5"] .stage1-r15-home .stage1-r2-ask{border-radius:999px!important;border-color:rgba(101,222,247,.22)!important;background:linear-gradient(155deg,rgba(11,42,58,.78),rgba(3,23,37,.90))!important;box-shadow:0 13px 38px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .stage1-r15-home .stage1-r2-quick{gap:4px!important}
html[data-ui="5"] .stage1-r15-home .stage1-r2-quick a{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:999px!important;padding-inline:12px!important;color:#bdd0da!important}
@media(hover:hover){html[data-ui="5"] .stage1-r15-home .stage1-r2-quick a:hover{background:rgba(87,219,248,.07)!important;color:#f8fbfc!important}}

/* R15 data glance rail: actual server values drive the light signal width. */
html[data-ui="5"] .stage1-r15-home .stage1-r15-data-rail{
 display:flex!important;gap:0!important;padding:4px!important;overflow:hidden;border-radius:28px!important;
 background:linear-gradient(155deg,rgba(8,35,49,.70),rgba(2,18,29,.88))!important;
}
html[data-ui="5"] .stage1-r15-home .stage1-r15-kpi{
 position:relative;flex:1 1 0;min-width:0!important;min-height:86px!important;padding:13px 16px 17px!important;border:0!important;border-radius:22px!important;background:transparent!important;box-shadow:none!important;overflow:hidden;
 transition:background .2s var(--cs-r15-ease),transform .2s var(--cs-r15-ease);
}
html[data-ui="5"] .stage1-r15-home .stage1-r15-kpi+.stage1-r15-kpi::before{content:"";position:absolute;inset-block:15px;inset-inline-start:0;width:1px;background:linear-gradient(180deg,transparent,rgba(145,222,239,.14),transparent)}
html[data-ui="5"] .stage1-r15-home .stage1-r15-kpi .stage1-r15-signal{position:absolute;inset-inline-start:15px;bottom:8px;width:var(--signal,12%);height:2px;border-radius:999px;background:linear-gradient(90deg,var(--cs-r15-cyan),rgba(117,234,215,.80),var(--cs-r15-orange));box-shadow:0 0 11px rgba(82,221,247,.20);opacity:.82;transition:width .5s var(--cs-r15-ease)}
html[data-ui="5"] .stage1-r15-home .stage1-r15-kpi strong{font-size:22px!important;line-height:1!important}
html[data-ui="5"] .stage1-r15-home .stage1-r15-kpi span{font-size:12px!important}
html[data-ui="5"] .stage1-r15-home .stage1-r15-kpi small{font-size:10px!important;opacity:.70}
@media(hover:hover){html[data-ui="5"] .stage1-r15-home .stage1-r15-kpi:hover{background:rgba(83,220,248,.045)!important;transform:translateY(-1px)}}

/* R15 systems: surface-first labels in one continuous holographic rail. */
html[data-ui="5"] .stage1-r15-home .stage1-r2-systems{padding:11px 12px 12px!important;border-radius:30px!important;overflow:hidden}
html[data-ui="5"] .stage1-r15-home .stage1-r2-systems>header{margin-bottom:7px!important;padding-inline:4px}
html[data-ui="5"] .stage1-r15-home .stage1-r2-systems>header p{opacity:.72}
html[data-ui="5"] .stage1-r15-home .stage1-r15-system-rail{
 display:flex!important;grid-template-columns:none!important;gap:0!important;padding:4px!important;border-radius:25px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:none;
 background:linear-gradient(155deg,rgba(7,31,44,.56),rgba(2,18,29,.70));border:1px solid rgba(133,222,244,.07);
}
html[data-ui="5"] .stage1-r15-home .stage1-r15-system-rail::-webkit-scrollbar{display:none}
html[data-ui="5"] .stage1-r15-home .stage1-r2-system-card{
 position:relative;flex:1 0 min(150px,18%);min-width:132px;min-height:94px!important;scroll-snap-align:start;
 display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-content:center!important;text-align:start!important;
 padding:12px 13px!important;border:0!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important;
 transition:background .22s var(--cs-r15-ease),transform .22s var(--cs-r15-ease),border-radius .22s var(--cs-r15-ease)!important;
}
html[data-ui="5"] .stage1-r15-home .stage1-r2-system-card+.stage1-r2-system-card::before{content:"";position:absolute;inset-block:16px;inset-inline-start:0;width:1px;background:linear-gradient(180deg,transparent,rgba(133,221,244,.12),transparent)}
html[data-ui="5"] .stage1-r15-home .stage1-r2-system-icon{grid-row:1/3;width:42px!important;height:42px!important;border-radius:16px!important;background:linear-gradient(150deg,rgba(14,53,69,.78),rgba(3,27,40,.86))!important;border:1px solid rgba(118,225,248,.12)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 22px rgba(0,0,0,.20)!important}
html[data-ui="5"] .stage1-r15-home .stage1-r2-system-card strong{align-self:end;font-size:13px!important;line-height:1.15!important}
html[data-ui="5"] .stage1-r15-home .stage1-r2-system-card small{align-self:start;font-size:10px!important;opacity:.68!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui="5"] .stage1-r15-home .stage1-r2-system-card>svg:last-child{display:none!important}
@media(hover:hover){html[data-ui="5"] .stage1-r15-home .stage1-r2-system-card:hover{background:linear-gradient(155deg,rgba(18,60,77,.52),rgba(4,28,42,.62))!important;border-radius:28px!important;transform:translateY(-2px)}}

/* R15 data panels: consistent graphic line language. */
html[data-ui="5"] .stage1-r15-home .stage1-r4-bar-track{height:4px!important;background:rgba(7,34,47,.66)!important;border-radius:999px!important}
html[data-ui="5"] .stage1-r15-home .stage1-r4-bar-track i{border-radius:999px!important;background:linear-gradient(90deg,var(--cs-r15-cyan),#73ead6 58%,var(--cs-r15-orange))!important;box-shadow:0 0 10px rgba(83,220,247,.14)!important}
html[data-ui="5"] .stage1-r15-home .stage1-r4-live{border-radius:999px!important;background:rgba(9,41,43,.42)!important;border-color:rgba(81,225,190,.11)!important}

/* R15 AI canvas: continuous chat + composer with spatial state, no floating form feel. */
html[data-ui="5"] .stage1-r15-agent .stage1-r15-chat-surface{
 --chat-accent:rgba(86,221,248,.16);
 border-radius:46px!important;overflow:hidden!important;position:relative;
 background:
  radial-gradient(circle at 50% -4%,rgba(86,221,248,.085),transparent 26%),
  radial-gradient(circle at 7% 92%,rgba(255,152,47,.034),transparent 30%),
  linear-gradient(180deg,rgba(6,28,42,.95),rgba(2,14,25,.985))!important;
 box-shadow:0 44px 130px rgba(0,0,0,.48),0 0 70px rgba(70,217,247,.04),inset 0 1px rgba(255,255,255,.055)!important;
 transition:border-radius .32s var(--cs-r15-ease),box-shadow .32s var(--cs-r15-ease),transform .32s var(--cs-r15-ease)!important;
}
html[data-ui="5"] .stage1-r15-agent .stage1-r15-chat-surface::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.032),transparent 22%,transparent 76%,rgba(83,222,249,.025));mix-blend-mode:screen}
html[data-ui="5"] .stage1-r15-agent .stage1-r15-chat-surface[data-surface-state="draft"]{border-radius:52px!important;box-shadow:0 46px 136px rgba(0,0,0,.49),0 0 76px rgba(67,220,248,.07),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .stage1-r15-agent .stage1-r15-chat-surface[data-surface-state="working"]{border-radius:58px!important;transform:scale(1.004);--chat-accent:rgba(255,159,54,.22);box-shadow:0 50px 144px rgba(0,0,0,.50),0 0 86px rgba(74,221,247,.09),0 0 48px rgba(255,145,35,.055),inset 0 1px rgba(255,255,255,.065)!important}
html[data-ui="5"] .stage1-r15-agent .stage1-r15-chat-surface[data-surface-size="expanded"]{min-height:min(80dvh,860px)}
html[data-ui="5"] .stage1-r15-agent .agent-conversation-top{position:relative;z-index:2;background:linear-gradient(180deg,rgba(11,43,58,.42),rgba(3,22,35,.06))!important;border-bottom-color:rgba(128,222,244,.065)!important}
html[data-ui="5"] .stage1-r15-agent .agent-conversation-log{position:relative;z-index:2}
html[data-ui="5"] .stage1-r15-agent .agent-user-message{border-radius:28px 28px 11px 28px!important;background:linear-gradient(155deg,rgba(15,55,72,.58),rgba(4,28,42,.76))!important;border-color:rgba(116,222,245,.10)!important;box-shadow:0 12px 30px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.026)!important}
html[data-ui="5"] .stage1-r15-agent :where(.agent-answer,.agent-proposal,.agent-working,.vx-chat-workspace,.vx-chat-source,.agent-sources){border-radius:31px!important;border-color:rgba(122,220,243,.08)!important;background:linear-gradient(155deg,rgba(8,37,52,.64),rgba(3,19,31,.84))!important;box-shadow:0 15px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)!important}
html[data-ui="5"] .stage1-r15-agent .agent-suggestions{gap:4px!important;padding:4px!important;border-radius:26px!important;background:rgba(4,23,35,.32)!important;border-color:rgba(122,220,244,.055)!important}
html[data-ui="5"] .stage1-r15-agent .agent-suggestions button{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:21px!important;min-height:54px!important}
html[data-ui="5"] .stage1-r15-agent .stage1-r15-composer-wrap{position:relative;z-index:3;padding:7px 9px max(8px,env(safe-area-inset-bottom))!important;border-top-color:rgba(122,220,244,.055)!important;background:linear-gradient(180deg,rgba(2,16,27,.01),rgba(2,16,27,.76))!important}
html[data-ui="5"] .stage1-r15-agent .stage1-r15-composer{border-radius:32px!important;background:linear-gradient(155deg,rgba(10,41,56,.75),rgba(3,22,35,.92))!important;border-color:rgba(120,224,248,.13)!important;box-shadow:0 13px 38px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important;transition:border-radius .26s var(--cs-r15-ease),transform .26s var(--cs-r15-ease),box-shadow .26s var(--cs-r15-ease)!important}
html[data-ui="5"] .stage1-r15-agent .stage1-r15-composer:focus-within{border-radius:46px!important;transform:translateY(-2px);border-color:rgba(108,229,251,.24)!important;box-shadow:0 20px 58px rgba(0,0,0,.30),0 0 32px rgba(60,218,247,.045),inset 0 1px rgba(255,255,255,.055)!important}

/* Working scanner gets a soft spatial grid only during real execution. */
html[data-ui="5"] .stage1-r15-agent .stage1-r15-chat-surface[data-surface-state="working"] .agent-conversation-log::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.055;background-image:linear-gradient(rgba(87,221,247,.48) 1px,transparent 1px),linear-gradient(90deg,rgba(87,221,247,.35) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000 15%,#000 82%,transparent)}

/* Mobile R15: true one-row cinematic system filmstrip and mature reading scale. */
@media(max-width:680px){
 html[data-ui="5"] .route-client .stage1-r15-home{padding-inline:8px!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r2-hero{min-height:220px!important;border-radius:34px!important;padding:18px 15px 14px!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r2-hero h1{font-size:29px!important;line-height:1.03!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r2-hero p{font-size:14px!important;line-height:1.58!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r15-data-rail{overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:26px!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r15-data-rail::-webkit-scrollbar{display:none}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r15-kpi{flex:0 0 62%!important;scroll-snap-align:center;min-height:78px!important;padding:11px 13px 16px!important;border-radius:21px!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r15-kpi+.stage1-r15-kpi::before{inset-block:14px}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r2-systems{border-radius:31px!important;padding:10px 8px 11px!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r15-system-rail{display:flex!important;grid-auto-flow:unset!important;grid-template-rows:none!important;grid-auto-columns:unset!important;gap:5px!important;padding:5px!important;border-radius:25px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r2-system-card{flex:0 0 min(72vw,260px)!important;min-width:min(72vw,260px)!important;min-height:98px!important;scroll-snap-align:center;grid-template-columns:48px minmax(0,1fr)!important;padding:13px 14px!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(12,45,60,.50),rgba(3,23,35,.62))!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r2-system-card+.stage1-r2-system-card::before{display:none!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r2-system-icon{width:48px!important;height:48px!important;border-radius:18px!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r2-system-card strong{font-size:15px!important}
 html[data-ui="5"] .route-client .stage1-r15-home .stage1-r2-system-card small{font-size:11px!important;white-space:normal!important;line-height:1.35!important}
 html[data-ui="5"] .route-client .stage1-r15-home :where(.stage1-r2-glass,.stage1-r12-ai-surface){border-radius:27px!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .stage1-r15-chat-surface{border-radius:32px!important;min-height:calc(100dvh - 132px)!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .stage1-r15-chat-surface[data-surface-state="draft"]{border-radius:38px!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .stage1-r15-chat-surface[data-surface-state="working"]{border-radius:42px!important;transform:none}
 html[data-ui="5"] .route-agent .stage1-r15-agent .agent-conversation-log{padding:15px 11px 10px!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .agent-welcome{padding:14px 8px 11px!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .agent-welcome h2{font-size:24px!important;line-height:1.10!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .agent-welcome>p{font-size:14.5px!important;line-height:1.62!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .agent-suggestions{grid-template-columns:1fr 1fr!important;border-radius:24px!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .agent-suggestions button{min-height:50px!important;border-radius:18px!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .stage1-r15-composer-wrap{padding:6px 6px max(6px,env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .stage1-r15-composer{border-radius:26px!important;padding:7px 8px 5px!important}
 html[data-ui="5"] .route-agent .stage1-r15-agent .stage1-r15-composer:focus-within{border-radius:40px!important}
}
@media(min-width:1201px){
 html[data-ui="5"] .stage1-r15-home .stage1-r2-hero{min-height:350px!important;padding:48px 52px!important}
 html[data-ui="5"] .stage1-r15-home .stage1-r2-system-card{min-height:104px!important}
 html[data-ui="5"] .stage1-r15-agent .stage1-r15-chat-surface{border-radius:48px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] :where(.stage1-r15-home .stage1-r2-system-card,.stage1-r15-home .stage1-r15-kpi,.stage1-r15-agent .stage1-r15-chat-surface,.stage1-r15-agent .stage1-r15-composer){transition:none!important;transform:none!important}
 html[data-ui="5"] .stage1-r15-agent .stage1-r15-chat-surface[data-surface-state="working"] .agent-conversation-log::before{display:none!important}
}

/* ========================================================================== */
/* Stage 1 R16 — Holographic Theater + Adaptive Glass Intelligence            */
/* ========================================================================== */
html[data-ui="5"]{
 --cs-r16-cyan:#63e7fb;--cs-r16-cyan-soft:rgba(99,231,251,.16);
 --cs-r16-orange:#ffa33a;--cs-r16-orange-soft:rgba(255,163,58,.14);
 --cs-r16-line:rgba(150,226,247,.115);--cs-r16-line-strong:rgba(173,236,252,.20);
 --cs-r16-glass:rgba(5,24,36,.78);--cs-r16-glass-deep:rgba(2,14,24,.94);
 --cs-r16-ease:cubic-bezier(.16,.82,.22,1);
}

/* R16 shell: one continuous optical stage rather than stacked admin chrome. */
html[data-ui="5"] .stage1-r16-home,
html[data-ui="5"] .stage1-r16-agent{letter-spacing:-.008em}
html[data-ui="5"] .stage1-r16-home :where(.stage1-r2-hero,.stage1-r2-systems,.stage1-r2-glass,.stage1-r15-data-rail),
html[data-ui="5"] .stage1-r16-agent :where(.stage1-r16-chat-surface,.agent-history){
 position:relative;isolation:isolate;overflow:hidden;
}
html[data-ui="5"] .stage1-r16-home :where(.stage1-r2-hero,.stage1-r2-systems,.stage1-r2-glass)::before,
html[data-ui="5"] .stage1-r16-agent .stage1-r16-chat-surface::before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;
 background:
  linear-gradient(118deg,rgba(255,255,255,.058),transparent 18%,transparent 70%,rgba(104,227,250,.03)),
  radial-gradient(circle at 14% 0%,rgba(98,228,250,.06),transparent 31%);
 mix-blend-mode:screen;
}
html[data-ui="5"] .stage1-r16-home :where(.stage1-r2-hero,.stage1-r2-systems,.stage1-r2-glass)>*,
html[data-ui="5"] .stage1-r16-agent .stage1-r16-chat-surface>*{position:relative;z-index:1}

/* Cinematic home stage: quieter copy, stronger spatial frame. */
html[data-ui="5"] .stage1-r16-home .stage1-r2-hero{
 min-height:332px!important;border-radius:48px!important;border:1px solid rgba(148,225,246,.13)!important;
 background:
  linear-gradient(90deg,rgba(3,15,25,.84) 0%,rgba(3,15,25,.58) 38%,rgba(3,15,25,.12) 72%),
  linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%),#04111c!important;
 box-shadow:0 44px 140px rgba(0,0,0,.44),0 0 80px rgba(51,204,239,.035),inset 0 1px rgba(255,255,255,.06)!important;
}
html[data-ui="5"] .stage1-r16-home .stage1-r2-hero::after{
 content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:0;
 background:
  linear-gradient(90deg,transparent 49.7%,rgba(104,227,250,.085) 50%,transparent 50.3%),
  linear-gradient(0deg,transparent 49.7%,rgba(104,227,250,.045) 50%,transparent 50.3%);
 background-size:88px 88px;mask-image:linear-gradient(90deg,transparent 34%,rgba(0,0,0,.65) 60%,#000 100%);opacity:.25;
}
html[data-ui="5"] .stage1-r16-home .stage1-r2-planet{filter:saturate(.96) contrast(1.06) brightness(.88);opacity:.94;transform:scale(1.035);transform-origin:70% 46%}
html[data-ui="5"] .stage1-r16-home .stage1-r2-hero-copy{max-width:680px}
html[data-ui="5"] .stage1-r16-home .stage1-r2-hero h1{font-size:clamp(38px,3.7vw,62px)!important;line-height:.98!important;letter-spacing:-.055em!important}
html[data-ui="5"] .stage1-r16-home .stage1-r2-hero p{max-width:620px;font-size:clamp(15px,1.2vw,18px)!important;color:#b5cbd7!important;line-height:1.7!important}
html[data-ui="5"] .stage1-r16-home .stage1-r2-kicker{letter-spacing:.24em!important;color:#c7dce5!important;opacity:.78}
html[data-ui="5"] .stage1-r16-home .stage1-r2-ask{
 min-height:54px!important;border-radius:999px!important;border:1px solid rgba(137,229,249,.16)!important;
 background:linear-gradient(180deg,rgba(10,43,59,.72),rgba(4,24,37,.84))!important;
 box-shadow:0 14px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055)!important;
}
html[data-ui="5"] .stage1-r16-home .stage1-r2-ask:hover{border-color:rgba(255,173,74,.28)!important;box-shadow:0 18px 56px rgba(0,0,0,.31),0 0 32px rgba(255,145,34,.055),inset 0 1px rgba(255,255,255,.065)!important}
html[data-ui="5"] .stage1-r16-home .stage1-r2-quick{border:0!important;background:transparent!important;padding:0!important;gap:18px!important;margin-top:14px!important}
html[data-ui="5"] .stage1-r16-home .stage1-r2-quick a{min-height:auto!important;padding:0 0 3px!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid transparent!important;color:#b8ccd6!important}
html[data-ui="5"] .stage1-r16-home .stage1-r2-quick a:hover{background:transparent!important;border-bottom-color:rgba(255,168,66,.55)!important;color:#fff!important}

/* Data rail: numbers become instruments with a continuous pulse tied to live value width. */
html[data-ui="5"] .stage1-r16-home .stage1-r16-data-rail{
 position:relative;display:flex!important;gap:0!important;padding:5px!important;border-radius:31px!important;overflow:hidden;
 background:linear-gradient(155deg,rgba(7,32,45,.80),rgba(2,17,29,.91))!important;border:1px solid rgba(125,221,244,.10)!important;
 box-shadow:0 22px 70px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035)!important;
}
html[data-ui="5"] .stage1-r16-home .stage1-r16-kpi{
 position:relative;overflow:hidden;flex:1 1 0;min-width:0;border:0!important;border-radius:25px!important;background:transparent!important;box-shadow:none!important;
 padding:15px 16px 21px!important;transition:background .24s var(--cs-r16-ease),transform .24s var(--cs-r16-ease)!important;
}
html[data-ui="5"] .stage1-r16-home .stage1-r16-kpi+.stage1-r16-kpi::before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:1px;background:linear-gradient(transparent,rgba(133,222,244,.13),transparent)}
html[data-ui="5"] .stage1-r16-home .stage1-r16-kpi:hover{background:rgba(18,58,75,.34)!important;transform:translateY(-1px)}
html[data-ui="5"] .stage1-r16-home .stage1-r16-kpi strong{font-size:clamp(21px,1.8vw,29px)!important;letter-spacing:-.04em}
html[data-ui="5"] .stage1-r16-home .stage1-r16-kpi span:not(.stage1-r2-kpi-icon){font-size:12px!important;color:#bfd1d9!important}
html[data-ui="5"] .stage1-r16-home .stage1-r16-signal{height:1px!important;inset-inline:13px!important;bottom:9px!important;background:rgba(122,222,244,.09)!important;border-radius:999px!important;overflow:visible!important}
html[data-ui="5"] .stage1-r16-home .stage1-r16-signal::after{content:"";display:block;width:var(--signal);height:1px;border-radius:999px;background:linear-gradient(90deg,var(--cs-r16-cyan),rgba(116,234,216,.85),var(--cs-r16-orange));box-shadow:0 0 12px rgba(93,226,248,.25)}
html[data-ui="5"] .stage1-r16-home .stage1-r16-data-pulse{position:absolute;width:7px;height:7px;bottom:6px;inset-inline-start:calc(13px + var(--signal) - 4px);border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(93,226,248,.12),0 0 15px rgba(93,226,248,.65);opacity:.82}

/* System theater: labels are spatial titles, not button cards. */
html[data-ui="5"] .stage1-r16-home .stage1-r2-systems{
 border-radius:38px!important;padding:14px 16px 16px!important;background:linear-gradient(160deg,rgba(7,31,45,.79),rgba(2,17,29,.90))!important;
 border:1px solid rgba(126,222,244,.09)!important;box-shadow:0 28px 90px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.035)!important;
}
html[data-ui="5"] .stage1-r16-home .stage1-r2-systems header{padding:0 6px 9px!important}
html[data-ui="5"] .stage1-r16-home .stage1-r2-systems header h2{font-size:19px!important;letter-spacing:-.035em}
html[data-ui="5"] .stage1-r16-home .stage1-r2-systems header p{font-size:12px!important;color:#91aab7!important}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-rail{
 display:flex!important;gap:0!important;padding:5px!important;border-radius:29px!important;overflow-x:auto!important;scroll-snap-type:x proximity;background:rgba(2,18,29,.38)!important;border:1px solid rgba(126,220,243,.055)!important;scrollbar-width:none;
}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-rail::-webkit-scrollbar{display:none}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-surface{
 position:relative;flex:1 0 160px;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto 16px!important;grid-template-rows:auto!important;align-items:center!important;gap:10px!important;
 min-height:86px!important;padding:12px 13px!important;border:0!important;border-radius:23px!important;background:transparent!important;box-shadow:none!important;scroll-snap-align:start;
 transition:background .24s var(--cs-r16-ease),transform .24s var(--cs-r16-ease),box-shadow .24s var(--cs-r16-ease)!important;
}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-surface+.stage1-r16-system-surface::before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:1px;background:linear-gradient(transparent,rgba(123,219,242,.10),transparent)}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-surface:hover{background:linear-gradient(155deg,rgba(18,61,78,.54),rgba(3,26,39,.72))!important;transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-surface:active{transform:translateY(0) scale(.992)!important}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-surface .stage1-r2-system-icon{width:44px!important;height:44px!important;border-radius:16px!important;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.09),transparent 42%),rgba(10,47,64,.56)!important;border:1px solid rgba(121,221,244,.09)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-copy strong{font-size:14px!important;letter-spacing:-.02em}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-copy small{font-size:10px!important;color:#8fa8b5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-index{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(157,205,222,.37);letter-spacing:.08em}
html[data-ui="5"] .stage1-r16-home .stage1-r16-system-surface>svg:last-child{opacity:.48}

/* Home AI becomes a holographic instrument, not a card with a face. */
html[data-ui="5"] .stage1-r16-home .stage1-r16-ai-stage{
 border-radius:36px!important;background:
  radial-gradient(circle at 30% 24%,rgba(80,222,248,.09),transparent 28%),
  radial-gradient(circle at 82% 90%,rgba(255,151,41,.055),transparent 34%),
  linear-gradient(155deg,rgba(7,35,49,.82),rgba(2,17,29,.95))!important;
}
html[data-ui="5"] .stage1-r16-home .stage1-r16-home-orb{position:relative;width:82px!important;height:82px!important;border-color:rgba(100,230,250,.32)!important;box-shadow:0 0 0 10px rgba(78,219,245,.025),0 0 44px rgba(75,220,246,.08),inset 0 0 30px rgba(48,202,237,.08)!important}
html[data-ui="5"] .stage1-r16-home .stage1-r16-home-orb::before,
html[data-ui="5"] .stage1-r16-home .stage1-r16-home-orb::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(93,226,248,.12);inset:-9px;animation:cs-r16-orbit 9s linear infinite}
html[data-ui="5"] .stage1-r16-home .stage1-r16-home-orb::after{inset:-18px;border-color:rgba(255,157,54,.08);animation-direction:reverse;animation-duration:13s}
@keyframes cs-r16-orbit{to{transform:rotate(360deg)}}

/* Connected chat theater: output panels look carved from the same surface. */
html[data-ui="5"] .stage1-r16-agent .stage1-r16-chat-surface{
 border-radius:52px!important;background:
  radial-gradient(circle at 50% -6%,rgba(93,225,249,.10),transparent 27%),
  radial-gradient(circle at 4% 88%,rgba(255,153,44,.035),transparent 28%),
  linear-gradient(180deg,rgba(5,28,42,.965),rgba(1,13,24,.992))!important;
 border-color:rgba(137,225,247,.12)!important;
 box-shadow:0 52px 160px rgba(0,0,0,.51),0 0 90px rgba(72,220,246,.045),inset 0 1px rgba(255,255,255,.058)!important;
}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-chat-surface[data-surface-state="draft"]{border-radius:60px!important}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-chat-surface[data-surface-state="working"]{border-radius:68px!important;box-shadow:0 56px 176px rgba(0,0,0,.53),0 0 110px rgba(73,224,249,.085),0 0 56px rgba(255,151,42,.045),inset 0 1px rgba(255,255,255,.064)!important}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-chat-surface[data-surface-state="result"]{border-radius:58px!important}
html[data-ui="5"] .stage1-r16-agent :where(.agent-answer,.agent-proposal,.agent-working,.vx-chat-workspace,.vx-chat-source,.agent-sources){border-radius:34px!important;background:linear-gradient(155deg,rgba(8,39,54,.58),rgba(2,20,32,.78))!important;border-color:rgba(132,224,246,.075)!important;box-shadow:0 18px 52px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.026)!important}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-suggestions{padding:5px!important;gap:5px!important;border-radius:29px!important;background:rgba(2,19,31,.38)!important;border:1px solid rgba(131,225,247,.055)!important}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-suggestions button{border:0!important;background:transparent!important;border-radius:23px!important;box-shadow:none!important;min-height:56px!important;transition:background .22s var(--cs-r16-ease),transform .22s var(--cs-r16-ease)!important}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-suggestions button:hover{background:rgba(15,57,73,.48)!important}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-suggestions button:active{transform:scale(.988)}

/* Orb is an ambient presence with depth rings, not a corner badge. */
html[data-ui="5"] .stage1-r16-agent .stage1-r16-orbit{position:relative;width:min(220px,54vw);min-height:178px;margin:4px auto 8px;display:grid;place-items:center;align-content:center}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-orbit::before,
html[data-ui="5"] .stage1-r16-agent .stage1-r16-orbit::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-orbit::before{width:178px;height:178px;border:1px solid rgba(96,227,250,.12);box-shadow:0 0 48px rgba(72,219,246,.045),inset 0 0 46px rgba(72,219,246,.025);animation:cs-r16-orb-breathe 5.8s ease-in-out infinite}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-orbit::after{width:210px;height:118px;border:1px solid rgba(255,158,54,.075);transform:translate(-50%,-50%) rotate(-12deg);animation:cs-r16-orb-tilt 12s linear infinite}
@keyframes cs-r16-orb-breathe{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes cs-r16-orb-tilt{to{transform:translate(-50%,-50%) rotate(348deg)}}

/* Composer remains the lower lobe of the same glass surface. */
html[data-ui="5"] .stage1-r16-agent .stage1-r16-composer-wrap{padding:8px 10px max(9px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(1,14,24,.01),rgba(1,14,24,.80))!important;border-top-color:rgba(134,225,247,.055)!important}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-composer{border-radius:35px!important;background:linear-gradient(155deg,rgba(9,40,55,.70),rgba(2,20,33,.91))!important;border-color:rgba(136,226,248,.12)!important;box-shadow:0 16px 50px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.042)!important}
html[data-ui="5"] .stage1-r16-agent .stage1-r16-composer:focus-within{border-radius:50px!important;transform:translateY(-2px);border-color:rgba(119,232,251,.22)!important;box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 40px rgba(70,220,247,.05),inset 0 1px rgba(255,255,255,.06)!important}

/* Tactile language: labels and surfaces, not detached chrome buttons. */
html[data-ui="5"] .stage1-r16-home :where(.btn,.stage1-r2-system-card,.stage1-r2-ask),
html[data-ui="5"] .stage1-r16-agent :where(.btn,.agent-suggestions button){transition:transform .22s var(--cs-r16-ease),background .22s var(--cs-r16-ease),border-color .22s ease,box-shadow .22s ease!important}
html[data-ui="5"] .stage1-r16-home .btn:not(.primary):not(.danger),
html[data-ui="5"] .stage1-r16-agent .btn:not(.primary):not(.danger){background:transparent!important;box-shadow:none!important}
html[data-ui="5"] .stage1-r16-home .btn:not(.primary):not(.danger):hover,
html[data-ui="5"] .stage1-r16-agent .btn:not(.primary):not(.danger):hover{background:rgba(18,57,73,.34)!important}

/* Mobile becomes cinematic, readable and calmer: one featured title at a time. */
@media(max-width:680px){
 html[data-ui="5"] .route-client .stage1-r16-home{padding-inline:6px!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-hero{min-height:246px!important;border-radius:38px!important;padding:22px 17px 15px!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-hero h1{font-size:32px!important;max-width:86%;line-height:1.01!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-hero p{font-size:14px!important;max-width:88%;line-height:1.65!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-quick{gap:13px!important;overflow-x:auto;scrollbar-width:none;padding-bottom:2px!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-quick::-webkit-scrollbar{display:none}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r16-data-rail{overflow-x:auto!important;scroll-snap-type:x mandatory;border-radius:29px!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r16-kpi{flex:0 0 72%!important;scroll-snap-align:center;min-height:86px!important;padding:13px 15px 22px!important;border-radius:23px!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r16-kpi+.stage1-r16-kpi::before{display:none}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-systems{border-radius:34px!important;padding:10px 8px 11px!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r16-system-rail{gap:5px!important;border-radius:27px!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r16-system-surface{flex:0 0 min(84vw,320px)!important;min-width:min(84vw,320px)!important;min-height:108px!important;grid-template-columns:52px minmax(0,1fr) auto 16px!important;padding:15px!important;border-radius:24px!important;background:linear-gradient(155deg,rgba(10,43,58,.42),rgba(2,22,34,.56))!important;scroll-snap-align:center}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r16-system-surface+.stage1-r16-system-surface::before{display:none}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r16-system-surface .stage1-r2-system-icon{width:52px!important;height:52px!important;border-radius:19px!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r16-system-copy strong{font-size:16px!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r16-system-copy small{font-size:11.5px!important;white-space:normal;line-height:1.42!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r4-dashboard{gap:10px!important}
 html[data-ui="5"] .route-client .stage1-r16-home :where(.stage1-r2-glass,.stage1-r16-ai-stage){border-radius:30px!important}
 html[data-ui="5"] .route-agent .stage1-r16-agent .stage1-r16-chat-surface{border-radius:36px!important;min-height:calc(100dvh - 126px)!important}
 html[data-ui="5"] .route-agent .stage1-r16-agent .stage1-r16-chat-surface[data-surface-state="draft"]{border-radius:42px!important}
 html[data-ui="5"] .route-agent .stage1-r16-agent .stage1-r16-chat-surface[data-surface-state="working"]{border-radius:46px!important;transform:none}
 html[data-ui="5"] .route-agent .stage1-r16-agent .agent-conversation-log{padding:14px 10px 8px!important}
 html[data-ui="5"] .route-agent .stage1-r16-agent .stage1-r16-orbit{width:min(210px,62vw);min-height:168px;margin-top:0}
 html[data-ui="5"] .route-agent .stage1-r16-agent .stage1-r16-suggestions{grid-template-columns:1fr 1fr!important;border-radius:26px!important}
 html[data-ui="5"] .route-agent .stage1-r16-agent .stage1-r16-suggestions button{min-height:52px!important;border-radius:20px!important}
 html[data-ui="5"] .route-agent .stage1-r16-agent .stage1-r16-composer-wrap{padding:6px 6px max(6px,env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .route-agent .stage1-r16-agent .stage1-r16-composer{border-radius:29px!important;padding:7px 8px 5px!important}
 html[data-ui="5"] .route-agent .stage1-r16-agent .stage1-r16-composer:focus-within{border-radius:44px!important}
}
@media(min-width:1201px){
 html[data-ui="5"] .stage1-r16-home .stage1-r2-hero{min-height:372px!important;padding:52px 56px!important}
 html[data-ui="5"] .stage1-r16-home .stage1-r16-system-surface{min-height:98px!important}
 html[data-ui="5"] .stage1-r16-agent .stage1-r16-chat-surface{border-radius:56px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] .stage1-r16-home :where(.stage1-r16-system-surface,.stage1-r16-kpi,.stage1-r16-home-orb),
 html[data-ui="5"] .stage1-r16-agent :where(.stage1-r16-chat-surface,.stage1-r16-composer,.stage1-r16-orbit,.stage1-r16-suggestions button){transition:none!important;animation:none!important;transform:none!important}
 html[data-ui="5"] .stage1-r16-home .stage1-r16-home-orb::before,
 html[data-ui="5"] .stage1-r16-home .stage1-r16-home-orb::after,
 html[data-ui="5"] .stage1-r16-agent .stage1-r16-orbit::before,
 html[data-ui="5"] .stage1-r16-agent .stage1-r16-orbit::after{animation:none!important}
}

/* R16 final visual correction: planet is part of the glass, never a framed picture. */
html[data-ui="5"] .stage1-r16-home .stage1-r2-planet{
 inset:0 auto 0 0!important;width:61%!important;height:100%!important;object-fit:cover!important;object-position:42% 50%!important;
 -webkit-mask-image:radial-gradient(ellipse 94% 88% at 34% 50%,#000 0 57%,rgba(0,0,0,.78) 69%,transparent 96%);
 mask-image:radial-gradient(ellipse 94% 88% at 34% 50%,#000 0 57%,rgba(0,0,0,.78) 69%,transparent 96%);
}
html[data-ui="5"] .stage1-r16-home .stage1-r2-hero-brand{
 position:absolute!important;inset:auto 34px 27px auto!important;min-width:0!important;width:auto!important;padding:0!important;align-items:flex-end!important;opacity:.82;
}
html[data-ui="5"] .stage1-r16-home .stage1-r2-hero-brand img{width:68px!important;height:68px!important;filter:drop-shadow(0 0 20px rgba(255,132,24,.25))!important}
html[data-ui="5"] .stage1-r16-home .stage1-r2-hero-brand strong{font-size:13px!important;letter-spacing:.20em!important;margin-top:4px!important}
html[data-ui="5"] .stage1-r16-home .stage1-r2-hero-brand small{font-size:6px!important;letter-spacing:.26em!important;opacity:.72}
@media(min-width:1201px){
 html[data-ui="5"] .stage1-r16-home .stage1-r2-hero{min-height:314px!important;padding:42px 48px!important}
}
@media(max-width:680px){
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-hero{min-height:228px!important;padding:16px 15px 14px!important;background:linear-gradient(180deg,rgba(2,11,19,.02),rgba(2,13,22,.38) 43%,rgba(2,14,24,.94) 77%,rgba(2,14,24,.995))!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-planet{inset:0 0 auto 0!important;width:100%!important;height:146px!important;object-position:50% 43%!important;-webkit-mask-image:linear-gradient(180deg,#000 0 62%,rgba(0,0,0,.68) 76%,transparent 100%);mask-image:linear-gradient(180deg,#000 0 62%,rgba(0,0,0,.68) 76%,transparent 100%)}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-hero-copy{padding-top:86px!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-hero h1{font-size:30px!important;max-width:94%!important}
 html[data-ui="5"] .route-client .stage1-r16-home .stage1-r2-hero p{font-size:13.5px!important;max-width:96%!important}
}
html[data-ui="5"] .stage1-r16-home .stage1-r2-hero-brand{inset:auto auto 26px 34px!important;align-items:flex-start!important;text-align:left!important;text-shadow:0 2px 18px rgba(0,0,0,.56)}

/* =====================================================================
   Stage 1 R17 — Cinematic Screen System / Original-Media-Only surfaces
   ===================================================================== */
:root{
 --cs-r17-cyan:#69e7ff;
 --cs-r17-cyan-soft:rgba(105,231,255,.14);
 --cs-r17-orange:#ff982d;
 --cs-r17-orange-soft:rgba(255,152,45,.14);
 --cs-r17-glass:rgba(5,24,36,.78);
 --cs-r17-glass-deep:rgba(2,13,23,.94);
 --cs-r17-line:rgba(151,229,247,.13);
 --cs-r17-radius:34px;
 --cs-r17-ease:cubic-bezier(.16,.84,.24,1);
}
html[data-ui="5"] :where(.stage1-r17-home,.stage1-r17-agent){--surface-line:var(--cs-r17-line);--surface-cyan:var(--cs-r17-cyan);--surface-orange:var(--cs-r17-orange)}
html[data-ui="5"] .stage1-r17-home{position:relative;isolation:isolate}
html[data-ui="5"] .stage1-r17-home:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 78% 8%,rgba(60,202,255,.055),transparent 32%),radial-gradient(circle at 18% 82%,rgba(255,127,23,.045),transparent 30%)}

/* Screen language: every major business surface reads as a display, not a card. */
html[data-ui="5"] .stage1-r17-screen-surface,
html[data-ui="5"] .stage1-r17-screen-deck,
html[data-ui="5"] .stage1-r17-agent .stage1-r17-chat-surface{
 position:relative;overflow:hidden!important;border:1px solid var(--cs-r17-line)!important;
 background:radial-gradient(circle at 12% 0%,rgba(100,226,255,.052),transparent 27%),linear-gradient(155deg,rgba(7,31,45,.84),rgba(2,15,25,.955))!important;
 box-shadow:0 28px 82px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.052),inset 0 -1px rgba(87,215,244,.025)!important;
 backdrop-filter:blur(30px) saturate(136%)!important;-webkit-backdrop-filter:blur(30px) saturate(136%)!important;
}
html[data-ui="5"] .stage1-r17-screen-surface:before,
html[data-ui="5"] .stage1-r17-screen-deck:before,
html[data-ui="5"] .stage1-r17-agent .stage1-r17-chat-surface:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 19%,transparent 75%,rgba(82,224,251,.028));mix-blend-mode:screen}
html[data-ui="5"] .stage1-r17-screen-surface:after,
html[data-ui="5"] .stage1-r17-screen-deck:after{content:"";position:absolute;inset:9px;pointer-events:none;border-radius:calc(var(--cs-r17-radius) - 9px);border:1px solid rgba(140,228,248,.035);clip-path:polygon(0 0,42px 0,42px 1px,1px 1px,1px 42px,0 42px,0 0,100% 0,100% 42px,99% 42px,99% 1px,calc(100% - 42px) 1px,calc(100% - 42px) 0,100% 0,100% 100%,calc(100% - 42px) 100%,calc(100% - 42px) 99%,99% 99%,99% calc(100% - 42px),100% calc(100% - 42px),100% 100%,0 100%,0 calc(100% - 42px),1px calc(100% - 42px),1px 99%,42px 99%,42px 100%,0 100%)}

/* Holographic theater: large media-first surfaces, no generic footage. */
html[data-ui="5"] .stage1-r17-screen-deck{border-radius:38px!important;padding:17px!important;margin-block:13px!important}
html[data-ui="5"] .stage1-r17-screen-deck>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 3px 13px}
html[data-ui="5"] .stage1-r17-screen-kicker{display:block;color:#82dff2;font-size:9px;letter-spacing:.24em;font-weight:760;margin-bottom:4px}
html[data-ui="5"] .stage1-r17-screen-deck>header h2{font-size:22px!important;margin:0!important}
html[data-ui="5"] .stage1-r17-screen-deck>header p{margin:3px 0 0!important;color:#9fb6c1!important;font-size:12px!important}
html[data-ui="5"] .stage1-r17-text-action{display:inline-flex;align-items:center;gap:5px;color:#a9c6d1!important;font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap}
html[data-ui="5"] .stage1-r17-text-action:hover{color:#fff!important}
html[data-ui="5"] .stage1-r17-system-theater{display:flex!important;grid-template-columns:none!important;gap:9px!important;padding:0!important;border:0!important;background:transparent!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none}
html[data-ui="5"] .stage1-r17-system-theater::-webkit-scrollbar{display:none}
html[data-ui="5"] .stage1-r17-system-screen{position:relative!important;display:block!important;flex:1 0 min(21%,240px)!important;min-width:190px!important;min-height:168px!important;padding:0!important;border:1px solid rgba(135,226,247,.105)!important;border-radius:26px!important;overflow:hidden!important;background:rgba(3,18,29,.82)!important;scroll-snap-align:start;text-decoration:none!important;transform:translateZ(0);transition:transform 280ms var(--cs-r17-ease),border-color 220ms ease,box-shadow 280ms ease!important}
html[data-ui="5"] .stage1-r17-system-screen+.stage1-r17-system-screen:before{display:none!important}
html[data-ui="5"] .stage1-r17-system-screen:after{content:""!important;position:absolute!important;inset:auto 14% 0!important;width:auto!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(91,229,255,.7),rgba(255,151,40,.72),transparent)!important;opacity:.36!important}
@media(hover:hover){html[data-ui="5"] .stage1-r17-system-screen:hover{transform:translateY(-5px) scale(1.015)!important;border-color:rgba(123,227,250,.26)!important;box-shadow:0 23px 50px rgba(0,0,0,.37),0 0 34px rgba(57,215,248,.07)!important}}
html[data-ui="5"] .stage1-r17-media-surface{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,rgba(5,32,47,.96),rgba(1,13,23,.98));color:#eefaFF}
html[data-ui="5"] .stage1-r17-media-surface video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.04)}
html[data-ui="5"] .stage1-r17-media-surface video+*{pointer-events:none}
html[data-ui="5"] .stage1-r17-media-field{position:absolute;inset:0;background:radial-gradient(circle at 65% 22%,rgba(80,222,249,.16),transparent 28%),radial-gradient(circle at 24% 80%,rgba(255,139,30,.12),transparent 31%),linear-gradient(152deg,rgba(6,40,57,.80),rgba(2,17,28,.96));overflow:hidden}
html[data-ui="5"] .stage1-r17-media-field .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(112,226,250,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(112,226,250,.035) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 90%)}
html[data-ui="5"] .stage1-r17-media-field .beam{position:absolute;width:150%;height:1px;left:-25%;background:linear-gradient(90deg,transparent,rgba(84,226,253,.58),rgba(255,151,41,.36),transparent);box-shadow:0 0 16px rgba(73,221,250,.14);opacity:.45;transform:rotate(-12deg)}
html[data-ui="5"] .stage1-r17-media-field .beam.a{top:31%}.stage1-r17-media-field .beam.b{top:66%;transform:rotate(9deg);opacity:.27}
html[data-ui="5"] .stage1-r17-media-mark{position:absolute;top:50%;left:50%;translate:-50% -50%;width:48px;height:48px;border-radius:18px;display:grid;place-items:center;color:#d9f8ff;border:1px solid rgba(110,228,251,.20);background:rgba(5,37,52,.62);box-shadow:0 0 28px rgba(60,216,248,.08),inset 0 1px rgba(255,255,255,.05)}
html[data-ui="5"] .stage1-r17-media-copy{position:absolute;inset:auto 12px 12px;display:flex;flex-direction:column;gap:2px;opacity:.78}
html[data-ui="5"] .stage1-r17-media-copy strong{font-size:11px!important;color:#effbff}.stage1-r17-media-copy small{font-size:8px!important;color:#8facb9!important}
html[data-ui="5"] .stage1-r17-media-status{position:absolute;top:10px;left:10px;font-size:7px;letter-spacing:.14em;color:#9bdbea;border:1px solid rgba(112,226,249,.13);background:rgba(2,16,27,.58);padding:4px 7px;border-radius:999px;backdrop-filter:blur(12px)}
html[data-ui="5"] .stage1-r17-system-overlay{position:absolute;z-index:3;inset:auto 11px 11px;display:flex;align-items:end;gap:9px;padding:9px 10px;border-radius:17px;background:linear-gradient(90deg,rgba(2,15,25,.93),rgba(4,23,35,.70));border:1px solid rgba(133,224,245,.08);backdrop-filter:blur(18px)}
html[data-ui="5"] .stage1-r17-system-overlay .stage1-r16-system-copy{display:flex;flex:1;flex-direction:column;min-width:0}.stage1-r17-system-overlay strong{font-size:13px!important}.stage1-r17-system-overlay small{font-size:9px!important;color:#90aab7!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui="5"] .stage1-r17-open-label{position:absolute;z-index:4;top:11px;right:11px;display:flex;gap:3px;align-items:center;font-size:7px;letter-spacing:.12em;color:#c9f5ff;opacity:.66}

/* R17 makes dashboard sections look like coherent display screens. */
html[data-ui="5"] .stage1-r17-home .stage1-r4-dashboard{gap:11px!important}
html[data-ui="5"] .stage1-r17-screen-surface{border-radius:32px!important}
html[data-ui="5"] .stage1-r17-screen-surface>header{position:relative;z-index:2;padding-bottom:8px;border-bottom:1px solid rgba(126,220,243,.055)}
html[data-ui="5"] .stage1-r17-screen-surface>header h2{font-size:17px!important;font-weight:730!important}
html[data-ui="5"] .stage1-r17-screen-surface>header a{font-size:11px!important;color:#9fc4d0!important}
html[data-ui="5"] .stage1-r17-original-media .stage1-r4-video-wrap{border-radius:25px!important;overflow:hidden;border:1px solid rgba(143,228,247,.11)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}

/* AI Presence: abstract intelligence signal, no generic robot face. */
html[data-ui="5"] .stage1-r17-presence-core{position:relative!important;display:grid!important;place-items:center!important;overflow:visible!important;background:radial-gradient(circle,rgba(94,228,255,.16),rgba(8,44,60,.48) 40%,rgba(2,17,29,.96) 72%)!important;border:1px solid rgba(107,229,253,.32)!important;box-shadow:0 0 44px rgba(51,216,249,.12),inset 0 0 30px rgba(69,222,250,.08)!important}
html[data-ui="5"] .stage1-r17-presence-ring{position:absolute;border:1px solid rgba(111,229,252,.26);border-radius:50%;inset:9px}.stage1-r17-presence-ring.ring-b{inset:17px;border-color:rgba(255,155,48,.20);transform:rotate(48deg)}
html[data-ui="5"] .stage1-r17-presence-beam{position:absolute;width:130%;height:1px;background:linear-gradient(90deg,transparent,#71e7ff,rgba(255,157,51,.55),transparent);box-shadow:0 0 15px rgba(100,227,255,.18);transform:rotate(-18deg)}
html[data-ui="5"] .stage1-r17-presence-signal{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#e8fbff;background:rgba(4,30,43,.84);border:1px solid rgba(133,233,252,.27)}
html[data-ui="5"] .stage1-r17-ai-presence .stage1-r4-ai-list a{border:0!important;background:transparent!important;border-radius:0!important;border-bottom:1px solid rgba(128,221,244,.07)!important;padding-inline:4px!important;box-shadow:none!important}

/* Code AI R17: one adaptive cinema surface; result screens size with content. */
html[data-ui="5"] .stage1-r17-agent .stage1-r17-chat-surface{border-radius:44px!important;isolation:isolate}
html[data-ui="5"] .stage1-r17-agent .stage1-r17-chat-surface[data-surface-state="working"]:after{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,transparent 0%,rgba(91,226,255,.025) 42%,rgba(96,229,255,.16) 50%,rgba(255,151,41,.05) 53%,transparent 62%);transform:translateY(-100%);animation:cs-r17-scan 2.6s linear infinite;mix-blend-mode:screen}
@keyframes cs-r17-scan{to{transform:translateY(100%)}}
html[data-ui="5"] .stage1-r17-agent .stage1-r17-presence-stage{min-height:152px;display:grid;place-items:center;align-content:center;gap:9px}
html[data-ui="5"] .stage1-r17-intelligence-core .agent-ai-face{display:none!important}
html[data-ui="5"] .stage1-r17-core-signal{display:grid!important;grid-template-columns:repeat(3,3px)!important;gap:3px!important;place-content:center!important;background:radial-gradient(circle,rgba(118,235,255,.28),rgba(3,24,36,.88))!important}
html[data-ui="5"] .stage1-r17-core-signal i{width:3px;height:22px;border-radius:999px;background:linear-gradient(180deg,#7deaff,#ff9e37);box-shadow:0 0 10px rgba(91,226,255,.25);transform-origin:center}
html[data-ui="5"] .stage1-r17-core-signal i:nth-child(1){height:11px}.stage1-r17-core-signal i:nth-child(3){height:15px}
html[data-ui="5"] .stage1-r17-intelligence-core.is-thinking .stage1-r17-core-signal i{animation:cs-r17-signal .82s ease-in-out infinite alternate}.stage1-r17-intelligence-core.is-thinking .stage1-r17-core-signal i:nth-child(2){animation-delay:.12s}.stage1-r17-intelligence-core.is-thinking .stage1-r17-core-signal i:nth-child(3){animation-delay:.24s}
@keyframes cs-r17-signal{to{height:27px;filter:brightness(1.25)}}
html[data-ui="5"] .stage1-r17-result-screen{max-width:100%;border:1px solid rgba(133,226,247,.09)!important;border-radius:30px!important;background:linear-gradient(155deg,rgba(8,34,48,.61),rgba(2,17,28,.75))!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;padding:14px 15px!important;transition:max-width 280ms var(--cs-r17-ease),border-radius 280ms var(--cs-r17-ease),background 240ms ease!important}
html[data-ui="5"] .stage1-r17-result-screen[data-template-size="md"]{max-width:min(94%,760px)}
html[data-ui="5"] .stage1-r17-result-screen[data-template-size="lg"]{max-width:min(97%,940px)}
html[data-ui="5"] .stage1-r17-result-screen[data-template-size="xl"]{max-width:100%}
html[data-ui="5"] .stage1-r17-working-screen{border-radius:27px!important;border:1px solid rgba(100,226,251,.12)!important;background:rgba(5,31,44,.62)!important;padding:12px!important}
html[data-ui="5"] .stage1-r17-composer-wrap{border-radius:0 0 40px 40px!important;border-top:1px solid rgba(129,226,248,.07)!important;background:linear-gradient(180deg,rgba(2,16,27,.20),rgba(2,14,24,.82))!important;backdrop-filter:blur(28px) saturate(132%)!important}
html[data-ui="5"] .stage1-r17-composer{border-radius:28px!important;border-color:rgba(126,225,247,.14)!important;background:linear-gradient(155deg,rgba(10,40,54,.74),rgba(4,24,36,.91))!important;box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .stage1-r17-composer:focus-within{border-color:rgba(115,232,253,.31)!important;box-shadow:0 20px 52px rgba(0,0,0,.28),0 0 34px rgba(72,221,249,.06),inset 0 1px rgba(255,255,255,.055)!important;transform:translateY(-1px)}

/* More mature sizing / readability. */
html[data-ui="5"] .stage1-r17-home{font-size:14px}
html[data-ui="5"] .stage1-r17-home :where(p,.muted){line-height:1.62}
html[data-ui="5"] .stage1-r17-home :where(.stage1-r2-kpi,.stage1-r17-screen-surface,.stage1-r17-system-screen){text-rendering:geometricPrecision}

@media(max-width:680px){
 html[data-ui="5"] .stage1-r17-screen-deck{border-radius:28px!important;padding:12px!important;margin-block:9px!important}
 html[data-ui="5"] .stage1-r17-screen-deck>header{align-items:center;margin-bottom:9px}.stage1-r17-screen-deck>header p{display:none}
 html[data-ui="5"] .stage1-r17-system-screen{flex:0 0 min(78vw,298px)!important;min-width:min(78vw,298px)!important;min-height:158px!important;border-radius:24px!important}
 html[data-ui="5"] .stage1-r17-media-copy small{font-size:8.5px!important}
 html[data-ui="5"] .stage1-r17-screen-surface{border-radius:26px!important}
 html[data-ui="5"] .stage1-r17-agent .stage1-r17-chat-surface{border-radius:30px!important}
 html[data-ui="5"] body.route-agent .stage1-r17-agent .stage1-r17-composer-wrap{border-radius:0 0 29px 29px!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .stage1-r17-result-screen[data-template-size]{max-width:100%!important;border-radius:24px!important}
 html[data-ui="5"] .stage1-r17-presence-stage{min-height:134px}
}
@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] .stage1-r17-chat-surface[data-surface-state="working"]:after,
 html[data-ui="5"] .stage1-r17-core-signal i{animation:none!important}
 html[data-ui="5"] .stage1-r17-system-screen{transition:none!important}
}


/* =====================================================================
   Stage 1 R18 — Precision Theater / Editorial Glass / Adaptive AI Canvas
   ===================================================================== */
:root{
 --cs-r18-cyan:#76e8fb;--cs-r18-orange:#ff9b31;--cs-r18-ink:#eefbff;
 --cs-r18-line:rgba(159,229,246,.12);--cs-r18-line-strong:rgba(167,233,248,.22);
 --cs-r18-glass:rgba(4,22,34,.82);--cs-r18-deep:rgba(2,13,22,.965);
 --cs-r18-radius:36px;--cs-r18-ease:cubic-bezier(.18,.82,.22,1);
}
html[data-ui="5"] .stage1-r18-home,html[data-ui="5"] .stage1-r18-agent{font-kerning:normal;text-rendering:geometricPrecision;letter-spacing:-.006em}
html[data-ui="5"] .stage1-r18-home{display:block;position:relative;isolation:isolate}
html[data-ui="5"] .stage1-r18-home:after{content:"";position:fixed;z-index:-1;pointer-events:none;inset:52px 0 0 var(--nav-width);background:linear-gradient(90deg,transparent 49.86%,rgba(112,230,251,.018) 50%,transparent 50.14%),linear-gradient(0deg,transparent 49.86%,rgba(112,230,251,.012) 50%,transparent 50.14%);background-size:124px 124px;mask-image:radial-gradient(circle at 65% 20%,#000 0,transparent 68%);opacity:.52}
html[data-ui="5"] .workspace-main:has(.stage1-r18-home),html[data-ui="5"] .workspace-main:has(.stage1-r18-agent){max-width:1680px;padding-inline:clamp(18px,2vw,32px)}

/* Compact cinematic hero with editorial status line. */
html[data-ui="5"] .stage1-r18-home .stage1-r18-hero{min-height:272px!important;padding:35px 44px!important;border-radius:46px!important;border-color:rgba(151,229,247,.14)!important;box-shadow:0 34px 120px rgba(0,0,0,.42),0 0 68px rgba(60,215,247,.035),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .stage1-r18-home .stage1-r18-hero .stage1-r2-planet{filter:saturate(.92) contrast(1.08) brightness(.78);opacity:.94;transform:scale(1.035)}
html[data-ui="5"] .stage1-r18-home .stage1-r18-hero h1{font-size:clamp(36px,3.25vw,54px)!important;letter-spacing:-.057em!important;max-width:680px}
html[data-ui="5"] .stage1-r18-home .stage1-r18-hero p{font-size:15px!important;line-height:1.65!important;color:#b7cbd5!important}
html[data-ui="5"] .stage1-r18-hero-state{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:8px 0 2px;color:#9eb8c4;font-size:10px;font-weight:640}
html[data-ui="5"] .stage1-r18-hero-state span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
html[data-ui="5"] .stage1-r18-hero-state span+span:before{content:"";width:3px;height:3px;border-radius:50%;background:rgba(148,220,238,.34)}
html[data-ui="5"] .stage1-r18-hero-state i{width:6px;height:6px;border-radius:50%;background:#4ee6ac;box-shadow:0 0 12px rgba(78,230,172,.45)}
html[data-ui="5"] .stage1-r18-home .stage1-r2-hero-brand{opacity:.76!important;transform:scale(.88);transform-origin:left bottom}

/* Instrument deck: real current values drive both line width and local meter. */
html[data-ui="5"] .stage1-r18-data-deck{border-radius:30px!important;background:linear-gradient(155deg,rgba(6,29,42,.76),rgba(2,15,25,.90))!important;border:1px solid rgba(143,226,246,.085)!important;box-shadow:0 18px 60px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035)!important;overflow:hidden}
html[data-ui="5"] .stage1-r18-data-deck .stage1-r18-kpi{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;min-height:84px!important;padding:13px 15px 18px!important}
html[data-ui="5"] .stage1-r18-kpi-copy{min-width:0;display:grid;gap:1px}
html[data-ui="5"] .stage1-r18-kpi-copy strong{font-size:clamp(20px,1.65vw,27px)!important;font-variant-numeric:tabular-nums}
html[data-ui="5"] .stage1-r18-kpi-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7f99a6!important;font-size:9px!important}
html[data-ui="5"] .stage1-r18-meter{height:34px;width:39px;display:flex;align-items:end;justify-content:end;gap:2px;opacity:.58;direction:ltr}
html[data-ui="5"] .stage1-r18-meter i{display:block;width:3px;height:var(--meter);max-height:31px;min-height:5px;border-radius:999px;background:linear-gradient(180deg,var(--cs-r18-cyan),rgba(87,217,241,.42));box-shadow:0 0 7px rgba(88,224,249,.10)}
html[data-ui="5"] .stage1-r18-kpi.orange .stage1-r18-meter i,html[data-ui="5"] .stage1-r18-kpi.red .stage1-r18-meter i{background:linear-gradient(180deg,var(--cs-r18-orange),rgba(255,142,45,.35))}

/* Theater deck: one framed cinema rail, not a row of conventional cards. */
html[data-ui="5"] .stage1-r18-screen-deck{border-radius:42px!important;padding:18px 18px 20px!important;background:radial-gradient(circle at 68% 0%,rgba(74,218,247,.055),transparent 33%),linear-gradient(158deg,rgba(5,27,41,.86),rgba(1,13,23,.965))!important;border-color:rgba(146,228,247,.11)!important;box-shadow:0 34px 110px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)!important}
html[data-ui="5"] .stage1-r18-screen-deck>header{align-items:center!important;margin-bottom:14px!important}
html[data-ui="5"] .stage1-r18-screen-deck>header h2{font-size:23px!important;letter-spacing:-.04em}
html[data-ui="5"] .stage1-r18-deck-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
html[data-ui="5"] .stage1-r18-deck-meta span{font-size:8px;color:#86a8b6;padding:3px 7px;border-radius:999px;border:1px solid rgba(139,223,243,.075);background:rgba(4,24,36,.40);letter-spacing:.02em}
html[data-ui="5"] .stage1-r18-system-theater{gap:10px!important;overflow-x:auto!important;padding:1px 1px 6px!important;mask-image:linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%)}
html[data-ui="5"] .stage1-r18-system-screen{flex:1 0 min(23vw,270px)!important;min-width:218px!important;min-height:184px!important;border-radius:29px!important;border-color:rgba(148,228,247,.105)!important;background:#03131f!important;box-shadow:0 16px 42px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035)!important;transition:flex-basis 340ms var(--cs-r18-ease),transform 300ms var(--cs-r18-ease),border-color 220ms ease,box-shadow 300ms ease!important}
html[data-ui="5"] .stage1-r18-system-screen .stage1-r17-media-surface{inset:0!important;background:linear-gradient(150deg,#06273a,#02121e)!important}
html[data-ui="5"] .stage1-r18-system-screen .stage1-r17-media-copy{display:none}
html[data-ui="5"] .stage1-r18-system-screen .stage1-r17-media-status{top:12px;left:12px;background:rgba(2,15,25,.50);border-color:rgba(127,226,248,.10);color:#8ec5d2;letter-spacing:.12em}
html[data-ui="5"] .stage1-r18-screen-edge{position:absolute;z-index:2;inset:8px;border:1px solid rgba(159,231,247,.04);border-radius:22px;pointer-events:none}
html[data-ui="5"] .stage1-r18-screen-edge:before,html[data-ui="5"] .stage1-r18-screen-edge:after{content:"";position:absolute;width:46px;height:1px;top:0;background:linear-gradient(90deg,rgba(106,231,253,.72),transparent)}
html[data-ui="5"] .stage1-r18-screen-edge:before{left:10px}html[data-ui="5"] .stage1-r18-screen-edge:after{right:10px;transform:scaleX(-1)}
html[data-ui="5"] .stage1-r18-system-screen .stage1-r17-system-overlay{inset:auto 10px 10px!important;border-radius:19px!important;background:linear-gradient(90deg,rgba(2,14,23,.95),rgba(4,28,40,.76))!important;border-color:rgba(147,228,247,.075)!important;padding:10px 11px!important}
html[data-ui="5"] .stage1-r18-system-screen .stage1-r17-open-label{top:13px;right:13px;font-size:7px;opacity:.48}
@media(hover:hover) and (min-width:901px){
 html[data-ui="5"] .stage1-r18-system-theater:hover .stage1-r18-system-screen{opacity:.70;filter:saturate(.82)}
 html[data-ui="5"] .stage1-r18-system-theater .stage1-r18-system-screen:hover{flex-basis:min(29vw,330px)!important;opacity:1;filter:none;transform:translateY(-5px) scale(1.01)!important;border-color:rgba(130,232,252,.25)!important;box-shadow:0 30px 72px rgba(0,0,0,.38),0 0 42px rgba(69,219,248,.055),inset 0 1px rgba(255,255,255,.055)!important}
}

/* Dashboard mosaic: shared editorial rhythm and calmer hierarchy. */
html[data-ui="5"] .stage1-r18-dashboard{gap:12px!important;grid-auto-flow:dense}
html[data-ui="5"] .stage1-r18-screen-surface{border-radius:34px!important;border-color:rgba(150,228,246,.095)!important;background:radial-gradient(circle at 12% 0%,rgba(104,226,251,.038),transparent 31%),linear-gradient(155deg,rgba(5,28,41,.80),rgba(2,15,25,.94))!important;box-shadow:0 24px 78px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.038)!important}
html[data-ui="5"] .stage1-r18-screen-surface>header{border-bottom-color:rgba(144,226,245,.045)!important}
html[data-ui="5"] .stage1-r18-screen-surface>header h2{font-size:16px!important;letter-spacing:-.026em}
html[data-ui="5"] .stage1-r18-home .stage1-r4-bar-track{height:4px!important;background:rgba(119,215,237,.055)!important}
html[data-ui="5"] .stage1-r18-home .stage1-r4-bar-track i{background:linear-gradient(90deg,var(--cs-r18-cyan),#53d7ec,var(--cs-r18-orange))!important;box-shadow:0 0 12px rgba(91,222,247,.12)}
html[data-ui="5"] .stage1-r18-ai-presence{background:radial-gradient(circle at 31% 20%,rgba(85,224,250,.09),transparent 28%),linear-gradient(155deg,rgba(5,31,45,.84),rgba(1,15,25,.96))!important}
html[data-ui="5"] .stage1-r18-original-media video{filter:saturate(.92) contrast(1.05) brightness(.88)}

/* AI canvas: connected header, text-first prompt rail, adaptive result screens. */
html[data-ui="5"] .stage1-r18-agent .stage1-r18-chat-surface{border-radius:48px!important;border-color:rgba(150,229,247,.13)!important;background:radial-gradient(circle at 50% -6%,rgba(86,226,251,.055),transparent 34%),linear-gradient(160deg,rgba(5,29,43,.86),rgba(1,14,24,.975))!important;box-shadow:0 38px 126px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.055)!important}
html[data-ui="5"] .stage1-r18-chat-header{min-height:54px!important;border-bottom:1px solid rgba(144,226,246,.06)!important;background:rgba(3,20,31,.26)!important;backdrop-filter:blur(18px)}
html[data-ui="5"] .stage1-r18-presence-stage{min-height:160px!important}
html[data-ui="5"] .stage1-r18-agent .agent-welcome h2{font-size:clamp(28px,3vw,44px)!important;letter-spacing:-.055em!important;line-height:1.02!important}
html[data-ui="5"] .stage1-r18-agent .agent-welcome>p{max-width:720px;margin-inline:auto;color:#9fb6c1!important;font-size:14px!important;line-height:1.72!important}
html[data-ui="5"] .stage1-r18-suggestion-rail{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:0 18px!important;margin-top:12px!important}
html[data-ui="5"] .stage1-r18-suggestion-rail button{min-height:38px!important;padding:7px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;border-bottom:1px solid rgba(126,222,244,.09)!important;color:#b8ced8!important}
html[data-ui="5"] .stage1-r18-suggestion-rail button:hover{color:#fff!important;border-bottom-color:rgba(255,157,53,.50)!important;transform:translateY(-1px)!important}
html[data-ui="5"] .stage1-r18-trust-row{margin-top:12px!important;opacity:.78}
html[data-ui="5"] .stage1-r18-result-screen{position:relative;border-radius:32px!important;border-color:rgba(143,226,246,.095)!important;background:linear-gradient(155deg,rgba(5,30,44,.68),rgba(2,17,28,.82))!important;box-shadow:0 16px 52px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)!important}
html[data-ui="5"] .stage1-r18-result-screen:before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(transparent,rgba(107,229,252,.30),rgba(255,154,47,.22),transparent);opacity:.55}
html[data-ui="5"] .stage1-r18-working-screen{border-radius:30px!important;background:radial-gradient(circle at 8% 20%,rgba(87,225,251,.08),transparent 25%),rgba(3,26,39,.66)!important}
html[data-ui="5"] .stage1-r18-composer-wrap{border-radius:0 0 48px 48px!important;padding:11px 14px 14px!important;background:linear-gradient(180deg,rgba(2,15,25,.08),rgba(2,13,22,.92))!important;border-top-color:rgba(145,227,246,.055)!important}
html[data-ui="5"] .stage1-r18-composer{border-radius:31px!important;border-color:rgba(145,229,247,.15)!important;background:linear-gradient(155deg,rgba(9,39,53,.72),rgba(3,21,33,.94))!important;box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045)!important;transition:border-radius 320ms var(--cs-r18-ease),transform 260ms var(--cs-r18-ease),box-shadow 260ms ease,border-color 220ms ease!important}
html[data-ui="5"] .stage1-r18-composer:focus-within{border-radius:38px!important;transform:translateY(-2px);border-color:rgba(119,232,252,.30)!important;box-shadow:0 24px 68px rgba(0,0,0,.34),0 0 40px rgba(74,220,248,.055),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .stage1-r18-composer textarea{font-size:15px!important;line-height:1.65!important;min-height:46px!important}

/* Mature shell chrome: quieter controls, clearer content. */
html[data-ui="5"] .ui5-shell:has(.stage1-r18-home) .topbar,html[data-ui="5"] .ui5-shell:has(.stage1-r18-agent) .topbar{background:rgba(3,15,24,.84)!important;border-bottom-color:rgba(142,225,245,.10)!important}
html[data-ui="5"] .ui5-shell:has(.stage1-r18-home) .nav-item.active,html[data-ui="5"] .ui5-shell:has(.stage1-r18-agent) .nav-item.active{background:linear-gradient(90deg,rgba(255,145,34,.15),rgba(255,145,34,.035))!important;box-shadow:none!important}
html[data-ui="5"] .ui5-shell:has(.stage1-r18-home) .btn,html[data-ui="5"] .ui5-shell:has(.stage1-r18-agent) .btn{font-weight:650}

@media(max-width:899px){
 html[data-ui="5"] .workspace-main:has(.stage1-r18-home),html[data-ui="5"] .workspace-main:has(.stage1-r18-agent){padding-inline:10px!important}
 html[data-ui="5"] .stage1-r18-home .stage1-r18-hero{min-height:204px!important;padding:14px 14px 12px!important;border-radius:30px!important}
 html[data-ui="5"] .stage1-r18-home .stage1-r18-hero .stage1-r2-hero-copy{padding-top:76px!important}
 html[data-ui="5"] .stage1-r18-home .stage1-r18-hero h1{font-size:28px!important;line-height:1.02!important}
 html[data-ui="5"] .stage1-r18-home .stage1-r18-hero p{font-size:13px!important;line-height:1.55!important;margin-bottom:8px!important}
 html[data-ui="5"] .stage1-r18-hero-state{gap:8px;margin-top:5px;font-size:8.5px}
 html[data-ui="5"] .stage1-r18-hero-state span:nth-child(3){display:none}
 html[data-ui="5"] .stage1-r18-data-deck{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;border-radius:24px!important;padding:4px!important;scrollbar-width:none}
 html[data-ui="5"] .stage1-r18-data-deck::-webkit-scrollbar{display:none}
 html[data-ui="5"] .stage1-r18-data-deck .stage1-r18-kpi{flex:0 0 162px!important;min-width:162px!important;min-height:75px!important;padding:10px 11px 16px!important;scroll-snap-align:start;grid-template-columns:auto minmax(0,1fr)!important}
 html[data-ui="5"] .stage1-r18-meter{display:none}
 html[data-ui="5"] .stage1-r18-screen-deck{border-radius:29px!important;padding:11px!important}
 html[data-ui="5"] .stage1-r18-screen-deck>header h2{font-size:18px!important}
 html[data-ui="5"] .stage1-r18-deck-meta span:last-child{display:none}
 html[data-ui="5"] .stage1-r18-system-theater{mask-image:none!important;gap:8px!important}
 html[data-ui="5"] .stage1-r18-system-screen{flex:0 0 min(82vw,320px)!important;min-width:min(82vw,320px)!important;min-height:174px!important;border-radius:25px!important}
 html[data-ui="5"] .stage1-r18-dashboard{grid-template-columns:1fr!important;gap:9px!important}
 html[data-ui="5"] .stage1-r18-screen-surface{border-radius:27px!important}
 html[data-ui="5"] .stage1-r18-agent .stage1-r18-chat-surface{border-radius:31px!important}
 html[data-ui="5"] .stage1-r18-chat-header{min-height:48px!important}
 html[data-ui="5"] .stage1-r18-presence-stage{min-height:132px!important}
 html[data-ui="5"] .stage1-r18-agent .agent-welcome h2{font-size:30px!important}
 html[data-ui="5"] .stage1-r18-suggestion-rail{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding-inline:3px!important;scrollbar-width:none}
 html[data-ui="5"] .stage1-r18-suggestion-rail::-webkit-scrollbar{display:none}
 html[data-ui="5"] .stage1-r18-suggestion-rail button{flex:0 0 auto;scroll-snap-align:start;font-size:12px!important}
 html[data-ui="5"] body.route-agent .stage1-r18-agent .stage1-r18-composer-wrap{border-radius:0 0 31px 31px!important;padding:8px 8px max(9px,env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .stage1-r18-composer{border-radius:26px!important}
 html[data-ui="5"] .stage1-r18-composer:focus-within{border-radius:32px!important}
}
@media(max-width:420px){
 html[data-ui="5"] .stage1-r18-home .stage1-r18-hero{min-height:194px!important}
 html[data-ui="5"] .stage1-r18-home .stage1-r18-hero .stage1-r2-hero-copy{padding-top:69px!important}
 html[data-ui="5"] .stage1-r18-system-screen{flex-basis:86vw!important;min-width:86vw!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] .stage1-r18-system-screen,html[data-ui="5"] .stage1-r18-composer{transition:none!important}
 html[data-ui="5"] .stage1-r18-system-theater:hover .stage1-r18-system-screen{opacity:1!important;filter:none!important}
}
/* R18 specificity bridge for legacy agent grid rules. */
html[data-ui="5"] .route-agent .stage1-r18-agent .stage1-r18-suggestion-rail{display:flex!important;grid-template-columns:none!important;width:auto!important;margin-top:12px!important;margin-bottom:0!important;gap:0 18px!important}
html[data-ui="5"] .route-agent .stage1-r18-agent .stage1-r18-suggestion-rail button{display:flex!important;grid-template-columns:none!important;min-height:38px!important;padding:7px 2px!important;border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(126,222,244,.09)!important;box-shadow:none!important;text-align:start!important;gap:7px!important}
@media(max-width:899px){html[data-ui="5"] .route-agent .stage1-r18-agent .stage1-r18-suggestion-rail{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;margin-inline:0!important;padding-inline:3px!important}html[data-ui="5"] .route-agent .stage1-r18-agent .stage1-r18-suggestion-rail button{flex:0 0 auto!important;font-size:12px!important}}

/* ========================================================================== */
/* R19 — WORLD-CLASS EDITORIAL CINEMATIC WORKSPACE                            */
/* ========================================================================== */
:root{
 --cs-r19-bg:#020912;
 --cs-r19-glass:rgba(6,24,36,.80);
 --cs-r19-glass-strong:rgba(4,18,29,.93);
 --cs-r19-line:rgba(150,226,244,.105);
 --cs-r19-line-hot:rgba(255,157,51,.30);
 --cs-r19-cyan:#65dff7;
 --cs-r19-orange:#ff992f;
 --cs-r19-text:#f7fbfd;
 --cs-r19-muted:#91aeba;
 --cs-r19-ease:cubic-bezier(.2,.82,.22,1);
 --cs-r19-shadow:0 28px 96px rgba(0,0,0,.38);
}
html[data-ui="5"] .stage1-r19-home,html[data-ui="5"] .stage1-r19-agent{font-kerning:normal;text-rendering:optimizeLegibility;letter-spacing:-.008em}
html[data-ui="5"] .workspace-main:has(.stage1-r19-home),html[data-ui="5"] .workspace-main:has(.stage1-r19-agent){max-width:1720px;padding-inline:clamp(18px,2vw,34px)}
html[data-ui="5"] .stage1-r19-home{position:relative;isolation:isolate}
html[data-ui="5"] .stage1-r19-home:before{content:"";position:fixed;z-index:-2;pointer-events:none;inset:52px 0 0 var(--nav-width);background:radial-gradient(circle at 67% 10%,rgba(35,175,214,.055),transparent 31%),radial-gradient(circle at 18% 62%,rgba(255,139,30,.028),transparent 27%),linear-gradient(180deg,#020a13,#030b13 56%,#020810);}
html[data-ui="5"] .stage1-r19-home:after{content:"";position:fixed;z-index:-1;pointer-events:none;inset:52px 0 0 var(--nav-width);opacity:.36;background-image:linear-gradient(rgba(99,213,238,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(99,213,238,.012) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(to bottom,#000 0,transparent 78%)}

/* Editorial hero: immersive, quieter, information first. */
html[data-ui="5"] .stage1-r19-home .stage1-r19-hero{position:relative;min-height:244px!important;padding:31px 40px 28px!important;border-radius:50px!important;overflow:hidden!important;border:1px solid rgba(159,229,246,.13)!important;background:linear-gradient(116deg,rgba(2,15,25,.96) 0%,rgba(3,19,30,.88) 42%,rgba(3,15,24,.54) 74%,rgba(2,12,20,.84) 100%)!important;box-shadow:0 34px 118px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.055),inset 0 -1px rgba(91,208,236,.035)!important}
html[data-ui="5"] .stage1-r19-home .stage1-r19-hero:before{content:"";position:absolute;pointer-events:none;z-index:2;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 18%,transparent 72%,rgba(87,216,246,.028));mix-blend-mode:screen}
html[data-ui="5"] .stage1-r19-home .stage1-r19-hero:after{content:"";position:absolute;pointer-events:none;z-index:3;inset:auto 8% 0 8%;height:1px;background:linear-gradient(90deg,transparent,rgba(91,224,249,.22),rgba(255,153,47,.28),transparent);filter:blur(.15px)}
html[data-ui="5"] .stage1-r19-home .stage1-r19-hero .stage1-r2-planet{opacity:.90!important;filter:saturate(.93) contrast(1.09) brightness(.72)!important;transform:scale(1.04) translateX(1.5%);mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 91%,transparent 100%)}
html[data-ui="5"] .stage1-r19-home .stage1-r19-hero .stage1-r2-hero-copy{position:relative;z-index:4;max-width:760px}
html[data-ui="5"] .stage1-r19-scene-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:9px;color:#88aebc;font-size:9px;font-weight:700;letter-spacing:.22em}
html[data-ui="5"] .stage1-r19-scene-label:before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--cs-r19-orange),rgba(255,153,47,.15))}
html[data-ui="5"] .stage1-r19-home .stage1-r19-hero h1{font-size:clamp(38px,3.4vw,57px)!important;line-height:.99!important;letter-spacing:-.061em!important;max-width:720px;margin-block:2px 7px!important;text-wrap:balance}
html[data-ui="5"] .stage1-r19-home .stage1-r19-hero p{font-size:15.5px!important;line-height:1.66!important;color:#b4c9d2!important;max-width:650px}
html[data-ui="5"] .stage1-r19-hero-state{margin-top:6px!important;color:#96b0bb!important;gap:13px!important;font-size:9.5px!important;letter-spacing:.01em}
html[data-ui="5"] .stage1-r19-home .stage1-r2-ask{max-width:690px!important;min-height:48px!important;border-radius:26px!important;border-color:rgba(140,226,246,.17)!important;background:linear-gradient(110deg,rgba(9,38,52,.76),rgba(3,22,34,.91))!important;box-shadow:0 17px 50px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04)!important}
html[data-ui="5"] .stage1-r19-home .stage1-r2-ask:hover{border-color:rgba(255,157,51,.34)!important;box-shadow:0 23px 66px rgba(0,0,0,.32),0 0 34px rgba(255,150,41,.045),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .stage1-r19-home .stage1-r2-quick a{background:transparent!important;border-color:transparent!important;border-bottom:1px solid rgba(139,224,245,.085)!important;border-radius:0!important;box-shadow:none!important;padding-inline:2px!important;color:#a9c0ca!important}
html[data-ui="5"] .stage1-r19-home .stage1-r2-quick a:hover{color:#fff!important;border-bottom-color:rgba(255,157,51,.44)!important;transform:translateY(-1px)}
html[data-ui="5"] .stage1-r19-home .stage1-r2-hero-brand{opacity:.52!important;transform:scale(.76)!important;filter:saturate(.88)}

/* One continuous instrument deck. */
html[data-ui="5"] .stage1-r19-data-deck{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin-top:12px!important;border-radius:34px!important;overflow:hidden!important;border:1px solid rgba(146,226,245,.085)!important;background:linear-gradient(145deg,rgba(5,27,40,.74),rgba(2,15,25,.88))!important;box-shadow:0 22px 68px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.03)!important}
html[data-ui="5"] .stage1-r19-data-deck .stage1-r19-kpi{position:relative;min-height:88px!important;padding:14px 15px 20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html[data-ui="5"] .stage1-r19-data-deck .stage1-r19-kpi+.stage1-r19-kpi:before{content:"";position:absolute;inset:16px auto 16px 0;width:1px;background:linear-gradient(transparent,rgba(142,225,245,.10),transparent)}
html[data-ui="5"] .stage1-r19-kpi .stage1-r2-kpi-icon{border-radius:15px!important;background:rgba(9,42,55,.58)!important;border:1px solid rgba(133,222,242,.08)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
html[data-ui="5"] .stage1-r19-kpi-copy strong{font-size:25px!important;letter-spacing:-.055em!important;color:#f7fbfd!important}
html[data-ui="5"] .stage1-r19-kpi-copy span{font-size:11.5px!important;color:#b4c8d0!important;font-weight:650}
html[data-ui="5"] .stage1-r19-kpi-copy small{font-size:9.5px!important;color:#6f909c!important;margin-top:2px!important}
html[data-ui="5"] .stage1-r19-data-deck .stage1-r15-signal{inset:auto 15px 7px 15px!important;height:2px!important;border-radius:99px!important;opacity:.7}
html[data-ui="5"] .stage1-r19-data-deck .stage1-r16-data-pulse{opacity:.12!important}
html[data-ui="5"] .stage1-r19-data-deck .stage1-r18-meter{opacity:.42!important;transform:scale(.88);transform-origin:center bottom}

/* System cinema: a featured primary workspace + quieter connected screens. */
html[data-ui="5"] .stage1-r19-screen-deck{position:relative;margin-top:12px!important;padding:19px 19px 22px!important;border-radius:46px!important;border:1px solid rgba(145,226,246,.095)!important;background:radial-gradient(circle at 14% 0%,rgba(255,145,34,.035),transparent 28%),radial-gradient(circle at 72% 0%,rgba(82,222,248,.05),transparent 34%),linear-gradient(150deg,rgba(4,25,38,.77),rgba(2,14,23,.93))!important;box-shadow:var(--cs-r19-shadow),inset 0 1px rgba(255,255,255,.035)!important;overflow:hidden}
html[data-ui="5"] .stage1-r19-screen-deck:after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.018),transparent 19%,transparent 82%,rgba(90,222,247,.024))}
html[data-ui="5"] .stage1-r19-screen-deck>header{position:relative;z-index:2;margin-bottom:14px!important}
html[data-ui="5"] .stage1-r19-chapter-kicker{color:#7395a1!important;letter-spacing:.20em!important;font-size:8.5px!important}
html[data-ui="5"] .stage1-r19-screen-deck>header h2{font-size:24px!important;letter-spacing:-.045em!important}
html[data-ui="5"] .stage1-r19-system-theater{position:relative;z-index:2;display:flex!important;align-items:stretch!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x proximity;scroll-padding-inline:1px;padding:1px 1px 4px!important;mask-image:linear-gradient(90deg,transparent,#000 1.8%,#000 98.2%,transparent);scrollbar-width:none}
html[data-ui="5"] .stage1-r19-system-theater::-webkit-scrollbar{display:none}
html[data-ui="5"] .stage1-r19-system-screen{position:relative;flex:0 0 250px!important;min-width:250px!important;min-height:190px!important;border-radius:30px!important;overflow:hidden!important;border:1px solid rgba(142,225,245,.09)!important;background:linear-gradient(150deg,rgba(6,30,43,.78),rgba(2,16,26,.93))!important;box-shadow:0 15px 48px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.032)!important;transition:flex-basis .48s var(--cs-r19-ease),min-width .48s var(--cs-r19-ease),transform .34s var(--cs-r19-ease),border-color .24s ease,box-shadow .24s ease!important;scroll-snap-align:start;isolation:isolate}
html[data-ui="5"] .stage1-r19-system-screen.is-featured{flex-basis:390px!important;min-width:390px!important;border-color:rgba(255,157,51,.19)!important;box-shadow:0 22px 68px rgba(0,0,0,.29),0 0 42px rgba(255,145,32,.035),inset 0 1px rgba(255,255,255,.045)!important}
html[data-ui="5"] .stage1-r19-system-screen:hover,html[data-ui="5"] .stage1-r19-system-screen:focus-visible{transform:translateY(-5px)!important;border-color:rgba(113,224,247,.24)!important;box-shadow:0 28px 78px rgba(0,0,0,.34),0 0 36px rgba(76,218,246,.045)!important}
html[data-ui="5"] .stage1-r19-system-screen .stage1-r17-media-surface{position:absolute!important;inset:0!important;border:0!important;border-radius:inherit!important;background:linear-gradient(145deg,rgba(5,31,45,.66),rgba(2,16,26,.92))!important}
html[data-ui="5"] .stage1-r19-system-screen .stage1-r17-media-surface:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,15,.02) 15%,rgba(2,10,17,.72) 73%,rgba(2,10,17,.95));pointer-events:none}
html[data-ui="5"] .stage1-r19-system-overlay{position:absolute!important;z-index:5!important;inset:auto 18px 18px 18px!important;align-items:end!important}
html[data-ui="5"] .stage1-r19-system-overlay strong{font-size:21px!important;letter-spacing:-.04em!important}
html[data-ui="5"] .stage1-r19-system-overlay small{font-size:10px!important;color:#91aab4!important}
html[data-ui="5"] .stage1-r19-screen-caption{position:absolute;z-index:5;inset:15px 16px auto auto;font-size:7.5px;font-weight:720;letter-spacing:.18em;color:#7e9ca7;opacity:.86}
html[data-ui="5"] .stage1-r19-open-label{z-index:6!important;opacity:.74!important;background:rgba(4,22,33,.56)!important;border-color:rgba(142,225,245,.10)!important;backdrop-filter:blur(12px)}
html[data-ui="5"] .stage1-r19-system-screen.is-featured .stage1-r19-screen-caption{color:#c38a4f}

/* Connected business panels: one visual family, lower chrome. */
html[data-ui="5"] .stage1-r19-dashboard{gap:11px!important;margin-top:12px!important}
html[data-ui="5"] .stage1-r19-screen-surface{border-radius:34px!important;border:1px solid rgba(144,226,246,.075)!important;background:linear-gradient(150deg,rgba(5,28,41,.70),rgba(2,16,26,.91))!important;box-shadow:0 19px 58px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.028)!important;overflow:hidden}
html[data-ui="5"] .stage1-r19-screen-surface>header{min-height:45px!important;border-bottom:1px solid rgba(142,225,245,.045)!important}
html[data-ui="5"] .stage1-r19-screen-surface>header h2{font-size:16.5px!important;letter-spacing:-.032em!important}
html[data-ui="5"] .stage1-r19-screen-surface :is(.btn,a,button){transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s var(--cs-r19-ease)}

/* AI = one intelligence canvas, not a chat box plus controls. */
html[data-ui="5"] .stage1-r19-agent .stage1-r19-chat-surface{position:relative;border-radius:56px!important;border:1px solid rgba(148,228,247,.115)!important;background:radial-gradient(circle at 50% -8%,rgba(72,220,249,.065),transparent 31%),radial-gradient(circle at 93% 68%,rgba(255,145,33,.027),transparent 26%),linear-gradient(158deg,rgba(5,28,42,.88),rgba(1,13,22,.982))!important;box-shadow:0 42px 142px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.05)!important;overflow:hidden!important}
html[data-ui="5"] .stage1-r19-agent .stage1-r19-chat-surface:after{content:"";position:absolute;pointer-events:none;z-index:0;inset:0;border-radius:inherit;background:linear-gradient(122deg,rgba(255,255,255,.018),transparent 22%,transparent 80%,rgba(77,220,248,.018))}
html[data-ui="5"] .stage1-r19-chat-header{position:relative;z-index:3;min-height:56px!important;padding-inline:18px!important;background:rgba(3,18,28,.36)!important;border-bottom-color:rgba(144,226,246,.055)!important;backdrop-filter:blur(22px) saturate(118%)}
html[data-ui="5"] .stage1-r19-presence-stage{position:relative;z-index:2;min-height:178px!important;margin-bottom:2px!important}
html[data-ui="5"] .stage1-r19-presence-stage:before{content:"";position:absolute;inset:50% auto auto 50%;width:min(42vw,430px);height:min(42vw,430px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(79,222,250,.055),rgba(79,222,250,.018) 36%,transparent 68%);filter:blur(8px);pointer-events:none}
html[data-ui="5"] .stage1-r19-ai-signature{display:flex;align-items:center;justify-content:center;gap:10px;margin:-2px auto 12px;color:#789aa7;font-size:8px;font-weight:720;letter-spacing:.18em}
html[data-ui="5"] .stage1-r19-ai-signature i{width:34px;height:1px;background:linear-gradient(90deg,rgba(94,226,249,.06),rgba(94,226,249,.42),rgba(255,154,47,.22))}
html[data-ui="5"] .stage1-r19-agent .agent-welcome h2{font-size:clamp(31px,3.2vw,48px)!important;letter-spacing:-.062em!important;line-height:.99!important}
html[data-ui="5"] .stage1-r19-agent .agent-welcome>p{max-width:760px!important;font-size:14.5px!important;line-height:1.78!important;color:#9fb5bf!important}
html[data-ui="5"] .stage1-r19-suggestion-rail{gap:0 22px!important;margin-top:14px!important;padding-inline:8px!important}
html[data-ui="5"] .stage1-r19-suggestion-rail button{font-size:12.5px!important;color:#a9c1ca!important;border-bottom-color:rgba(139,226,246,.07)!important;padding-block:8px!important}
html[data-ui="5"] .stage1-r19-suggestion-rail button:hover{color:#fff!important;border-bottom-color:rgba(255,157,51,.44)!important}
html[data-ui="5"] .stage1-r19-result-screen{position:relative!important;border-radius:36px!important;border-color:rgba(143,226,246,.085)!important;background:linear-gradient(155deg,rgba(5,28,41,.66),rgba(2,16,27,.83))!important;box-shadow:0 19px 58px rgba(0,0,0,.21),inset 0 1px rgba(255,255,255,.03)!important}
html[data-ui="5"] .stage1-r19-result-screen[data-template-size="lg"]{border-radius:41px!important}
html[data-ui="5"] .stage1-r19-result-screen[data-template-size="xl"]{border-radius:46px!important}
html[data-ui="5"] .stage1-r19-working-screen{border-radius:35px!important;border:1px solid rgba(93,220,246,.11)!important;background:linear-gradient(155deg,rgba(4,31,45,.70),rgba(2,17,28,.89))!important}
html[data-ui="5"] .stage1-r19-composer-wrap{position:relative;z-index:4;border-radius:0 0 56px 56px!important;padding:12px 16px 16px!important;background:linear-gradient(180deg,rgba(2,13,22,.08),rgba(2,12,20,.94))!important;border-top-color:rgba(144,226,246,.052)!important}
html[data-ui="5"] .stage1-r19-composer{border-radius:34px!important;border:1px solid rgba(146,229,247,.145)!important;background:linear-gradient(152deg,rgba(8,38,52,.73),rgba(3,20,32,.95))!important;box-shadow:0 20px 58px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.045)!important;transition:border-radius .36s var(--cs-r19-ease),transform .28s var(--cs-r19-ease),box-shadow .28s ease,border-color .22s ease!important}
html[data-ui="5"] .stage1-r19-composer:focus-within{border-radius:42px!important;transform:translateY(-2px) scale(1.002);border-color:rgba(105,227,250,.29)!important;box-shadow:0 28px 78px rgba(0,0,0,.36),0 0 52px rgba(68,218,247,.045),inset 0 1px rgba(255,255,255,.06)!important}
html[data-ui="5"] .stage1-r19-composer textarea{font-size:15.5px!important;line-height:1.68!important;min-height:48px!important}
html[data-ui="5"] .stage1-r19-chat-surface[data-surface-state="draft"]{border-color:rgba(91,223,249,.17)!important}
html[data-ui="5"] .stage1-r19-chat-surface[data-surface-state="working"]{box-shadow:0 46px 148px rgba(0,0,0,.46),0 0 72px rgba(76,220,248,.038),inset 0 1px rgba(255,255,255,.055)!important}
html[data-ui="5"] .stage1-r19-chat-surface[data-surface-size="expanded"]{border-radius:62px!important}

/* Mature shell: lower visual noise. */
html[data-ui="5"] .ui5-shell:has(.stage1-r19-home) .topbar,html[data-ui="5"] .ui5-shell:has(.stage1-r19-agent) .topbar{background:rgba(2,13,21,.88)!important;border-bottom-color:rgba(142,225,245,.075)!important;box-shadow:0 8px 30px rgba(0,0,0,.16)!important}
html[data-ui="5"] .ui5-shell:has(.stage1-r19-home) .sidebar,html[data-ui="5"] .ui5-shell:has(.stage1-r19-agent) .sidebar{background:linear-gradient(180deg,rgba(3,17,27,.96),rgba(2,12,20,.985))!important;border-right-color:rgba(145,226,246,.065)!important}
html[data-ui="5"] .ui5-shell:has(.stage1-r19-home) .nav-item,html[data-ui="5"] .ui5-shell:has(.stage1-r19-agent) .nav-item{border-radius:15px!important}
html[data-ui="5"] .ui5-shell:has(.stage1-r19-home) .nav-item.active,html[data-ui="5"] .ui5-shell:has(.stage1-r19-agent) .nav-item.active{background:linear-gradient(90deg,rgba(255,145,33,.13),rgba(255,145,33,.018))!important;box-shadow:inset 2px 0 rgba(255,153,47,.62)!important}
html[data-ui="5"] .ui5-shell:has(.stage1-r19-home) :is(.cs-global-search,.cs-system-switcher-trigger,.cs-quick-action),html[data-ui="5"] .ui5-shell:has(.stage1-r19-agent) :is(.cs-global-search,.cs-system-switcher-trigger,.cs-quick-action){border-color:rgba(143,226,246,.09)!important;background:rgba(5,26,39,.54)!important;box-shadow:none!important}

@media(max-width:899px){
 html[data-ui="5"] .workspace-main:has(.stage1-r19-home),html[data-ui="5"] .workspace-main:has(.stage1-r19-agent){padding-inline:8px!important}
 html[data-ui="5"] .stage1-r19-home .stage1-r19-hero{min-height:190px!important;padding:13px 13px 11px!important;border-radius:32px!important}
 html[data-ui="5"] .stage1-r19-home .stage1-r19-hero .stage1-r2-hero-copy{padding-top:63px!important;max-width:none}
 html[data-ui="5"] .stage1-r19-scene-label{font-size:7px;margin-bottom:4px;letter-spacing:.17em}
 html[data-ui="5"] .stage1-r19-home .stage1-r19-hero h1{font-size:29px!important;line-height:1!important;margin-bottom:4px!important}
 html[data-ui="5"] .stage1-r19-home .stage1-r19-hero p{font-size:12.5px!important;line-height:1.52!important;margin-bottom:7px!important;max-width:91%}
 html[data-ui="5"] .stage1-r19-home .stage1-r2-ask{min-height:44px!important;border-radius:24px!important}
 html[data-ui="5"] .stage1-r19-home .stage1-r2-quick{gap:12px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}
 html[data-ui="5"] .stage1-r19-home .stage1-r2-quick::-webkit-scrollbar{display:none}
 html[data-ui="5"] .stage1-r19-home .stage1-r2-quick a{flex:0 0 auto!important;font-size:10.5px!important}
 html[data-ui="5"] .stage1-r19-data-deck{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;border-radius:27px!important;scrollbar-width:none}
 html[data-ui="5"] .stage1-r19-data-deck::-webkit-scrollbar{display:none}
 html[data-ui="5"] .stage1-r19-data-deck .stage1-r19-kpi{flex:0 0 158px!important;min-width:158px!important;min-height:74px!important;padding:10px 11px 16px!important;scroll-snap-align:start}
 html[data-ui="5"] .stage1-r19-data-deck .stage1-r19-kpi+.stage1-r19-kpi:before{inset:12px auto 12px 0}
 html[data-ui="5"] .stage1-r19-kpi-copy strong{font-size:21px!important}
 html[data-ui="5"] .stage1-r19-data-deck .stage1-r18-meter{display:none!important}
 html[data-ui="5"] .stage1-r19-screen-deck{padding:12px 10px 14px!important;border-radius:31px!important}
 html[data-ui="5"] .stage1-r19-screen-deck>header{padding-inline:3px!important}
 html[data-ui="5"] .stage1-r19-screen-deck>header h2{font-size:19px!important}
 html[data-ui="5"] .stage1-r19-system-theater{mask-image:none!important;gap:8px!important;padding-bottom:2px!important}
 html[data-ui="5"] .stage1-r19-system-screen{flex-basis:min(68vw,270px)!important;min-width:min(68vw,270px)!important;min-height:162px!important;border-radius:27px!important}
 html[data-ui="5"] .stage1-r19-system-screen.is-featured{flex-basis:min(82vw,326px)!important;min-width:min(82vw,326px)!important}
 html[data-ui="5"] .stage1-r19-system-overlay{inset:auto 14px 14px 14px!important}
 html[data-ui="5"] .stage1-r19-system-overlay strong{font-size:18px!important}
 html[data-ui="5"] .stage1-r19-screen-caption{font-size:6.5px;inset:12px 13px auto auto}
 html[data-ui="5"] .stage1-r19-dashboard{grid-template-columns:1fr!important;gap:8px!important}
 html[data-ui="5"] .stage1-r19-screen-surface{border-radius:28px!important}
 html[data-ui="5"] .stage1-r19-agent .stage1-r19-chat-surface{border-radius:35px!important}
 html[data-ui="5"] .stage1-r19-chat-header{min-height:48px!important;padding-inline:8px!important}
 html[data-ui="5"] .stage1-r19-presence-stage{min-height:136px!important}
 html[data-ui="5"] .stage1-r19-ai-signature{font-size:7px!important;gap:7px!important;margin-bottom:8px}
 html[data-ui="5"] .stage1-r19-ai-signature i{width:22px}
 html[data-ui="5"] .stage1-r19-agent .agent-welcome h2{font-size:30px!important}
 html[data-ui="5"] .stage1-r19-agent .agent-welcome>p{font-size:13px!important;line-height:1.62!important;padding-inline:6px}
 html[data-ui="5"] .stage1-r19-suggestion-rail{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding-inline:4px!important;scrollbar-width:none}
 html[data-ui="5"] .stage1-r19-suggestion-rail::-webkit-scrollbar{display:none}
 html[data-ui="5"] .stage1-r19-suggestion-rail button{flex:0 0 auto!important;scroll-snap-align:start;font-size:11.5px!important}
 html[data-ui="5"] body.route-agent .stage1-r19-agent .stage1-r19-composer-wrap{border-radius:0 0 35px 35px!important;padding:8px 8px max(9px,env(safe-area-inset-bottom))!important}
 html[data-ui="5"] .stage1-r19-composer{border-radius:27px!important}
 html[data-ui="5"] .stage1-r19-composer:focus-within{border-radius:34px!important;transform:translateY(-1px)}
 html[data-ui="5"] .stage1-r19-composer textarea{font-size:14.5px!important;min-height:44px!important}
}
@media(max-width:420px){
 html[data-ui="5"] .stage1-r19-home .stage1-r19-hero{min-height:184px!important}
 html[data-ui="5"] .stage1-r19-home .stage1-r19-hero .stage1-r2-hero-copy{padding-top:58px!important}
 html[data-ui="5"] .stage1-r19-system-screen{flex-basis:72vw!important;min-width:72vw!important}
 html[data-ui="5"] .stage1-r19-system-screen.is-featured{flex-basis:86vw!important;min-width:86vw!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-ui="5"] .stage1-r19-system-screen,html[data-ui="5"] .stage1-r19-composer{transition:none!important}
 html[data-ui="5"] .stage1-r19-system-screen:hover,html[data-ui="5"] .stage1-r19-system-screen:focus-visible{transform:none!important}
}

/* R19 final visual-balance pass: featured workspace + intentional mobile negative space. */
html[data-ui="5"] .stage1-r19-system-screen.is-featured .stage1-r17-media-surface{background:radial-gradient(circle at 28% 18%,rgba(83,224,250,.105),transparent 29%),radial-gradient(circle at 86% 12%,rgba(255,148,37,.075),transparent 22%),linear-gradient(145deg,rgba(5,35,50,.80),rgba(2,16,26,.94))!important}
html[data-ui="5"] .stage1-r19-system-screen.is-featured:after{content:"";position:absolute;z-index:4;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.02),transparent 24%,transparent 72%,rgba(255,153,47,.04));box-shadow:inset 0 0 0 1px rgba(255,157,51,.035)}
@media(max-width:899px){
 html[data-ui="5"] .route-agent .stage1-r19-agent .agent-conversation-log{display:flex!important;flex-direction:column!important;min-height:0!important}
 html[data-ui="5"] .route-agent .stage1-r19-agent .agent-welcome{display:flex!important;flex-direction:column!important;min-height:calc(100% - 6px)!important;width:100%!important;margin:0 auto!important;padding:10px 6px 8px!important}
 html[data-ui="5"] .route-agent .stage1-r19-agent .stage1-r19-suggestion-rail{margin-top:auto!important;padding-top:16px!important}
 html[data-ui="5"] .route-agent .stage1-r19-agent .agent-trust-row{margin-top:9px!important;margin-bottom:2px!important}
}