/* Fixed tutorial geometry: only a viewport change can change these dimensions. */
#app-demo.app-demo-section{padding-block:20px;scroll-margin-top:0}
.demo-invitation{width:100%;margin:0 0 16px;text-align:center}
.demo-invitation #app-demo-title{max-width:none;margin:0;font-size:clamp(2rem,3.5vw,2.75rem);line-height:1.1;letter-spacing:-.035em;color:#6e56cf}
#module-dialog.inline-demo{--coach-height:140px;display:grid;grid-template-rows:minmax(0,1fr) var(--coach-height);position:relative;width:100%;max-width:none;height:min(800px,calc(100svh - 164px));min-height:320px;max-height:none;margin:0;padding:0;overflow:clip;border:1px solid #d7d3e2;border-radius:12px;box-shadow:0 14px 38px #2520370a;background:#f0f1f6;overflow-anchor:none}
#module-dialog.inline-demo .nd-frame{height:100%;min-height:0;position:relative;grid-template-columns:184px minmax(0,1fr);overflow:clip}
#module-dialog.inline-demo .module-footer,#module-dialog.inline-demo .nd-topbar .module-reset,#module-dialog.inline-demo .nd-topbar .module-close,#module-dialog.inline-demo .nd-menu-toggle,#module-dialog.inline-demo .nd-demo-note,#module-dialog .nd-sidebar-footer,#module-dialog .nd-nav-children{display:none!important}
#module-dialog.inline-demo .nd-sidebar{overflow:clip;padding:12px 7px}
#module-dialog .nd-brand{padding:2px 8px 13px;font-size:13px}
#module-dialog .nd-brand img{width:25px;height:25px}
#module-dialog .nd-sidebar nav{gap:1px}
#module-dialog .nd-sidebar .nd-nav-link{min-height:28px;padding:6px 8px;font-size:12px;gap:8px}
#module-dialog .nd-nav-group:has(.nd-nav-link.is-active)>.nd-group-toggle{background:#423b68!important;color:#fff!important}
#module-dialog.inline-demo .nd-topbar{height:42px;min-height:42px;padding:5px 14px}
#module-dialog.inline-demo .nd-page-scroll{display:flex;flex-direction:column;min-height:0;overflow:clip;scrollbar-gutter:auto;padding:12px;container-type:inline-size}
#module-dialog .nd-page-heading{flex:none;margin-bottom:10px;min-height:28px}
#module-dialog #module-title{font-size:20px}
#module-dialog #module-actions{display:none}
#module-dialog #module-content{position:relative;flex:1;min-height:0;overflow:clip}
#module-dialog .wt-stage-content{position:absolute;top:8px;left:8px;transform-origin:top left}
#module-dialog .wt-away{display:none!important}
#module-dialog .wt-focus-path:not(table):not(tbody):not(tr){display:block!important;margin:0!important;padding:0!important;max-height:none!important;overflow:visible!important}
#module-dialog .wt-stage-content .cd-table-wrap{overflow:visible}
#module-dialog .wt-stage-content textarea{resize:none;overflow:hidden}
#module-dialog .nd-frame *{scrollbar-width:none}
#module-dialog .nd-frame *::-webkit-scrollbar{display:none}
#module-dialog .wt-highlight{outline:2px solid #6e56cf;outline-offset:3px;border-radius:5px}
.wt-root{position:relative;z-index:1;min-height:0;height:var(--coach-height);background:#fff;border-top:1px solid #d8d0f1}
#module-dialog .wt-card{height:100%;display:grid;grid-template-rows:16px 3px minmax(0,1fr);gap:8px;padding:12px 18px;color:#16161a;background:#fff;border:0;border-radius:0;box-shadow:none}
.wt-head{display:flex;align-items:center;gap:12px;min-width:0;font-size:12px;line-height:16px}
.wt-kicker{font-weight:650;letter-spacing:.055em;color:#5b45c4}
.wt-topic{color:#62626c}
.wt-progress{height:3px;border-radius:3px;background:#ece8f7;overflow:hidden}
.wt-progress span{display:block;height:100%;background:#6e56cf}
.wt-guide-row{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:22px;min-height:0}
.wt-copy{min-width:0}
#module-dialog .wt-title{font-size:18px;line-height:1.3;font-weight:620;margin:0 0 5px;letter-spacing:-.02em}
#module-dialog .wt-text{font-size:14px;line-height:1.5;margin:0;color:#4d4b57;max-width:760px}
.wt-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}
.wt-buttons button,.wt-buttons .button{min-height:44px;height:44px;min-width:0;padding:6px 8px;font:550 13px/1.2 Geist,'Segoe UI',sans-serif;white-space:normal}
.wt-buttons [data-wt=next]{position:relative}
.wt-first-step [data-wt=next]::after{content:'';position:absolute;inset:-5px;pointer-events:none;border:2px solid #6e56cf;border-radius:10px;opacity:.35;box-shadow:0 0 12px #6e56cf55}
body[data-motion=full] .wt-first-step [data-wt=next]::after{animation:next-invitation 2s ease-in-out 2}
@keyframes next-invitation{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.wt-first-step [data-wt=next]::after{animation:none!important}}
@media(max-width:900px){#module-dialog.inline-demo{--coach-height:206px}.wt-guide-row{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 44px;gap:8px}.wt-buttons{width:100%;max-width:360px;justify-self:end}#module-dialog .wt-card{padding:12px 14px}#module-dialog .wt-title{font-size:17px}}
@media(max-width:760px){#module-dialog.inline-demo .nd-frame{grid-template-columns:minmax(0,1fr)}#module-dialog.inline-demo .nd-sidebar{display:none}#module-dialog .nd-page-heading{margin-bottom:7px}#module-dialog #module-title{font-size:18px}}
@media print{#module-dialog.inline-demo{height:700px}.wt-buttons{visibility:hidden}}

/* Module selection is live; only the focused app panel is a guided preview. */
#module-dialog .nd-nav-group[data-group=learning] .nd-nav-children:not([hidden]){display:flex!important;flex-direction:column}
#module-dialog .nd-sidebar .nd-nav-link.nd-sub{padding:5px 8px 5px 28px;min-height:27px}
#module-dialog .nd-sidebar .nd-unavailable{display:none}
#module-dialog .nd-global-search{pointer-events:none}
.wt-module-picker{display:none;min-width:0;width:100%;height:34px;border:1px solid #c9bdeb;border-radius:6px;background:#f1eefc;color:#493699;padding:4px 10px;font:600 14px/1.4 Geist,sans-serif}
.wt-idle{display:grid;place-items:center;background:#f7f5fc}
.wt-idle>p{font-size:18px;font-weight:600;color:#5b45c4}
#module-dialog.wt-awaiting-module .nd-sidebar button:hover{background:#423b68}
#module-dialog .wt-stage-content audio{display:block;width:100%;max-width:360px;margin-top:14px}
@media(max-width:900px),(max-height:740px){
  #module-dialog.inline-demo .nd-frame{grid-template-columns:minmax(0,1fr)}
  #module-dialog.inline-demo .nd-sidebar{display:none}
  #module-dialog .wt-module-picker{display:block}
  #module-dialog #module-breadcrumb,#module-dialog .nd-global-search{display:none}
}

/* Active controls keep the app's flat purple treatment and stay within the stage. */
#module-dialog .wt-interactive:focus-visible{outline:2px solid #6e56cf;outline-offset:3px}
#module-dialog .wt-interactive:is(button,select,summary){cursor:pointer}
#module-dialog .wt-highlight{outline-color:#c6b9ef;outline-width:1px}
#module-dialog .wt-stage-content .module-panel{padding:14px}
#module-dialog .wt-stage-content textarea{height:76px;min-height:76px;max-height:76px;overflow:auto;resize:none}
#module-dialog .wt-stage-content .module-form input,#module-dialog .wt-stage-content .module-form select{min-height:36px}
#module-dialog .wt-stage-content .nd-sales-layout.wt-focus-path{display:grid!important;grid-template-columns:150px minmax(0,1fr);gap:14px}
#module-dialog .wt-stage-content .nd-sales-main.wt-focus-path{display:grid!important;gap:12px}
#module-dialog .wt-stage-content .nd-sales-layout.wt-focus-path:has(>.nd-sales-sections.wt-away){grid-template-columns:minmax(0,1fr)}
#module-dialog .wt-stage-content .nd-guidelines{margin-bottom:10px}
#module-dialog .wt-stage-content .nd-guidelines summary{padding:9px 0}
#module-dialog .wt-stage-content .handbook-question{margin-bottom:10px}
#module-dialog .wt-stage-content .talking-point{padding:14px}
#module-dialog .wt-stage-content .module-policy{margin-top:12px;padding:12px}
#module-dialog .wt-stage-content .nd-game-card img{max-height:90px;object-fit:contain}
#module-dialog .wt-stage-content .nd-trivia-art{max-height:70px;object-fit:contain}
#module-dialog .wt-stage-content .learn-area-title{margin:8px 0}
#module-dialog .wt-stage-content .learn-grid{grid-template-columns:1fr}
#module-dialog .wt-stage-content .learn-card .card-body{padding:10px}
#module-dialog .wt-stage-content .learn-card p{margin:4px 0}
#module-dialog .wt-stage-content .learn-area-title,#module-dialog .wt-stage-content .learn-card-top,#module-dialog .wt-stage-content .learn-card p{display:none}
#module-dialog .wt-stage-content .learn-card .card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
#module-dialog .wt-stage-content .learn-card h3{font-size:14px;margin:0}
#module-dialog .wt-stage-content .learn-card-actions{margin:0}
#module-dialog .wt-stage-content .learn-area{margin-block:8px}
#module-dialog .wt-report-details{padding:10px 0;font-size:13px}
#module-dialog .wt-report-details summary{min-height:36px;color:#5b45c4;font-weight:600}
#module-dialog .cd-chart-pickers{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#module-dialog .cd-chart-pill{min-height:36px;justify-content:center;color:#5741b0;font-size:12px;white-space:normal}
#module-dialog .cd-chart-pill select{width:100%;min-width:0;border:0;background:transparent;color:inherit;font:inherit}
#module-dialog .cd-chart-pill[aria-pressed=true]{background:#e9e3fa;border-color:#b4a2e5}
#module-dialog .cd-dashboard-report .dash-range-head{display:block}
#module-dialog .cd-dashboard-report .dash-range-when{display:none}
#module-dialog .cd-dashboard-report .dash-views{display:flex;width:100%;margin:0 0 10px}
#module-dialog .cd-dashboard-report .dash-view-btn{flex:1;width:auto;height:38px;min-height:38px;gap:5px;font-size:11px}
#module-dialog .cd-dashboard-report .dash-view-btn .icon{width:14px;height:14px}
#module-dialog .cd-chart-stage{height:152px}
#module-dialog .cd-chart-stage .dash-svg{height:84px}
#module-dialog .cd-chart-stage .dash-rfigs{height:100%;align-content:center;justify-content:center}
#module-dialog .cd-chart-stage .dash-rfig .v{font-size:34px}
#module-dialog .cd-chart-stage .dash-delta{background:#f1eefc;color:#5741b0}
@media(max-width:900px){#module-dialog.inline-demo{--coach-height:176px}#module-dialog .wt-card{padding:10px 14px;gap:6px}#module-dialog .wt-title{font-size:16px;margin-bottom:3px}#module-dialog .wt-text{font-size:13px;line-height:1.4}.wt-guide-row{gap:6px}}
@container(max-width:500px){
  #module-dialog .wt-stage-content .nd-sales-layout.wt-focus-path{grid-template-columns:1fr}
  #module-dialog .wt-stage-content .nd-section-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  #module-dialog .wt-stage-content .nd-section-list button{font-size:11px;min-height:36px;padding:5px}
  #module-dialog .wt-stage-content .nd-small-label{display:none}
  #module-dialog .cd-chart-pill{font-size:11px;padding:5px}
  #module-dialog .cd-dashboard-report .dash-view-btn{flex-direction:column;gap:2px;font-size:10px;height:40px}
  #module-dialog .cd-chart-stage{height:145px}
  #module-dialog .cd-chart-stage .dash-svg{height:76px}
  #module-dialog .wt-stage-content .demo-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  #module-dialog .wt-stage-content .demo-product{display:flex;flex-direction:column;min-width:0}
  #module-dialog .wt-stage-content .nd-product-image{height:48px;min-height:48px;border-right:0;border-bottom:1px solid #e4e4e8}
  #module-dialog .wt-stage-content .demo-product-copy{padding:8px}
  #module-dialog .wt-stage-content .demo-product-copy>strong{font-size:12px}
  #module-dialog .wt-stage-content .demo-product-copy .demo-product-choice{font-size:10px;gap:4px;flex-wrap:wrap}
  #module-dialog .wt-stage-content .demo-product-choice input{flex:0 0 19px;min-width:19px}
}
/* Compact the app panels themselves before fitting the fixed demo viewport. */
#module-dialog .wt-stage-content [data-edit-task],#module-dialog .wt-stage-content .cd-task-main>p{display:none}
#module-dialog .wt-stage-content .cd-task-row{padding:9px 0;flex-wrap:nowrap}
#module-dialog .wt-stage-content .cd-task-main .task-meta>span:nth-child(n+3){display:none}
#module-dialog .wt-stage-content .cd-task-main .task-meta{font-size:11px;margin-top:3px;gap:3px 8px}
#module-dialog .wt-stage-content .cd-agenda li{padding:8px 0}
#module-dialog .wt-stage-content .cd-agenda p{display:none}
#module-dialog .wt-stage-content .cd-agenda{margin:8px 0}
#module-dialog .wt-stage-content .guide-toc .toc-title{display:none}
#module-dialog .wt-stage-content .guide-doc .nd-note,#module-dialog .wt-stage-content .guide-doc [data-module]{display:none}
#module-dialog .wt-stage-content .cd-schedule{margin:0}
#module-dialog .wt-stage-content .cd-schedule>article{padding:10px}
#module-dialog .wt-stage-content .cd-schedule>article:not(:has(.cd-job)):not(:has(p .cd-state)){display:none}
#module-dialog .wt-stage-content .cd-schedule>article>.cd-between>.cd-state{display:none}
#module-dialog .wt-stage-content .cd-job{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 8px;padding:8px;margin-top:8px}
#module-dialog .wt-stage-content .cd-job>p{margin:0;grid-column:1}
#module-dialog .wt-stage-content .cd-job>button{grid-column:2;grid-row:1 / 3}
#module-dialog .wt-stage-content .nd-trivia-art,#module-dialog .wt-stage-content .team-game-context{display:none}
#module-dialog .wt-stage-content .team-game h3{font-size:19px;line-height:1.3;margin:12px 0}
#module-dialog .wt-stage-content .team-game-answers{gap:6px}
#module-dialog .wt-stage-content .team-game-answers button{min-height:44px;padding:8px;gap:8px}
#module-dialog .wt-stage-content .team-game-result{font-size:13px;line-height:1.4;padding:10px 0 0}
#module-dialog .wt-stage-content .team-game>.module-primary{margin-top:8px}
#module-dialog .wt-stage-content .learn-find-row{display:block;margin-bottom:8px}
#module-dialog .wt-stage-content .learn-find{font-size:12px;gap:4px}
#module-dialog .wt-stage-content .learn-area .learn-card{padding:0}
#module-dialog .wt-stage-content .learn-card .card-body{padding:8px}
#module-dialog .wt-stage-content .report-identity{padding:8px 10px}
#module-dialog .wt-stage-content .report-identity p{margin:3px 0}
#module-dialog .wt-stage-content .report-totals{padding:6px 10px 0}
#module-dialog .wt-stage-content .report-totals>div{padding:3px 0}
#module-dialog .wt-stage-content .report-totals .report-net{margin-top:4px;padding:6px 0}
#module-dialog .wt-stage-content .report-jobs th,#module-dialog .wt-stage-content .report-jobs td{padding:7px 10px}
#module-dialog .wt-stage-content .report-jobs{font-size:12px}
#module-dialog .wt-stage-content .wt-report-details{padding:5px 0}
#module-dialog .wt-task-editor .cd-details{display:none}
#module-dialog .wt-stage-content button[inert],#module-dialog .wt-stage-content a[inert]{display:none}
#module-dialog #meeting-actions>.nd-note{display:none}
#module-dialog .wt-stage-content #meeting-recording{padding:12px}
#module-dialog .wt-stage-content #meeting-recording>.nd-note{display:none}
#module-dialog .wt-stage-content #meeting-recording>p{margin:4px 0;font-size:12px}
#module-dialog .wt-stage-content #meeting-recording audio{margin:8px 0}
#module-dialog .wt-stage-content .nd-transcript{padding:8px}
#module-dialog .wt-stage-content .nd-transcript p{padding:7px 0;margin:0 0 5px;font-size:12px;line-height:1.4}
#module-dialog .wt-stage-content #meeting-summary-text{height:132px;min-height:132px;max-height:132px}
#module-dialog .wt-stage-content .module-form:has(#meeting-summary-text)>.nd-note{display:none}
#module-dialog .wt-stage-content .module-form label{margin:8px 0 4px}
#module-dialog .wt-stage-content .module-form input,#module-dialog .wt-stage-content .module-form select{padding:6px 8px;font-size:13px}
#module-dialog .wt-stage-content .module-form>.module-primary{margin-top:10px}
@container(max-width:500px){
  #module-dialog .wt-stage-content .nd-form-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}
  #module-dialog .wt-stage-content .nd-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  #module-dialog .wt-stage-content .nd-stats>div{gap:3px}
  #module-dialog .wt-stage-content .nd-stats>div>span{font-size:9px}
  #module-dialog .wt-stage-content .nd-stats strong{font-size:17px}
  #module-dialog .wt-stage-content .nd-stats .nd-stat-text{font-size:12px}
  #module-dialog .wt-stage-content .nd-filter-row{gap:6px;margin-block:0 10px}
  #module-dialog .wt-stage-content .nd-filter-row .nd-tabs{flex-wrap:nowrap;gap:3px;margin:0;width:100%}
  #module-dialog .wt-stage-content .nd-tabs button{font-size:11px;padding:6px 8px;min-height:32px}
  #module-dialog .wt-stage-content .nd-filter-row>select{flex:1;width:42%;min-width:0;font-size:11px;min-height:34px;padding:5px}
  #module-dialog .wt-stage-content .nd-stats{margin-bottom:8px}
  #module-dialog .wt-stage-content .nd-stats>div{padding:5px}
  #module-dialog .wt-stage-content .cd-meeting-cols{gap:8px}
  #module-dialog .wt-stage-content .cd-meeting-cols .module-panel{padding:10px}
  #module-dialog .wt-stage-content .guide-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:10px}
  #module-dialog .wt-stage-content .guide-toc button{padding:6px;font-size:11px;min-height:44px}
  #module-dialog .wt-stage-content .policy{padding:0}
  #module-dialog .wt-stage-content .guide-doc h3{font-size:17px;margin:6px 0}
  #module-dialog .wt-stage-content .guide-doc p{font-size:13px;line-height:1.5;margin:8px 0}
  #module-dialog .wt-stage-content .cd-schedule h3{font-size:12px;margin:0}
  #module-dialog .wt-stage-content .cd-schedule .cd-between{gap:4px}
  #module-dialog .wt-stage-content .cd-schedule .cd-state{font-size:9px}
  #module-dialog .wt-stage-content .cd-job strong{font-size:12px}
  #module-dialog .wt-stage-content .cd-job p{font-size:11px}
  #module-dialog .wt-stage-content .cd-job button{font-size:11px;padding:5px;min-height:34px}
  #module-dialog .wt-stage-content .report-identity h4{font-size:16px}
  #module-dialog .wt-stage-content .report-jobs th:last-child,#module-dialog .wt-stage-content .report-jobs td:last-child{width:70px}
  #module-dialog .wt-stage-content .report-jobs th,#module-dialog .wt-stage-content .report-jobs td{padding:5px 7px}
  #module-dialog .wt-stage-content .report-totals .report-net{font-size:17px}
  #module-dialog .wt-stage-content .report-job,#module-dialog .wt-stage-content .report-rate{font-size:10px;margin-top:2px}
}
@media(max-width:500px){#app-demo.container{width:calc(100% - 24px)}#module-dialog.inline-demo .nd-page-scroll{padding:10px}#module-dialog .wt-card{padding-inline:12px}}