:root{--qds-navy-950:#081725;--qds-navy-900:#0d2235;--qds-navy-800:#15334b;--qds-slate-900:#17212b;--qds-slate-700:#52616f;--qds-slate-600:#5b6875;--qds-slate-500:#71808f;--qds-slate-300:#d7e0e5;--qds-slate-200:#dce3e8;--qds-slate-100:#edf2f5;--qds-slate-50:#f7f9fb;--qds-white:#fff;--qds-teal-700:#006b6b;--qds-teal-600:#007a7a;--qds-teal-100:#e6f4f4;--qds-blue-700:#1c5c91;--qds-blue-100:#e7f1fb;--qds-green-700:#146c43;--qds-green-100:#e3f4ea;--qds-amber-800:#7d4900;--qds-amber-100:#fff0d1;--qds-red-700:#a62b22;--qds-red-100:#fde9e7;--qds-purple-700:#6544a3;--qds-purple-100:#eee9fb;--canvas:#e7edf3;--surface:var(--qds-white);--surface-muted:#f5f7fa;--surface-app:#e7edf3;--surface-navigation:#e2e9f0;--surface-header:#fff;--surface-panel:#fff;--surface-subtle:#f1f5f8;--ink:#172b42;--muted:#596c80;--divider:#dce4eb;--line:var(--divider);--border-card:#c8d3de;--border-default:var(--border-card);--border-subtle:var(--divider);--border-control:#7b8fa3;--text-primary:#172b42;--text-secondary:#465a70;--text-muted:#596c80;--navy:var(--qds-navy-900);--teal:var(--qds-teal-700);--teal-dark:var(--qds-teal-700);--teal-soft:var(--qds-teal-100);--chart-series:#006b6b;--chart-axis:#8aa0ab;--accent-primary:#006b6b;--accent-primary-hover:#005858;--accent-soft:#e6f4f4;--nav-hover-bg:#e8eef2;--nav-active-bg:#e6f4f4;--nav-active-indicator:#006b6b;--amber:var(--qds-amber-800);--amber-soft:var(--qds-amber-100);--red:var(--qds-red-700);--red-soft:var(--qds-red-100);--warning-text:#8a4b08;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-compact:var(--space-3);--space-normal:var(--space-4);--space-comfortable:var(--space-6);--card-padding:1.625rem;--card-padding-compact:var(--space-4);--radius-sm:.3125rem;--radius-md:.5rem;--radius-lg:.75rem;--elevation-1:0 1px 2px #17212b0d, 0 5px 16px #17212b09;--elevation-2:0 16px 38px #17212b1f;--control-height:2.625rem;--table-row-height:2.75rem;--table-cell-inline:1.15rem;--focus-ring:0 0 0 3px #006b6b47;--sidebar-width:15.75rem;--topbar-height:3.5rem;--command-bar-height:2.5rem;--workspace-chrome-height:4.25rem;--chrome-inline:1.25rem;--content-max:96rem;--font-sans:"Segoe UI Variable Text", "Segoe UI Variable", Aptos, "Segoe UI", Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-body:var(--font-sans);--font-display:var(--font-sans)}
*{box-sizing:border-box}html{background:var(--surface-app);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;font-optical-sizing:auto;min-height:100%}body{background:var(--surface-app);min-height:100%;color:var(--text-primary);font-family:var(--font-sans);margin:0;font-size:14px;font-weight:400;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit;font-weight:400}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:var(--focus-ring)}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}svg text,svg tspan{font-family:var(--font-sans);font-synthesis:none;font-size:11px;font-weight:400}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-1);color:var(--text-primary);letter-spacing:-.01em;font-size:1.375rem;font-weight:600;line-height:1.22}h2{margin-bottom:var(--space-1);color:var(--text-primary);font-size:1.05rem;font-weight:500;line-height:1.3}h3{margin-bottom:var(--space-2);color:var(--text-primary);font-size:.875rem;font-weight:500}h4,h5,h6,b,strong,legend,summary{font-weight:500}small{font-weight:400;line-height:1.4}label{min-width:0;color:var(--text-secondary);font-size:.8125rem;font-weight:500}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-width:0;min-height:var(--control-height);margin-top:var(--space-2);border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--surface-panel);padding:.5rem .7rem;font-weight:400;line-height:1.35;display:block}input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:var(--text-muted)}textarea{resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;min-height:7rem}input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--accent-primary);margin:0}input[type=file]{padding:.5rem}::placeholder{color:#7e8d98;opacity:1}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.mono,.hash{font-family:var(--font-mono)}.hash{overflow-wrap:anywhere;font-size:.75rem!important}
.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{top:var(--topbar-height);z-index:40;height:calc(100dvh - var(--topbar-height));background:var(--surface-navigation);min-height:0;color:var(--text-primary);border-right:1px solid var(--border-default);flex-direction:column;display:flex;position:sticky;overflow:hidden}.sidebar-header{display:none}.sidebar-drawer-control{border-bottom:1px solid var(--border-default);flex:none;justify-content:flex-end;padding:.35rem .45rem;display:none}.brand{letter-spacing:.02em;align-items:center;gap:.65rem;min-width:0;display:inline-flex}.brand-mark{border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff;border-radius:.2rem;flex:none;place-items:center;width:1.7rem;height:1.7rem;font-size:.8125rem;font-weight:600;display:grid}.brand strong,.brand small{display:block}.brand strong{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.brand small{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.5625rem;font-weight:400}.nav-scroll{overscroll-behavior:contain;scrollbar-color:#b7c4cc transparent;scrollbar-width:thin;flex:auto;min-height:0;padding:.5rem .45rem .75rem;overflow-y:auto}.shell-navigation-skeleton{gap:.65rem;padding:.65rem .55rem;display:grid}.shell-navigation-skeleton span{border:1px solid var(--border-card);background:var(--surface-muted);height:2rem}.nav-group{margin:0 0 .15rem;padding-bottom:.15rem}.nav-administration{border-top:1px solid var(--border-default);margin-top:.45rem;padding-top:.55rem}.nav-group-toggle{width:100%;min-height:1.65rem;color:var(--text-muted);letter-spacing:.1em;text-align:left;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.2rem .55rem;font-size:.625rem;font-weight:400;display:flex}.nav-group-toggle svg{width:.85rem;height:.85rem;transition:transform .12s;transform:rotate(-90deg)}.nav-group-toggle[aria-expanded=true] svg{transform:rotate(0)}.nav-group-current>.nav-group-toggle{color:var(--text-secondary)}.nav-items{gap:0;padding:.05rem 0 .15rem;display:grid}.nav-items a{min-width:0;min-height:1.95rem;color:var(--text-primary);border-left:2px solid #0000;border-radius:0;align-items:center;gap:.55rem;padding:.28rem .55rem .28rem .5rem;font-size:.8125rem;font-weight:400;display:flex}.nav-items a span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-items a svg{width:.95rem;height:.95rem;color:var(--text-muted)}.nav-items a:hover{background:var(--nav-hover-bg);color:var(--text-primary)}.nav-items a.active{border-left-color:var(--nav-active-indicator);background:var(--nav-active-bg);color:var(--text-primary);font-weight:500}.nav-items a.active svg{color:var(--accent-primary)}.nav-items a:focus-visible{outline-offset:-2px}.project-nav-tree{border-top:1px solid var(--border-default);margin:.2rem .45rem .45rem;padding-top:.45rem}.project-nav-heading{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.5rem;padding:.15rem .45rem .35rem;font-size:.6rem;display:flex}.project-nav-heading a,.project-nav-more{color:var(--accent-primary);letter-spacing:0;text-transform:none;font-size:.6rem;font-weight:500}.project-nav-tree ul{margin:0;padding:0;list-style:none}.project-nav-node{min-height:1.9rem;padding-left:calc(var(--tree-depth) * .72rem);border-left:2px solid #0000;grid-template-columns:1.35rem minmax(0,1fr);align-items:center;display:grid}.project-nav-node.current{border-left-color:var(--nav-active-indicator);background:var(--nav-active-bg)}.project-nav-node>a{min-width:0;color:var(--text-primary);padding:.25rem .35rem .25rem 0;font-size:.7rem;line-height:1.2;text-decoration:none;display:grid}.project-nav-node>a strong,.project-nav-node>a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-nav-node>a span{color:var(--text-muted);font-size:.62rem}.project-tree-toggle{width:1.3rem;height:1.3rem;min-height:0;color:var(--text-secondary);background:0 0;border:0;place-items:center;padding:0;display:grid}.project-tree-spacer{width:1.3rem}.project-nav-state{border-top:1px solid var(--line);color:var(--text-muted);justify-content:space-between;align-items:center;gap:.35rem;margin:.2rem .45rem .45rem;padding:.5rem .45rem 0;font-size:.65rem;display:flex}.project-nav-state button{min-height:1.8rem;padding:.2rem .4rem;font-size:.62rem}.project-nav-more{padding:.35rem 1.8rem;display:block}.sidebar-foot{border-top:1px solid var(--border-default);color:var(--text-secondary);flex:none;padding:.65rem .9rem .75rem;font-size:.625rem;font-weight:400}.sidebar-foot small{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:.25rem 0 0 .85rem;font-weight:600;display:block}.health-dot{background:#4bc88b;border-radius:50%;width:.4rem;height:.4rem;margin-right:.35rem;display:inline-block}.main{min-width:0;min-height:100dvh;padding-top:var(--topbar-height);flex-direction:column;display:flex}.topbar{z-index:50;box-sizing:border-box;min-width:0;height:var(--topbar-height);min-height:var(--topbar-height);border-bottom:1px solid var(--border-default);background:var(--surface-header);padding:.375rem var(--chrome-inline);align-items:center;gap:.625rem;display:flex;position:fixed;top:0;left:0;right:0}.shell-topbar-skeleton{min-width:16rem;color:var(--text-muted);flex:1;align-items:center;font-size:.75rem;display:flex}.workspace-context{align-items:center;gap:.55rem;min-width:8rem;line-height:1.1;display:flex}.workspace-context>span{min-width:0;display:grid}.workspace-logo{border:1px solid var(--border-default);border-radius:var(--radius-sm);object-fit:contain;background:#fff;flex:none;width:1.7rem;height:1.7rem;padding:.12rem;display:block}.workspace-context strong{max-width:12rem;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.context-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.5625rem;font-weight:400}.project-switcher{width:clamp(9rem,13vw,13rem)}.project-switcher select{border-radius:var(--radius-sm);height:2rem;min-height:2rem;margin:0;padding:.2rem 1.6rem .2rem .55rem;font-size:.8125rem;font-weight:400}.project-context-control{align-items:center;gap:.4rem;min-width:0;display:flex}.project-context-control .project-switcher{min-width:0}.project-context-picker{min-width:min(20rem,28vw);position:relative}.project-context-trigger{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-panel);text-align:left;align-items:center;width:100%;min-height:2.75rem;padding:.38rem .7rem;display:flex}.project-context-trigger>span{min-width:0;display:grid}.project-context-trigger small{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.58rem}.project-context-trigger strong,.project-context-trigger em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-context-trigger strong{font-size:.78rem}.project-context-trigger em{color:var(--text-muted);font-size:.64rem;font-style:normal}.project-context-popover{z-index:75;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-panel);width:min(30rem,100vw - 2rem);box-shadow:var(--elevation-2);padding:var(--space-4);gap:.65rem;display:grid;position:absolute;top:calc(100% + .4rem);left:0}.project-context-popover label{gap:.3rem;font-size:.68rem;display:grid}.project-context-results{border:1px solid var(--line);border-radius:var(--radius-sm);max-height:min(23rem,52vh);padding:.25rem;display:grid;overflow-y:auto}.project-context-results>button{grid-template-columns:calc(var(--project-depth) * .75rem) minmax(0,1fr);border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;align-items:center;min-height:2.75rem;padding:.35rem .5rem;display:grid}.project-context-results>button:hover,.project-context-results>button.active{background:var(--nav-hover-bg)}.project-context-results>button[aria-selected=true]{box-shadow:inset 3px 0 0 var(--accent-primary)}.project-context-results>button>span:last-child{min-width:0;display:grid}.project-context-results strong,.project-context-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-context-results small{color:var(--text-muted)}.project-context-empty{padding:var(--space-3);color:var(--text-muted);margin:0}.project-context-path{color:var(--text-muted);margin:0;font-size:.68rem}.open-project{white-space:nowrap;color:var(--accent-primary);font-size:.6875rem;font-weight:500}.global-search{width:min(34rem,38vw);margin-left:auto;position:relative}.global-search .command{width:100%;margin-left:0}.global-search-results{z-index:60;border:1px solid var(--border-default);border-radius:var(--radius-sm);max-height:min(34rem,70vh);box-shadow:var(--elevation-2);background:#fff;padding:.3rem;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto}.global-search-results section h2{color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;margin:.35rem .55rem .15rem;font-size:.625rem;font-weight:400}.global-search-results a:not(.global-search-all){border-radius:var(--radius-sm);color:var(--text-primary);justify-content:space-between;gap:1rem;padding:.4rem .55rem;font-weight:400;display:flex}.global-search-results a:hover,.global-search-results a.active{background:var(--nav-hover-bg)}.global-search-results a span{gap:.05rem;min-width:0;display:grid}.global-search-results a strong{font-size:.75rem;font-weight:500}.global-search-results a small{color:var(--text-muted);align-self:center;font-size:.625rem;font-weight:400}.global-search-results>p{margin:.55rem}.global-search-all{border-top:1px solid var(--border-default);text-align:center;padding:.55rem;font-size:.75rem;font-weight:500;display:block}.search-skeleton{gap:.35rem;padding:.55rem;display:grid}.search-skeleton span{border-radius:var(--radius-sm);background:var(--surface-muted);height:2.2rem}.search-error{color:#a12b1f;font-weight:500}.command{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-subtle);width:min(28rem,32vw);min-width:10rem;height:2rem;color:var(--text-secondary);align-items:center;gap:.4rem;margin-left:auto;padding:0 .55rem;display:flex}.command input{width:100%;min-width:0;height:100%;font-weight:400;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;margin:0!important;padding:0!important}.command kbd{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-sans);background:#fff;padding:.05rem .3rem;font-size:.5625rem;font-weight:400}.top-actions{border-left:1px solid var(--border-default);flex:none;align-items:center;gap:.15rem;padding-left:.35rem;display:flex}.icon-button,.mobile-menu,.mobile-close{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-secondary);background:0 0;border:0;place-items:center;display:grid}.icon-button:hover,.mobile-menu:hover,.mobile-close:hover{background:var(--nav-hover-bg)}.create-action{border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff;align-items:center;gap:.3rem;min-height:2rem;padding:.25rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.create-action:hover{background:var(--accent-primary-hover)}.create-action svg{width:.9rem;height:.9rem}.avatar{background:var(--accent-soft);width:1.85rem;height:1.85rem;color:var(--accent-primary);border:0;border-radius:.25rem;place-items:center;font-size:.625rem;font-weight:500;display:grid}.profile-menu{position:relative}.profile-popover{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:16rem;box-shadow:var(--elevation-2);background:#fff;padding:.55rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0}.profile-popover>strong,.profile-popover>small{padding:0 .45rem}.profile-popover>strong{font-weight:500}.profile-popover>small{color:var(--text-muted);text-overflow:ellipsis;margin-bottom:.45rem;font-weight:400;overflow:hidden}.profile-popover a,.profile-popover button{border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;align-items:center;gap:.55rem;min-height:2.15rem;padding:.4rem .45rem;font-weight:400;display:flex}.profile-popover a:hover,.profile-popover button:hover{background:var(--nav-hover-bg)}.mobile-menu,.mobile-close,.drawer-backdrop{display:none}.workspace-chrome{top:var(--topbar-height);z-index:28;border-bottom:1px solid var(--border-default);background:var(--surface-subtle);min-width:0;display:grid;position:sticky}.context-strip{min-width:0;min-height:1.75rem;padding:.2rem var(--chrome-inline) 0;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.context-trail{min-width:0;color:var(--text-secondary);flex-wrap:nowrap;align-items:center;gap:.35rem;font-size:.75rem;font-weight:400;display:flex}.context-crumb{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.context-trail a{color:var(--accent-primary);font-weight:400}.context-crumb.current{color:var(--text-primary);font-weight:400}.context-separator{color:var(--text-muted);font-weight:400}.context-meta{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.625rem;font-weight:400}.command-bar{min-width:0;min-height:var(--command-bar-height);padding:0 var(--chrome-inline) .3rem;align-items:center;display:flex}.command-bar-actions{scrollbar-width:thin;flex:1;align-items:center;gap:.15rem;min-width:0;display:flex;overflow:auto hidden}.command-item{border-radius:var(--radius-sm);min-height:1.85rem;color:var(--text-primary);background:0 0;border:1px solid #0000;flex:none;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.command-item svg{width:.85rem;height:.85rem;color:var(--text-muted)}.command-item:hover{border-color:var(--border-default);background:#fff}.command-item-primary{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.command-item-primary svg{color:#fff}.command-item-primary:hover{border-color:var(--accent-primary-hover);background:var(--accent-primary-hover);color:#fff}.command-overflow{flex:none;display:inline-flex;position:relative}.command-overflow>summary{border:1px solid var(--border-default);border-radius:var(--radius-sm);min-height:1.85rem;color:var(--text-primary);cursor:pointer;background:#fff;align-items:center;padding:.15rem .55rem;font-size:.75rem;font-weight:500;list-style:none;display:inline-flex}.command-overflow>summary::-webkit-details-marker{display:none}.command-overflow-menu{z-index:32;border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:13rem;box-shadow:var(--elevation-2);background:#fff;padding:.25rem;display:grid;position:absolute;top:calc(100% + .3rem);right:0}.command-overflow-menu .command-item{justify-content:flex-start;width:100%}.command-target{scroll-margin-top:calc(var(--topbar-height) + var(--command-bar-height) + 2.25rem)}#main-content{flex:auto;min-width:0}.workspace-switcher{min-width:0;color:var(--text-muted);align-items:center;gap:.4rem;font-size:.625rem;line-height:1;display:flex}.workspace-switcher>span{text-transform:uppercase;letter-spacing:.05em;flex:none}.workspace-switcher select{border:1px solid var(--border);background:var(--surface);width:clamp(9.5rem,12vw,12rem);min-width:0;height:2rem;min-height:2rem;color:var(--text);border-radius:6px;margin:0;padding:.2rem 1.7rem .2rem .55rem;font-size:.75rem}.suite-nav{border-bottom:1px solid var(--border);background:var(--surface);align-items:stretch;gap:4px;min-height:42px;padding:0 24px;display:flex}.suite-nav a{color:var(--text-muted);border-bottom:2px solid #0000;align-items:center;padding:0 14px;font-size:.86rem;font-weight:600;display:flex}.suite-nav a:hover,.suite-nav a[aria-current=page]{color:var(--primary);border-bottom-color:var(--primary)}@media (max-width:1024px){.project-context-picker{min-width:12rem}}@media (max-width:760px){.project-context-popover{top:var(--topbar-height);width:auto;max-height:calc(100dvh - var(--topbar-height) - 1rem);position:fixed;left:1rem;right:1rem;overflow:auto}}
