/* CaseZero commercial experience refinement — presentation only.
   All readiness values and authorizations remain owned by authenticated APIs. */
:root {--cznext-blue:#1668dc;--cznext-ink:#162b45;--cznext-muted:#5c7086;--cznext-line:#dce6f0;--cznext-green:#128761}
html[data-contrast="standard"] body{background:#f5f8fc!important}
html[data-contrast="standard"] .app-shell:not(.nav-collapsed){grid-template-columns:216px minmax(0,1fr)!important}
html[data-contrast="standard"] .main{min-width:0!important;width:100%!important}
html[data-contrast="standard"] .topbar{min-height:78px!important;padding:12px clamp(18px,2vw,32px)!important;align-items:center!important}
html[data-contrast="standard"] .topbar-copy{min-width:0!important}
html[data-contrast="standard"] .topbar h1{font-size:clamp(20px,1.6vw,24px)!important;line-height:1.2!important}
html[data-contrast="standard"] .page-context{font-size:12.5px!important;line-height:1.4!important}
html[data-contrast="standard"] .topbar-actions{flex:0 0 auto;gap:9px}
html[data-contrast="standard"] .content.czex-content{width:100%!important;max-width:1560px!important;padding:17px clamp(16px,2vw,32px) 32px!important;margin:0 auto!important}
html[data-contrast="standard"] .czex-shell{max-width:none!important;gap:14px!important}
html[data-contrast="standard"] .sidebar{z-index:16!important;max-height:100dvh}
html[data-contrast="standard"] .sidebar .nav-item{min-height:40px!important;font-size:13px!important}
html[data-contrast="standard"] .sidebar .sidebar-foot{margin-top:auto!important;flex-shrink:0}
html[data-contrast="standard"] .sidebar .sidebar-brand{padding-left:8px!important;padding-right:8px!important}
html[data-contrast="standard"] .sidebar-toggle{z-index:20!important}
html[data-contrast="standard"] .czex-setup{color:var(--cznext-ink)!important}
html[data-contrast="standard"] .cznext-progress-card{display:grid;grid-template-columns:minmax(180px,.94fr) minmax(245px,1.3fr) auto;gap:22px;align-items:center;padding:19px 23px;background:#fff;border:1px solid var(--cznext-line);border-radius:15px;box-shadow:0 3px 16px rgba(23,58,92,.025)}
.cznext-label{font-size:11px;letter-spacing:.025em;font-weight:700;color:#637b93;display:block;margin-bottom:8px}
.cznext-progress-count strong{display:block;color:#132d52;font-size:26px;line-height:1.2;letter-spacing:-.025em}
.cznext-progress-count strong small{font-size:15px;color:#385474;font-weight:600;letter-spacing:0}
.cznext-progress-track{height:7px;border-radius:12px;background:#e8edf5;overflow:hidden;margin-top:12px;width:100%}
.cznext-progress-track span{display:block;background:#1bbf92;height:100%;border-radius:12px}
.cznext-progress-next{border-left:1px solid var(--cznext-line);padding-left:22px;min-width:0}
.cznext-progress-next b{font-size:15px;color:#182e4b;display:block}
html[data-contrast="standard"] .cznext-progress-next p{font-size:12.5px!important;line-height:1.5!important;margin-top:3px!important;max-width:540px}
.cznext-progress-action{justify-self:end}
.cznext-progress-action .btn{min-width:125px}
.cznext-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,270px);align-items:start;gap:15px;min-width:0}
.cznext-main{display:grid;gap:12px;min-width:0}
.cznext-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 4px 2px}
html[data-contrast="standard"] .cznext-section-title h2{font-size:19px!important;color:#162d4d!important}
html[data-contrast="standard"] .cznext-section-title p{font-size:12px!important;margin-top:3px!important}
.cznext-stage-count{color:#59778e;font-weight:750;font-size:12px;white-space:nowrap}
.cznext-steps{display:grid;gap:9px}
.cznext-step{display:grid;grid-template-columns:68px minmax(180px,1.25fr) minmax(145px,.8fr) minmax(110px,145px);gap:14px;align-items:center;min-height:97px;padding:12px 15px;background:#fff;border:1px solid var(--cznext-line);border-radius:12px;min-width:0;box-shadow:0 2px 8px rgba(29,60,88,.018)}
.cznext-step.is-current{background:#f4f9ff;border-color:#bbd8fb}
.cznext-stage-identity{display:flex;align-items:center;gap:7px}
.cznext-number{background:#e8f2ff;color:#225eaa;border-radius:9px;display:grid;place-items:center;width:27px;height:31px;flex-shrink:0;font-size:13px;font-weight:800}
.cznext-icon{background:#f0f6ff;color:#2270ca;border-radius:10px;display:grid;place-items:center;width:31px;height:34px;font-size:19px}
.cznext-stage-copy{min-width:0}
html[data-contrast="standard"] .cznext-stage-copy h3{font-size:14px!important;line-height:1.35!important;font-weight:760!important;color:#1a3352!important}
html[data-contrast="standard"] .cznext-stage-copy>p{font-size:12px!important;line-height:1.4!important;margin-top:4px!important}
.cznext-stage-copy details{margin-top:4px}
.cznext-stage-copy details summary{font-size:11px;font-weight:700;color:#1c64b8;cursor:pointer;width:max-content;max-width:100%;min-height:25px;display:flex;align-items:center}
.cznext-stage-copy details p{font-size:12px!important;padding:8px 2px 0}
.cznext-stage-copy details[open]{position:relative}
.cznext-proof{font-size:11px;color:#506a86;margin-top:5px;overflow-wrap:anywhere}
.cznext-stage-readiness{min-width:0;display:grid;gap:7px}
.cznext-state{font-size:11px;font-weight:750;border-radius:7px;padding:5px 8px;background:#eef2f7;color:#5b6d82;width:max-content;max-width:100%}
.cznext-state.verified{color:#0d7957;background:#e1f8ef}
.cznext-state.attention{color:#946217;background:#fff6e4}
.cznext-evidence{font-size:10.5px;line-height:1.4;color:#6c7e92;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cznext-stage-action{justify-self:end;min-width:0;width:100%;max-width:145px}
html[data-contrast="standard"] .cznext-stage-action .btn{width:100%;max-width:100%;min-height:37px!important;padding:8px 11px!important;font-size:12px!important;white-space:normal}
html[data-contrast="standard"] .cznext-step.is-current .cznext-stage-action .btn{background:#1768d6!important;color:#fff!important;border-color:#1768d6!important}
.cznext-aside{border:1px solid var(--cznext-line);border-radius:14px;background:#fff;padding:19px;position:sticky;top:97px;display:grid;gap:11px}
.cznext-guide-art{background:linear-gradient(135deg,#eff9ff,#e5fcf4);border-radius:11px;min-height:142px;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px}
.cznext-guide-tile{background:#fff;border:1px solid #d5e9ed;border-radius:9px;box-shadow:0 5px 16px rgba(24,75,103,.09);display:grid;place-items:center;padding:7px 5px;font-size:18px;color:#2675be;width:31%;text-align:center}
.cznext-guide-tile span{font-size:9px;color:#576d80;font-weight:700}
.cznext-guide-connector{width:8px;height:2px;background:#50c5aa;flex-shrink:0}
html[data-contrast="standard"] .cznext-aside h3{font-size:17px!important}
html[data-contrast="standard"] .cznext-aside p{font-size:12px!important;line-height:1.55!important}
.cznext-guide-divider{height:1px;background:var(--cznext-line);margin:3px 0}
.cznext-guide-fact{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start}
.cznext-guide-fact>span{font-weight:800;color:#1a69c4;background:#edf5ff;border-radius:7px;padding:4px;text-align:center;font-size:11px}
.cznext-guide-fact b{font-size:12px;color:#213e5b;display:block}
.cznext-guide-fact small{font-size:11px;color:#708095;line-height:1.4;display:block;margin-top:3px}
html[data-contrast="standard"] .cznext-aside>.btn{font-size:12px!important}
html[data-contrast="standard"] .cznext-advanced{padding:12px 17px!important}
html[data-contrast="standard"] .cznext-advanced summary{min-height:24px}
/* Ask CaseZero: use available viewport width and avoid oversized blank recent requests panel. */
html[data-contrast="standard"] .content.page-help,html[data-contrast="standard"] .content[data-page="help"]{max-width:1560px!important;width:100%!important;margin:0 auto!important}
html[data-contrast="standard"] .help-layout{grid-template-columns:minmax(0,1.4fr) minmax(255px,.85fr)!important;align-items:start!important;gap:16px!important}
html[data-contrast="standard"] .help-layout>.card{min-height:0!important;padding:20px!important}
html[data-contrast="standard"] .help-layout textarea{min-height:104px!important}
html[data-contrast="standard"] .help-layout .empty{padding:20px 12px!important}
/* Responsive sidebar: off-canvas drawer at tablet/mobile widths, never overlapping the title. */
@media(max-width:1100px){
  .cznext-layout{grid-template-columns:minmax(0,1fr)!important}
  .cznext-aside{position:static;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
  .cznext-aside .cznext-guide-art,.cznext-aside>h3,.cznext-aside>p,.cznext-aside>.cznext-guide-divider,.cznext-aside>.btn{grid-column:1/-1}
}
@media(max-width:900px){
  html[data-contrast="standard"] .app-shell,html[data-contrast="standard"] .app-shell:not(.nav-collapsed){display:block!important}
  html[data-contrast="standard"] .sidebar,html[data-contrast="standard"] .nav-collapsed .sidebar{position:fixed!important;inset:0 auto 0 0!important;transform:translateX(-110%);transition:transform .2s ease;width:min(292px,86vw)!important;max-width:min(292px,86vw)!important;height:100dvh!important;overflow-y:auto!important;box-shadow:14px 0 60px rgba(19,43,65,.16)!important;z-index:60!important;visibility:hidden}
  html[data-contrast="standard"] .app-shell.mobile-nav-open .sidebar{transform:translateX(0)!important;visibility:visible!important}
  html[data-contrast="standard"] .sidebar-toggle{display:none!important}
  html[data-contrast="standard"] .mobile-nav-toggle{display:grid!important;place-items:center;flex-shrink:0;width:43px;height:43px;padding:0!important;min-width:43px;min-height:43px;background:#f1f6fc;border:1px solid #dce6f0;border-radius:11px;font-size:22px;color:#1a446d}
  html[data-contrast="standard"] .topbar{position:relative!important;top:auto!important;z-index:10!important;min-height:66px!important;gap:11px!important;flex-wrap:wrap!important}
  html[data-contrast="standard"] .topbar-copy{flex:1 1 200px}
  html[data-contrast="standard"] .topbar-actions{flex:1 1 100%;justify-content:flex-start!important;overflow-x:auto;max-width:100%;padding-bottom:2px}
  html[data-contrast="standard"] .topbar .page-context{display:none!important}
  html[data-contrast="standard"] .content.czex-content{padding:14px 15px 26px!important}
  .cznext-progress-card{grid-template-columns:minmax(145px,1fr) minmax(200px,1fr)!important;gap:13px!important}
  .cznext-progress-action{grid-column:2;justify-self:start}
  .cznext-progress-next{grid-column:2;grid-row:1}
  .cznext-step{grid-template-columns:55px minmax(0,1fr) minmax(125px,.6fr);gap:10px}
  .cznext-stage-action{grid-column:3;justify-self:stretch}
}
@media(max-width:680px){
  html[data-contrast="standard"] .topbar{padding:10px 14px!important;align-items:center!important}
  html[data-contrast="standard"] .topbar h1{font-size:21px!important}
  html[data-contrast="standard"] .topbar .eyebrow{display:none!important}
  html[data-contrast="standard"] .topbar-actions .select{min-width:120px!important;max-width:calc(100vw - 120px)}
  html[data-contrast="standard"] .topbar-actions #connectHubBtn{white-space:nowrap;font-size:12px!important}
  .cznext-progress-card{grid-template-columns:minmax(0,1fr)!important;padding:16px!important;gap:12px!important}
  .cznext-progress-next{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #e1e9f2;padding:12px 0 0}
  .cznext-progress-action{grid-column:1;justify-self:stretch}
  .cznext-progress-action .btn{width:100%}
  .cznext-step{grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important;padding:12px!important;min-height:0}
  .cznext-stage-identity{flex-direction:column;justify-content:center;gap:6px}
  .cznext-icon{width:30px;height:30px;font-size:17px}
  .cznext-number{height:24px;width:30px}
  .cznext-stage-copy{grid-column:2;min-width:0}
  .cznext-stage-readiness{grid-column:3;align-self:start;justify-items:end}
  .cznext-evidence{display:none}
  .cznext-stage-action{grid-column:2/-1;grid-row:2;width:100%;max-width:none}
  .cznext-state{font-size:10px;white-space:nowrap}
  html[data-contrast="standard"] .cznext-stage-action .btn{min-height:39px!important}
  .cznext-aside{display:none}
  .cznext-section-title h2{font-size:18px!important}
  html[data-contrast="standard"] .help-layout{grid-template-columns:minmax(0,1fr)!important}
  html[data-contrast="standard"] .help-layout>.card{padding:16px!important}
}
/* Landing marketing showcase: sample visual, never executable from public page. */
html[data-contrast="standard"] .cznext-showcase{padding:clamp(18px,2.9vw,36px)!important;background:#fff!important;border:1px solid #e0e9f3!important;border-radius:22px!important;box-shadow:0 9px 30px rgba(20,65,109,.035)!important}
.cznext-showcase-intro{max-width:850px}
html[data-contrast="standard"] .cznext-showcase-intro h2{font-size:clamp(27px,3vw,40px)!important;line-height:1.16!important;margin:7px 0 10px!important;letter-spacing:-.035em}
html[data-contrast="standard"] .cznext-showcase-intro p{font-size:15px!important;color:#596f86!important;margin:0!important}
.cznext-showcase-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 22px}
.cznext-showcase-tabs button{border:1px solid #e2e7ee;background:#f2f5f9;color:#344e6b;border-radius:999px;font-size:12px;font-weight:750;padding:10px 17px;cursor:pointer;min-height:42px;width:auto}
.cznext-showcase-tabs button.is-active{background:#132f52;color:#fff;border-color:#132f52}
.cznext-showcase-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.6fr);gap:clamp(20px,2.8vw,37px);align-items:center;min-width:0}
.cznext-feature-copy{min-width:0}
.cznext-feature-copy h3{font-size:clamp(21px,2vw,28px);line-height:1.27;color:#142f50;margin:9px 0 14px}
.cznext-feature-copy p{font-size:14px;line-height:1.7;color:#506984;margin:0 0 18px}
.cznext-feature-points{display:grid;gap:9px;margin-bottom:22px}
.cznext-feature-points>div{display:flex;gap:8px;align-items:flex-start;color:#108a70;font-size:14px;font-weight:800}
.cznext-feature-points>div span{color:#3c5975;font-weight:600}
.cznext-designer{min-width:0;border:1px solid #dbe5f1;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 13px 40px rgba(24,54,84,.09)}
.cznext-designer-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid #e2ebf3;background:#fbfdff}
.cznext-designer-brand{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px;color:#3f5670}
.cznext-designer-brand img{width:24px;height:24px;object-fit:contain}
.cznext-designer-brand strong{font-size:14px;color:#173d67}
.cznext-designer-brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cznext-preview-pill{font-size:10px;color:#4b657e;background:#eef3f9;padding:4px 7px;border-radius:6px;white-space:nowrap}
.cznext-designer-body{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(155px,27%);height:405px;min-width:0}
.cznext-designer-library{padding:13px 9px;border-right:1px solid #e2ebf3;display:flex;flex-direction:column;gap:9px;background:#fbfdff}
.cznext-designer-library strong{font-size:9px;letter-spacing:.1em;color:#7890a5}
.cznext-designer-library span{font-size:10px;color:#4d6784;border:1px solid #e7edf4;border-radius:6px;padding:7px 5px;background:#fff}
.cznext-flow{min-width:0;overflow:auto;background-color:#f8fbff;background-image:radial-gradient(#d6e5f0 1px,transparent 1px);background-size:17px 17px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:15px 10px 24px;scrollbar-width:thin}
.cznext-node{background:#fff;border:1px solid #ccdfed;border-radius:8px;padding:7px 9px;display:flex;gap:7px;text-align:left;align-items:center;min-width:150px;width:min(100%,198px);cursor:pointer;box-shadow:0 4px 9px rgba(29,73,99,.04);color:#183a5c}
.cznext-node:focus-visible,.cznext-showcase-tabs button:focus-visible{outline:3px solid #3f8ad7;outline-offset:2px}
.cznext-node.is-selected{border:2px solid #2b70e1;background:#eff6ff}
.cznext-node span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.cznext-node-symbol{width:23px;height:23px;flex-shrink:0;border-radius:6px;background:#e4f1ff;color:#2168bd;display:grid;place-items:center;font-size:15px}
.cznext-node strong{font-size:10px;line-height:1.2;white-space:nowrap}
.cznext-node small{font-size:9px;color:#61748b;line-height:1.25}
.cznext-trigger{border-color:#a6e3c6}
.cznext-trigger .cznext-node-symbol{background:#e2f9ee;color:#128c5b}
.cznext-approval{border-color:#f3d2a1}
.cznext-approval .cznext-node-symbol{background:#fff5e7;color:#bb7e19}
.cznext-verify .cznext-node-symbol{background:#dff8ed;color:#158461}
.cznext-human{border-color:#ddc9fa}
.cznext-human .cznext-node-symbol{background:#f3ebfd;color:#8654bd}
.cznext-join{height:12px;width:1px;background:#8caed1;flex:0 0 auto}
.cznext-fork{width:100%;display:flex;align-items:stretch;justify-content:center;gap:9px;min-width:0}
.cznext-fork .cznext-node{min-width:0;width:50%;max-width:170px}
.cznext-designer-inspector{border-left:1px solid #e2ebf3;padding:16px 12px;min-width:0;overflow:auto}
.cznext-inspector-label{color:#7b90a8;letter-spacing:.08em;font-size:9px;font-weight:800}
.cznext-designer-inspector h4{font-size:13px;color:#183756;line-height:1.4;margin:9px 0}
.cznext-designer-inspector p{font-size:11px!important;line-height:1.6!important;color:#5e7490;margin:0}
.cznext-inspector-divider{height:1px;background:#e5ebf4;margin:13px 0}
.cznext-inspector-field{display:grid;gap:5px;margin-bottom:12px}
.cznext-inspector-field b{font-size:9px;color:#7891a7;letter-spacing:.08em}
.cznext-inspector-field span{font-size:11px;color:#2b547a;background:#f4f8fe;border-radius:6px;padding:8px}
.cznext-inspector-note{margin-top:12px;color:#687c8f;font-size:10px;line-height:1.5;border:1px solid #dbe6ef;border-radius:7px;padding:9px}
@media(max-width:990px){.cznext-showcase-layout{grid-template-columns:1fr}.cznext-feature-copy{max-width:760px}.cznext-designer-body{height:405px}}
@media(max-width:620px){.cznext-showcase-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.cznext-showcase-tabs button{white-space:nowrap;flex-shrink:0}.cznext-designer-body{grid-template-columns:minmax(0,1fr);height:auto}.cznext-designer-library{display:none}.cznext-flow{max-height:365px}.cznext-designer-inspector{border-left:0;border-top:1px solid #e2ebf3;padding:12px}.cznext-designer-inspector h4{margin:5px 0}.cznext-designer-inspector .cznext-inspector-divider{margin:9px 0}.cznext-designer-inspector .cznext-inspector-field{display:inline-grid;vertical-align:top;width:48%;margin-right:1%}.cznext-designer-inspector .cznext-inspector-note{margin-top:3px}.cznext-fork .cznext-node{min-width:0}.cznext-node strong{white-space:normal}}
@media(prefers-reduced-motion:reduce){html[data-contrast="standard"] .sidebar{transition:none!important}}
/* Explicit desktop geometry: legacy flex sizing must not collapse labels into an icon strip. */
@media(min-width:901px){
 html[data-contrast="standard"] .app-shell:not(.nav-collapsed)>.sidebar{width:216px!important;min-width:216px!important;max-width:216px!important;flex:0 0 216px!important;overflow-x:hidden!important}
 html[data-contrast="standard"] .app-shell:not(.nav-collapsed) .sidebar nav,html[data-contrast="standard"] .app-shell:not(.nav-collapsed) .sidebar .nav-item{width:100%!important;min-width:0!important}
 html[data-contrast="standard"] .app-shell:not(.nav-collapsed) .sidebar .nav-item{font-size:13px!important;justify-content:flex-start!important;gap:11px!important}
 html[data-contrast="standard"] .app-shell:not(.nav-collapsed) .sidebar .nav-group{font-size:10px!important}
 html[data-contrast="standard"] .app-shell.nav-collapsed>.sidebar{width:var(--nav-collapsed,72px)!important;min-width:var(--nav-collapsed,72px)!important;max-width:var(--nav-collapsed,72px)!important}
 html[data-contrast="standard"] .app-shell>.main{margin-left:0!important;width:100%!important}
}
@media(max-width:900px){
 html[data-contrast="standard"] .app-shell>.main{margin-left:0!important;width:100%!important}
}
/* An open phone drawer must expose full labels even if the user previously saved icon-rail mode. */
@media(max-width:900px){
 html[data-contrast="standard"] .app-shell.nav-collapsed.mobile-nav-open .sidebar .nav-item,
 html[data-contrast="standard"] .app-shell.nav-collapsed.mobile-nav-open .sidebar .nav-group,
 html[data-contrast="standard"] .app-shell.nav-collapsed.mobile-nav-open .sidebar .advanced-nav>summary {font-size:13px!important;line-height:1.4!important;max-height:none!important;margin:inherit!important;padding:9px 11px!important}
 html[data-contrast="standard"] .app-shell.nav-collapsed.mobile-nav-open .sidebar .nav-item {width:100%!important;display:flex!important;justify-content:flex-start!important;gap:10px!important;min-height:43px!important}
 html[data-contrast="standard"] .app-shell.nav-collapsed.mobile-nav-open .sidebar .sidebar-brand .brand-logo-full {display:block!important;max-width:138px!important}
 html[data-contrast="standard"] .app-shell.nav-collapsed.mobile-nav-open .sidebar .sidebar-brand::after {display:none!important}
 html[data-contrast="standard"] .app-shell.mobile-nav-open .sidebar #sidebarHelp,
 html[data-contrast="standard"] .app-shell.mobile-nav-open .sidebar #logoutBtn {font-size:13px!important;min-width:0!important;width:100%!important}
}