:root{
  --z-base:1;
  --z-sticky:20;
  --z-nav:30;
  --z-fab:40;
  --z-panel:50;
  --z-tour-overlay:60;
  --z-tour-card:70;
  --z-toast:80;
  --z-modal:90;
}
*{box-sizing:border-box}
.demo-page{margin:0;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text)}
.demo-app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.demo-header{height:58px;min-height:58px;display:flex;align-items:center;gap:18px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel);z-index:var(--z-sticky)}
.demo-brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;min-width:190px}
.demo-brand-symbol,.assistant-brand-symbol{display:grid;place-items:center;flex:0 0 auto;background:#fff;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));overflow:hidden}
.demo-brand-symbol{width:34px;height:34px;border-radius:10px}.demo-brand-symbol img{width:29px;height:29px;object-fit:contain}
.demo-brand div{display:flex;flex-direction:column;line-height:1.05}.demo-brand strong{font-family:Montserrat,sans-serif;font-weight:400;letter-spacing:.16em;font-size:13px}.demo-brand span{font-size:8px;letter-spacing:.14em;color:var(--muted);margin-top:3px}
.demo-mode{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-right:auto}.demo-mode .status-dot{width:6px;height:6px;border-radius:50%;background:var(--good)}
.demo-controls{display:flex;align-items:center;gap:7px}.demo-controls .header-action{height:32px;padding:0 10px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-size:10px;cursor:pointer}.demo-controls .segmented{height:32px}
.demo-experience{flex:1;min-height:0;padding:0;overflow:hidden}.demo-experience .os-shell{height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}.demo-experience .os-sidebar{width:218px;min-width:218px;z-index:var(--z-nav)}.demo-experience .os-main{min-width:0;height:100%;overflow:hidden}.demo-experience .os-topbar{height:62px;min-height:62px;padding:0 18px}.demo-experience .workspace{height:calc(100% - 62px);min-height:0;overflow:auto;padding:16px 18px 28px}.demo-experience .workspace-grid{gap:10px}.demo-experience .card{padding:14px}.demo-experience .metrics{gap:8px}.demo-experience .metric{min-height:92px;padding:12px}.demo-experience .metric strong{font-size:25px}.demo-experience .table th,.demo-experience .table td{padding-top:9px;padding-bottom:9px}
.demo-experience .intelligence-fab{position:absolute;right:18px;bottom:18px;width:58px;height:58px;z-index:var(--z-fab);padding:6px;border:1px solid color-mix(in srgb,var(--accent) 58%,#cfd4dc);border-radius:17px;background:#fff;box-shadow:0 14px 36px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.28) inset}.demo-experience .intelligence-fab img{width:100%;height:100%;object-fit:contain;transform:scale(1.08)}.demo-experience .intelligence-fab:hover{transform:translateY(-1px)}.demo-experience .intelligence-fab:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 52%,transparent);outline-offset:3px}.demo-experience .intelligence-fab[hidden]{display:none!important}
.demo-experience .intelligence-panel{position:absolute;top:12px;right:12px;bottom:12px;width:min(444px,calc(100% - 36px));height:auto;max-height:none;z-index:var(--z-panel);border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.demo-experience .intelligence-panel[hidden]{display:none!important}.assistant-brand-symbol{width:36px;height:36px;border-radius:10px}.assistant-brand-symbol img{width:31px;height:31px;object-fit:contain}.demo-experience .intelligence-brand img{width:100%;height:100%;object-fit:contain}.demo-experience .intelligence-brand strong{font-size:13px}.demo-experience .messages{min-height:0}
.demo-experience .tour-overlay{z-index:var(--z-tour-overlay)}.demo-experience .tour-card{z-index:var(--z-tour-card);max-width:360px}.demo-experience .toast{z-index:var(--z-toast)}
.demo-disclaimer{height:24px;min-height:24px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:9px;letter-spacing:.01em}.demo-experience .mobile-nav{z-index:var(--z-nav)}
.demo-experience [data-ui-label="company-info"]{white-space:normal}.demo-experience .tiny-label{font-size:9px}.demo-experience .card-head h4{font-size:15px}.demo-experience .field span,.demo-experience .source-card span,.demo-experience .ledger-row span{font-size:10px}.demo-experience .field strong,.demo-experience .field select{font-size:12px}
@media(max-width:1180px){.demo-experience .os-sidebar{width:202px;min-width:202px}.demo-experience .intelligence-panel{width:min(410px,calc(100% - 28px))}.demo-experience .workspace{padding:14px}.demo-header{gap:10px}.demo-mode{display:none}}
@media(max-width:900px){.demo-controls .theme-segment{display:none}.demo-brand{min-width:auto}.demo-brand span{display:none}.demo-experience .os-topbar{padding:0 14px}.demo-experience .top-context{gap:7px}.demo-experience .top-context span{font-size:9px}}
@media(max-width:760px){.demo-header{height:54px;min-height:54px;padding:0 10px}.demo-brand-symbol{width:32px;height:32px}.demo-brand-symbol img{width:27px;height:27px}.demo-controls{margin-left:auto}.demo-controls #startGuided{display:none}.demo-controls .header-action{padding:0 8px}.demo-experience .os-sidebar{display:none}.demo-experience .os-topbar{height:58px;min-height:58px}.demo-experience .workspace{height:calc(100% - 58px);padding:12px 12px calc(76px + env(safe-area-inset-bottom))}.demo-experience .mobile-nav{display:grid;position:absolute;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.demo-experience .intelligence-fab{right:14px;bottom:calc(66px + env(safe-area-inset-bottom));width:56px;height:56px}.demo-experience .intelligence-panel{top:0;right:0;bottom:0;width:100%;height:100%;border-radius:0;padding-bottom:calc(58px + env(safe-area-inset-bottom))}.demo-experience .intelligence-panel .composer{position:sticky;bottom:0}.demo-disclaimer{display:none}}
@media(max-width:430px){.demo-controls .segmented{display:none}.demo-brand strong{font-size:12px}.demo-experience .os-topbar h3{font-size:17px}.demo-experience .breadcrumb{font-size:9px}.demo-experience .top-context span:last-child{display:none}.demo-experience .workspace-grid{grid-template-columns:1fr}.demo-experience .grid.metrics{grid-template-columns:repeat(2,1fr)}.demo-experience .card{padding:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}