/* 2026-09 UX review: scoped shell, navigation and illustrated work shortcuts. */
.unified-workspace { --ux-ink:#17334d; --ux-muted:#597089; --ux-border:#d7e2f1; }
.unified-workspace .rail-group-title[data-collapse] { width:100%;text-align:left;border:0;background:transparent;border-radius:6px;display:flex;align-items:center;gap:5px;color:#607992;font:inherit;font-size:12px;cursor:pointer; }
.unified-workspace .rail-group-title[data-collapse]:hover { background:#e8eefb;color:#325cad; }
.unified-workspace .rail-group-title .rail-fold { margin-left:auto; }
.ux-skip {position:fixed;top:-60px;left:18px;padding:12px 18px;background:#143765;color:white;z-index:5000;border-radius:8px;}
.ux-skip:focus {top:8px;}
#uxMenu,.ux-nav-close,.ux-nav-backdrop {display:none;}
.unified-workspace .ux-view-state { margin:clamp(24px,8vh,90px) auto;padding:40px 28px;max-width:570px;text-align:center;background:linear-gradient(145deg,#fff,#f1f4ff);border:1px solid var(--ux-border);border-radius:18px;color:var(--ux-ink);box-shadow:0 18px 50px #37559409; }
.ux-view-state h2 {font-size:22px;line-height:1.5;margin:20px 0 10px;}.ux-view-state p {font-size:15px;color:var(--ux-muted);line-height:1.8;}.ux-view-state>div {display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap;}.ux-view-state button {padding:11px 18px;border:1px solid #c8d9ef;border-radius:8px;background:white;color:#21559b;cursor:pointer;font:inherit;}.ux-view-state #uxRetryView {background:#275fe1;color:white;border-color:#275fe1;}
.ux-loading-mark,.ux-state-symbol {display:inline-grid;place-items:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#e5f4ff,#e8e1ff);border:1px solid #ccdaf5;color:#596cbb;font-size:24px;}
.ux-loading-mark::after {content:'';width:23px;height:23px;border:2px solid #b7c6ef;border-top-color:#4a64d7;border-radius:50%;animation:ux-spin 1s linear infinite;}
@keyframes ux-spin {to{transform:rotate(360deg)}}
.unified-workspace .ux-illustrated-tools {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 30px;}
.unified-workspace .ux-illustrated-tools>a {position:relative;display:flex;align-items:center;gap:4px;min-width:0;padding:16px 22px 16px 8px;border:1px solid var(--ux-border);border-radius:14px;background:linear-gradient(145deg,#fff,#f3f6ff);box-shadow:0 4px 12px #3c598306;transition:transform .2s,border-color .2s;}
.unified-workspace .ux-illustrated-tools>a:hover {transform:translateY(-3px);border-color:#9bace9;}
.ux-illustrated-tools>a>img {width:86px;height:72px;object-fit:contain;flex-shrink:0;}
.ux-illustrated-tools b {font-size:16px;color:var(--ux-ink);line-height:1.5;}.ux-illustrated-tools small {display:block;font-size:13px!important;line-height:1.65!important;color:var(--ux-muted)!important;margin-top:5px;}.ux-tool-arrow{position:absolute;top:12px;right:12px;font-size:15px;color:#738bad;}
.ux-task-notice {padding:14px 18px;margin-bottom:20px;border:1px solid #cddaf4;border-radius:10px;color:#385789;background:#eef4ff;font-size:15px;line-height:1.7;}
.ux-task-notice p {margin:6px 0;overflow-wrap:anywhere;}.ux-task-notice button {margin-left:8px;border:1px solid #bccfec;border-radius:6px;padding:4px 10px;color:#3d618d;background:white;font:inherit;cursor:pointer;}
.unified-workspace .uw-card details p {font-size:14px;line-height:1.8;}.unified-workspace .uw-open p {color:#536c83;}.unified-workspace .uw-card .uw-agent-category {color:#35577e;}
@media (max-width:1450px) {.unified-workspace .ux-illustrated-tools {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:900px) {
  .unified-workspace.member-shell .uw-header {height:auto!important;min-height:0!important;padding:10px 14px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px 12px!important;position:relative;}
  .uw-header .uw-brand {grid-area:1/1;gap:8px;min-width:0;}.uw-header .uw-brand-avatar {width:36px!important;height:36px!important;}.uw-header .uw-brand-name {font-size:20px!important;}.uw-header .uw-brand-tagline {font-size:9px!important;}
  .unified-workspace.member-shell #uxMenu {display:flex!important;grid-area:1/2;align-items:center;gap:6px;border:1px solid #d2ddf2;background:#fff;color:#38537d;font-size:12px;padding:9px 10px;border-radius:8px;}
  .uw-header .uw-top-tools {grid-area:2/1/3/3;display:flex;justify-content:flex-end;gap:14px;font-size:12px;margin:0!important;}.uw-header #uwAccount {margin-left:auto;}
  .uw-header>nav {grid-area:3/1/4/3;display:flex!important;width:100%;justify-content:space-between;gap:4px!important;overflow:auto;}.uw-header>nav>a {padding:8px 10px!important;font-size:13px!important;white-space:nowrap;}
  .unified-workspace.member-shell #agentShell {display:flex!important;height:calc(100dvh - var(--ux-header-height,153px))!important;min-height:0!important;}
  .unified-workspace.member-shell #agentRail {display:none!important;}
  .unified-workspace.member-shell.ux-nav-open #agentShell {isolation:auto!important;position:static!important;overflow:visible!important;}
  .unified-workspace.member-shell.ux-nav-open #agentRail .rail-nav {display:block!important;}
  .unified-workspace.member-shell #viewRoot {flex:1 1 100%!important;min-width:0;width:100%!important;}
  .unified-workspace.member-shell.ux-nav-open #agentRail {display:block!important;position:fixed!important;z-index:4100;inset:0 auto 0 0!important;height:100dvh!important;width:min(310px,86vw)!important;max-width:none!important;border-radius:0!important;padding:12px 10px!important;overflow:auto!important;background:linear-gradient(150deg,#f7fbff,#f4f0ff 70%,#edf9f7)!important;box-shadow:18px 0 50px #14275330;}
  .ux-nav-open .ux-nav-backdrop {display:block;position:fixed;inset:0;width:100%;height:100%;background:#14233e55;backdrop-filter:blur(3px);border:0;z-index:4000;}
  .ux-nav-open .ux-nav-close {display:block;width:100%;padding:12px;border:1px solid #d0def2;background:#fff;color:#395579;border-radius:8px;margin-bottom:10px;cursor:pointer;text-align:right;}
  .ux-nav-open #railHide {display:none!important;}.unified-workspace .ux-view-state {margin:28px 14px;padding:30px 20px;}
}
@media(max-width:520px){.unified-workspace .ux-illustrated-tools {gap:10px;}.unified-workspace .ux-illustrated-tools>a {display:block;padding:12px;}.ux-illustrated-tools>a>img {width:80px;height:55px;}.ux-illustrated-tools b{font-size:15px;}.ux-illustrated-tools small{font-size:12px!important;}.uw-header .uw-top-tools>a {font-size:11px;}.uw-header .uw-top-tools {gap:8px;}}
@media(prefers-reduced-motion:reduce){.ux-loading-mark::after {animation:none;}.ux-illustrated-tools>a {transition:none!important;}.ux-illustrated-tools>a:hover {transform:none!important;}}