/* Shared AICS client and interactive-demo workspace shell. */
.aics-product-shell{--shell-green:#184d3d;--shell-ink:#183d32;--shell-line:#dce5df;--shell-canvas:#f5f7f6;font-family:"Segoe UI",system-ui,sans-serif}
#appShell.aics-product-shell,#demoShell.aics-product-shell{background:var(--shell-canvas);--sidebar:252px;--green:#215d49;--green-dim:#e8f2ec;--ink:#183d32;--ink-2:#405c50}
#demoShell{display:flex;height:100dvh;overflow:hidden}
#appShell.aics-product-shell .sidebar,#demoShell .sidebar{width:252px!important;min-width:252px!important;background:#173e32!important;color:#fff!important;border:0!important;box-shadow:none!important;display:flex;flex-direction:column;overflow-y:auto!important;padding:12px 0;flex-shrink:0}
#appShell.aics-product-shell .sb-top,#demoShell .sb-top{padding:8px 16px 18px!important}
#appShell.aics-product-shell .sb-logo,#demoShell .sb-logo{color:#fff!important;background:transparent!important;font:700 23px "Segoe UI",system-ui!important;text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:.025em!important}
#demoShell .sb-logo{padding:8px 10px}.shell-brand-note{color:#b8d2c4;font-size:11px;padding:4px 10px;letter-spacing:.03em}
#appShell.aics-product-shell .sb-client-number{background:#214d3e!important;color:#d5e8dd!important;border:1px solid #416151!important;margin-top:10px}
#appShell.aics-product-shell .sb-client-number strong,#appShell.aics-product-shell .sb-client-number span{color:#e0eee6!important}
#appShell.aics-product-shell .sb-section,#demoShell .sb-section{padding:0 10px!important;margin-bottom:12px}
#appShell.aics-product-shell .sb-section .sb-section{padding:0!important}
#appShell.aics-product-shell .sb-section-label,#demoShell .sb-section-label{display:block;color:#b8d2c4!important;font:600 10px "Segoe UI",system-ui!important;text-transform:uppercase;letter-spacing:.12em!important;padding:14px 12px 8px!important}
#appShell.aics-product-shell .nav-item,#demoShell .nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px!important;margin:3px 0!important;padding:10px 12px!important;border:0;border-radius:6px!important;background:transparent;color:#e3eee7!important;font:400 13px/1.4 "Segoe UI",system-ui!important;text-decoration:none;text-align:left;cursor:pointer;box-shadow:none!important}
#appShell.aics-product-shell .nav-item svg,#demoShell .nav-item svg{width:18px!important;height:18px!important;flex-shrink:0;color:inherit!important;opacity:1!important}
#appShell.aics-product-shell .nav-item:hover,#demoShell .nav-item:hover{background:#295646!important}
#appShell.aics-product-shell .nav-item.active,#demoShell .nav-item.active{background:#e5f1e9!important;color:#173e32!important;font-weight:600!important;box-shadow:inset 3px 0 0 #a9c9ac!important}
#appShell.aics-product-shell .nav-helper-text{color:#b8d2c4!important;font-size:11px!important}
#appShell.aics-product-shell .sb-divider{background:#416151!important;margin:12px 6px!important}
#appShell.aics-product-shell .sb-bottom,#demoShell .sb-bottom{margin-top:auto;padding:14px 18px!important;border-top:1px solid #416151;background:transparent!important;color:#c9ddd1!important;font-size:12px;overflow-wrap:anywhere}
#appShell.aics-product-shell .sb-help,#appShell.aics-product-shell .sb-help a,#appShell.aics-product-shell .sb-user-email,#appShell.aics-product-shell .logout-btn{color:#dcebe2!important}
#appShell.aics-product-shell .logout-btn{border-color:#577466!important;min-height:36px}
#demoShell .main{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
#appShell.aics-product-shell .topbar,#demoShell .topbar{display:flex;align-items:center;gap:14px;min-height:62px!important;height:auto!important;padding:12px 24px!important;background:white!important;border-bottom:1px solid var(--shell-line)!important;box-shadow:none!important;color:var(--shell-ink)}
#appShell.aics-product-shell .content{background:var(--shell-canvas)!important}
#demoShell .shell-page{width:100%;max-width:none;margin:0;padding:26px 28px 64px;overflow-y:auto;flex:1;min-height:0}
#demoShell .sample-hero{padding:0 0 24px}#demoShell .sample-hero h1{font-size:30px}#demoShell .sample-controls{margin:26px 0}#demoShell .ac-charts{margin-top:0}
.shell-toolbar-title{font-size:13px;font-weight:600;flex:1}.shell-context{font-size:12px;color:#5c7165}.shell-toggle,.shell-close{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #cbd9d0!important;border-radius:6px;background:#fff!important;color:#214e3d!important;font:600 13px "Segoe UI",system-ui!important;min-width:38px;min-height:36px;cursor:pointer;padding:8px!important}
.shell-close{display:none!important}.shell-scrim{display:none}.shell-skip{position:fixed;left:12px;top:-80px;z-index:1000;background:white;color:#184d3d;padding:12px}.shell-skip:focus{top:12px}
.aics-product-shell :is(button,a,select,input):focus-visible{outline:3px solid #84b798!important;outline-offset:3px}
@media(min-width:901px){
 #appShell.aics-product-shell.shell-compact .sidebar,#demoShell.shell-compact .sidebar{width:76px!important;min-width:76px!important}
 .aics-product-shell.shell-compact .sidebar .sb-section{padding:0 12px!important}
 .aics-product-shell.shell-compact .sidebar :is(.sb-section-label,.sb-client-number,.nav-helper-text,.sb-divider,.sb-bottom,.shell-brand-note){display:none!important}
 #appShell.aics-product-shell.shell-compact .nav-item,#demoShell.shell-compact .nav-item{font-size:0!important;justify-content:center;padding:12px!important}
 .aics-product-shell.shell-compact .nav-item>*:not(svg){display:none!important}
 #appShell.aics-product-shell.shell-compact .sb-top,#demoShell.shell-compact .sb-top{padding:8px 6px 16px!important}
 #appShell.aics-product-shell.shell-compact .sb-logo,#demoShell.shell-compact .sb-logo{font-size:17px!important;padding:8px 3px!important;justify-content:center;width:100%}
 .aics-product-shell.shell-compact .sb-logo-dot{display:none}
}
@media(max-width:900px){
 #appShell.aics-product-shell .sidebar,#demoShell .sidebar{position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;max-height:100dvh!important;width:min(300px,86vw)!important;min-width:0!important;z-index:501!important;transform:translateX(-105%);visibility:hidden;transition:transform .18s ease,visibility .18s;box-shadow:8px 0 30px #102b3226!important}
 #appShell.aics-product-shell.shell-menu-open .sidebar,#demoShell.shell-menu-open .sidebar{transform:translateX(0);visibility:visible}
 .aics-product-shell.shell-menu-open .shell-scrim{display:block;position:fixed;inset:0;z-index:500;background:#102b3266;border:0;cursor:pointer}
 .aics-product-shell .shell-close{display:flex!important;margin:4px 16px 8px;align-self:flex-end}
 #appShell.aics-product-shell .topbar,#demoShell .topbar{padding:10px 16px!important;min-height:58px!important}
 #demoShell .shell-page{padding:22px 16px 48px}#demoShell .sample-hero h1{font-size:26px}#demoShell .shell-context{display:none}
}
@media(prefers-reduced-motion:reduce){.aics-product-shell .sidebar{transition:none!important}}
@media print{.aics-product-shell .sidebar,.aics-product-shell .topbar,.shell-scrim{display:none!important}#demoShell,#demoShell .main,#demoShell .shell-page{display:block;height:auto;overflow:visible}}
