/* CaseZero 5.26.26 reference UI — light, compact, accessible and responsive.
   Standard contrast only: do not override the user's high/maximum contrast modes.
   The public landing page and identity flows are intentionally unchanged. */
html[data-contrast="standard"] .app-shell{
 --czb-ink:#10274b;--czb-blue:#2254e7;--czb-violet:#684ae3;--czb-border:#dfe8f5;--czb-muted:#647894;
 --czb-soft:#f2f7ff;--czb-canvas:#f7faff;--czb-bg:#f3f7fe;--czb-green:#087857;
 background:var(--czb-bg)!important;color:var(--czb-ink)!important;font-size:13px!important;line-height:1.4!important;
}
html[data-contrast="standard"] .app-shell .main{background:#f3f7fe!important;min-width:0}
html[data-contrast="standard"] .app-shell .sidebar{background:#fff!important;border-right:1px solid #dbe6f4!important;color:#1b3461!important;box-shadow:4px 0 30px #1c43800d!important}
html[data-contrast="standard"] .app-shell .sidebar .brand{padding:4px 12px 20px}
html[data-contrast="standard"] .app-shell .sidebar .brand-logo-full{max-width:143px!important}
html[data-contrast="standard"] .app-shell .sidebar .nav-group{color:#8997af!important;font-size:9px!important;letter-spacing:.12em!important;margin:14px 11px 5px!important}
html[data-contrast="standard"] .app-shell .sidebar .nav-item{color:#3a5275!important;border-radius:9px!important;min-height:35px!important;font-size:12px!important;font-weight:650!important;padding:8px 10px!important;background:transparent!important}
html[data-contrast="standard"] .app-shell .sidebar .nav-item:hover{background:#f2f6ff!important;color:#1b4ad6!important}
html[data-contrast="standard"] .app-shell .sidebar .nav-item.active{background:#ebf1ff!important;color:#1e49cb!important;box-shadow:inset 3px 0 #466cff!important}
html[data-contrast="standard"] .app-shell .sidebar .sidebar-toggle{color:#365479!important;background:#f4f7ff!important;border-color:#dce8f8!important}
html[data-contrast="standard"] .app-shell .sidebar-foot{border-top:1px solid #e7edf7;padding-top:8px}
html[data-contrast="standard"] .app-shell .sidebar-foot .platform-badge{color:#5b6f88}
html[data-contrast="standard"] .app-shell .sidebar-foot .btn{color:#324b6b!important}
html[data-contrast="standard"] .app-shell .topbar{min-height:74px!important;padding:14px 25px!important;background:#ffffffed!important;border-bottom:1px solid #dfe8f5!important;box-shadow:0 4px 18px #16407508!important;backdrop-filter:blur(16px)}
html[data-contrast="standard"] .app-shell .topbar h1{font-size:20px!important;letter-spacing:-.025em!important;color:#112b53!important}
html[data-contrast="standard"] .app-shell .page-context{color:#667c9d!important;font-size:11px!important}
html[data-contrast="standard"] .app-shell .eyebrow{color:#3060c5!important;letter-spacing:.105em!important;font-size:9px!important}
html[data-contrast="standard"] .app-shell .content{max-width:none!important;padding:15px 19px 42px!important}
html[data-contrast="standard"] .app-shell .card{background:#fff!important;border:1px solid #dfe7f3!important;border-radius:12px!important;box-shadow:0 4px 18px #3455820a!important;color:#183151!important}
html[data-contrast="standard"] .app-shell .card:hover{border-color:#c5d9f1!important}
html[data-contrast="standard"] .app-shell .btn{border-radius:7px!important;font-size:11px!important;min-height:31px!important;font-weight:750!important}
html[data-contrast="standard"] .app-shell .btn.primary{background:linear-gradient(105deg,#2356e8,#7155e5)!important;color:white!important;border-color:#3d60db!important;box-shadow:0 4px 12px #3a57d224!important}
html[data-contrast="standard"] .app-shell .btn.ghost{color:#2a58c6!important;background:white!important;border:1px solid #d1ddf2!important}
html[data-contrast="standard"] .app-shell :is(input,select,textarea){background:#fff!important;border:1px solid #d8e3f3!important;border-radius:7px!important;color:#183458!important;font-size:12px!important}
html[data-contrast="standard"] .app-shell :is(input,select,textarea):focus-visible{outline:2px solid #728bff!important;outline-offset:1px!important}
html[data-contrast="standard"] .app-shell .secondary{color:#657892!important}
html[data-contrast="standard"] .app-shell :is(.list-row,.connection-card,.studio-panel){border-color:#dae4f1!important}
html[data-contrast="standard"] .app-shell :is(.workflow-studio,.agent-studio) .workflow-node{background:#fff!important;color:#193454!important;border:1px solid #c9d9f0!important;box-shadow:0 5px 14px #193a7212!important}
html[data-contrast="standard"] .app-shell :is(.workflow-studio,.agent-studio) .workflow-node.selected{border-color:#486be8!important;box-shadow:0 0 0 2px #5677df24!important}
html[data-contrast="standard"] .app-shell .workflow-canvas-wrap{background:#f4f8ff!important;border:1px solid #d7e3f4!important;min-height:430px!important}
html[data-contrast="standard"] .app-shell .studio-panel{background:#fff!important;border:1px solid #dfe7f3!important}
html[data-contrast="standard"] .app-shell :is(.badge.good,.cz-status.good){color:#116d51!important;background:#e7f9f1!important;border-color:#c8e9d9!important}
html[data-contrast="standard"] .app-shell :is(.badge.warn,.cz-status.warn){color:#8a5403!important;background:#fff6df!important;border-color:#eedbb9!important}
html[data-contrast="standard"] .app-shell .badge.blue{color:#214eae!important;background:#edf2ff!important;border-color:#d4def7!important}
/* Preserve dark terminals, editors and code samples; preserve user high contrast selection. */
html[data-contrast="standard"] .app-shell .code{background:#172b43!important;color:#ecf4ff!important}

/* Seven-panel workflow reference layout */
html[data-contrast="standard"] .app-shell #content.czb-root{padding:10px 13px 38px!important;color:var(--czb-ink)!important;max-width:none!important;}
.czb-root{--czb-ink:#142b52;--czb-border:#e1e9f5;--czb-muted:#667a99;--czb-blue:#2456e8;--czb-violet:#6c53e8;color:#142b52;min-width:0}
.czb-root *, .czb-root *::before,.czb-root *::after{box-sizing:border-box}
.czb-root button{font:inherit;cursor:pointer}
.czb-banner{display:flex;justify-content:space-between;align-items:center;gap:17px;padding:14px 17px;background:linear-gradient(112deg,#0b2c65,#2054af 59%,#3268c3)!important;color:white!important;border-radius:15px;box-shadow:0 9px 22px #173c8736;min-height:91px}
.czb-banner-main{display:flex;align-items:center;gap:12px;min-width:300px}
.czb-banner-symbol{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#14529f,#68bcff);flex:0 0 45px}
.czb-banner-symbol img{width:37px;height:37px;object-fit:contain}
.czb-banner-title{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-weight:750;font-size:17px;line-height:1.2}
.czb-banner-title strong{font-size:24px;letter-spacing:-.05em}
.czb-banner p{color:#cee2ff;margin:5px 0 0;font-size:11px;line-height:1.45}
.czb-banner-actions{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));gap:6px;max-width:825px;flex:1}
.czb-mini-benefit{display:flex;gap:8px;align-items:center;min-height:59px;min-width:0;text-align:left;padding:8px 9px;border:1px solid #bad2f13b;border-radius:10px;background:#f8fbfff1;color:#1a3562}
.czb-mini-benefit:hover,.czb-mini-benefit:focus-visible{background:white;outline:2px solid #acc5ff;outline-offset:1px}
.czb-benefit-icon{font-size:22px;flex:0 0 26px;color:#4b61da;text-align:center}
.czb-mini-benefit strong{display:block;font-size:10px;font-weight:850;line-height:1.18}
.czb-mini-benefit small{display:block;font-size:9px;line-height:1.23;color:#7184a2;margin-top:3px}
.czb-view-tabs{display:flex;gap:6px;align-items:center;margin:10px 1px 9px;overflow-x:auto;padding:0 0 2px}
.czb-view-tabs button{border:1px solid #dce6f6;background:white;color:#587092;border-radius:8px;padding:7px 11px;white-space:nowrap;font-size:11px;font-weight:800}
.czb-view-tabs button.is-active{background:#e8efff;border-color:#c4d6ff;color:#2551c9}
.czb-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.78fr) minmax(0,1.03fr);gap:9px;align-items:stretch}
.czb-panel{background:white!important;border:1px solid #e0e9f6!important;border-radius:12px!important;padding:14px!important;min-width:0;box-shadow:0 3px 13px #284e7b0b!important;overflow:hidden}
.czb-panel-heading{margin-bottom:11px}.czb-panel-heading h2{font-size:15.5px!important;line-height:1.2!important;margin:0 0 3px!important;color:#152d56!important;font-weight:870!important;letter-spacing:-.025em}
.czb-panel-heading p{font-size:10.5px!important;line-height:1.35!important;margin:0!important;color:#687e9e!important}
.czb-bot-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.czb-bot-card{border:1px solid #e1e9f6;border-radius:9px;padding:10px;min-width:0}
.czb-bot-head{display:flex;align-items:center;gap:9px;min-height:56px}
.czb-bot-head img{width:48px;height:48px;object-fit:cover;border-radius:13px;flex:0 0 48px;box-shadow:0 5px 12px #173f8a12}
.czb-bot-head h3{font-size:11.6px!important;margin:0!important;color:#1a2d4f!important;line-height:1.25!important}
.czb-bot-head p{font-size:9px!important;color:#6d80a1!important;margin:3px 0 0!important}
.czb-bot-id{margin:9px 0 8px;background:#f1f5fc;padding:6px 8px;border-radius:6px;display:flex;flex-direction:column;gap:2px}
.czb-bot-id span{font-size:9px;font-weight:800;color:#5b7090}.czb-id-copy{padding:0!important;border:0!important;background:transparent!important;color:#2c5386!important;text-align:left!important;font-size:10px!important;word-break:break-word;min-height:16px}
.czb-bot-foot{display:flex;align-items:center;gap:6px;font-size:10px;color:#2e4365;margin-top:6px}
.czb-tick,.czb-check{display:grid;place-items:center;background:#0fba86;color:white;font-size:10px;font-weight:900;width:17px;height:17px;border-radius:50%;flex:none}
.czb-bot-meta{margin-top:8px;color:#7a8ba6;font-size:8px;overflow-wrap:anywhere}
.czb-panel-foot{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #e8eef8;padding-top:9px}
.czb-status{font-size:9px;line-height:1.4;border-radius:100px;padding:4px 7px;white-space:normal;font-weight:700}
.czb-status.czb-ok{background:#e8f9f1;color:#08734f}.czb-status.czb-wait{background:#fff5de;color:#8b5d0b}
.czb-text-action{padding:3px 0;border:0;background:transparent;color:#2b55d3;font-size:10px;font-weight:800;text-align:left}
.czb-text-action:hover{text-decoration:underline}
.czb-manifest-layout{display:flex;flex-direction:column;justify-content:space-between;gap:10px}.czb-check-list{display:grid;gap:7px}
.czb-check-list>div{font-size:10px;color:#365477;display:flex;align-items:center;gap:7px}
.czb-check-warn{display:grid;place-items:center;background:#f6c864;color:#59400b;font-size:11px;font-weight:900;width:17px;height:17px;border-radius:50%;flex:none}
.czb-identity-pair{display:flex;justify-content:space-evenly;gap:14px;margin:8px 0 0}.czb-identity-pair>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;font-size:9px}
.czb-identity-pair img{width:42px;height:42px;object-fit:cover;border-radius:11px}.czb-identity-pair b{font-size:10px}.czb-identity-pair small{font-size:9px;color:#7a8eaa}
.czb-teams-store{border:1px solid #dce6f6;border-radius:9px;overflow:hidden;background:#f7f9fe;padding:7px;display:grid;gap:7px}
.czb-teams-store-head{display:flex;justify-content:space-between;align-items:center;background:#4246a5;color:white;border-radius:6px;padding:9px;font-size:10px;gap:6px}
.czb-teams-store-head span{font-size:9px;color:#dde4ff}
.czb-app-store-tile{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;background:white;border:1px solid #e0e7f4;border-radius:7px;padding:10px 8px}
.czb-app-store-tile img{width:35px;height:35px;border-radius:8px}.czb-app-store-tile strong{display:block;font-size:10px}.czb-app-store-tile small{display:block;color:#687e9e;font-size:9px}
.czb-download,.czb-primary-action,.czb-new-workflow{display:inline-flex;align-items:center;justify-content:center;padding:7px 9px;background:linear-gradient(110deg,#2458ec,#6d54e6);color:white!important;text-decoration:none;border:1px solid #4c64de;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap;min-height:30px}
.czb-download:hover,.czb-primary-action:hover,.czb-new-workflow:hover{filter:brightness(1.08)}.czb-download.czb-disabled{background:#ebf0f8;border-color:#dae3ef;color:#8797ac!important}
.czb-outline-button{background:white;border:1px solid #c7d8f5;color:#2b55c8;padding:7px 10px;border-radius:6px;min-height:29px;font-size:10px;font-weight:800}.czb-outline-button:hover{background:#ecf2ff}
.czb-workflows{grid-column:1 / span 2}.czb-designer{grid-column:3 / 4}.czb-mcp{grid-column:1 / span 2}.czb-chat{grid-column:3 / 4}
.czb-workflow-body{display:grid;grid-template-columns:137px minmax(0,1fr);border:1px solid #e4ecf7;border-radius:9px;overflow:hidden;min-height:285px}
.czb-workflow-nav{display:flex;flex-direction:column;gap:4px;background:#f9fbff;border-right:1px solid #e4ecf7;padding:10px 7px;min-width:0}
.czb-workflow-nav button{border:0;text-align:left;border-radius:6px;padding:8px 7px;background:transparent;font-size:10px;color:#526987;font-weight:700}
.czb-workflow-nav button.is-active{background:#e6eeff;color:#2559d6;box-shadow:inset 3px 0 #456bfb}
.czb-workflow-nav button span{float:right;color:#9ba9bd}.czb-workflow-nav .czb-new-workflow{padding:8px 6px;color:white!important;text-align:center;margin-bottom:8px}
.czb-workflow-content{padding:12px 10px;min-width:0}.czb-gallery-head{display:flex;justify-content:space-between;align-items:center;gap:5px}
.czb-gallery-head h3{margin:0!important;font-size:12.5px!important;color:#203456!important}.czb-gallery-head span{font-size:9px;color:#7b8baa}
.czb-filter-list{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0 9px}.czb-filter-list button{border:1px solid #e0e7f3;border-radius:99px;background:#f3f6fc;color:#6a7c9c;font-size:9px;padding:4px 8px;font-weight:700}
.czb-filter-list button.is-active{border-color:#8ba7ff;background:#ebf1ff;color:#2751bd}
.czb-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.czb-template-card{border:1px solid #e3ebf6;border-radius:8px;background:white;padding:10px;min-width:0}
.czb-template-card.is-selected{border-color:#b3c9ff;background:#fbfdff}.czb-template-top{display:flex;align-items:flex-start;gap:8px;min-height:68px}
.czb-template-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:20px;flex:none}
.czb-template-icon.sky{background:#eaf7ff;color:#188fe5}.czb-template-icon.indigo{background:#eef0ff;color:#6058df}.czb-template-icon.teal{background:#e5faf6;color:#069782}.czb-template-icon.blue{background:#e8f1ff;color:#1f69e9}
.czb-template-title{flex:1;min-width:0}.czb-template-title h3{font-size:10.5px!important;margin:0 0 3px!important;line-height:1.25!important;color:#183157!important}.czb-template-title p{margin:0!important;font-size:9.4px!important;line-height:1.35!important;color:#6f82a2!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.czb-pill-green{font-size:8px;background:#e4f8ee;color:#0c8855;border-radius:6px;padding:3px 5px;font-weight:800}
.czb-template-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px}.czb-template-tag{border-radius:5px;background:#edf3ff;color:#45669f;font-size:8px;padding:3px 6px}
.czb-template-tag.czb-muted{background:#fff4dc;color:#8b6415}.czb-link-button{margin-left:auto;background:white;border:1px solid #bcd0ff;border-radius:5px;color:#255ee0;font-size:9px;font-weight:850;padding:5px 7px}.czb-link-button+.czb-link-button{margin-left:0}
.czb-workflow-note{margin-top:10px;font-size:10px;color:#627999}
.czb-designer-header{display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid #e9edf5;padding:7px 5px;margin:-1px -3px 9px}.czb-designer-header>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.czb-designer-header b{font-size:10.5px}.czb-design-grid{display:grid;grid-template-columns:72px minmax(112px,1fr) minmax(130px,.95fr);gap:7px;min-height:300px}
.czb-small-label{font-size:9px;color:#4c6690;letter-spacing:.07em;font-weight:900;margin-bottom:9px}.czb-palette{border-right:1px solid #e7edf6;padding:5px 7px 0 0}.czb-palette>div:not(.czb-small-label){font-size:9px;white-space:nowrap;padding:5px 0;color:#45648d}.czb-palette small{display:block;white-space:normal;line-height:1.3;color:#7a8ca7;font-size:8px;margin-top:14px}
.czb-flow-preview{padding:3px 0;min-width:0;display:flex;flex-direction:column;align-items:center}.czb-flow-row{display:flex;flex-direction:column;align-items:center;width:100%}.czb-flow-arrow{line-height:12px;font-size:12px;color:#6078b2}
.czb-flow-node{width:100%;max-width:190px;display:flex;gap:7px;align-items:center;text-align:left;background:white;border:1px solid #cfdff4;border-radius:8px;padding:7px;min-height:40px;color:#25476d;box-shadow:0 2px 7px #23519d10}
.czb-flow-node.is-selected{border-color:#6795f1;background:#f1f6ff;box-shadow:0 0 0 2px #b9ceff7a}.czb-flow-node>span:first-child{color:#4c62d5;font-size:17px;min-width:19px;text-align:center}.czb-flow-node strong{display:block;font-size:9.5px}.czb-flow-node small{display:block;color:#6b83a2;font-size:8px;margin-top:2px;line-height:1.25}
.czb-flow-inspector{background:#f9fbff;border-left:1px solid #e5ecf6;padding:8px;min-width:0}.czb-flow-inspector h3{font-size:12px!important;margin:0 0 5px!important}.czb-flow-inspector p,.czb-flow-inspector .czb-tool-details{font-size:9.5px!important;color:#6e819f!important;line-height:1.45!important;margin:0 0 11px!important}.czb-flow-inspector label{font-size:9px!important;color:#52719b!important;gap:4px!important;margin:8px 0!important}
.czb-flow-inspector select{width:100%;background:white;border:1px solid #d8e5f5;padding:6px 7px;font-size:9px;border-radius:6px;min-width:0}
.czb-flow-inspector .czb-schema{white-space:pre-wrap;display:block;max-height:72px;overflow:auto;font-size:8px;color:#5b6c84;overflow-wrap:anywhere;margin-bottom:8px}
.czb-flow-inspector .czb-primary-action,.czb-flow-inspector .czb-outline-button{width:100%;margin-top:7px;white-space:normal;font-size:9px}
.czb-inspector-note{padding:8px 7px;background:white;border:1px solid #e3eafa;border-radius:7px}.czb-inspector-note b{display:block;font-size:10px}.czb-inspector-note span{display:block;margin-top:5px;font-size:9px;color:#778aa2;overflow-wrap:anywhere}
.czb-designer-footer{font-size:9px;color:#778aa6;border-top:1px solid #e8eef8;margin-top:9px;padding-top:7px}
.czb-mcp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr) minmax(0,.95fr) minmax(0,.9fr);gap:6px}
.czb-mcp-mini{border:1px solid #e2eaf6;border-radius:8px;padding:9px;min-width:0;display:flex;flex-direction:column;gap:6px}.czb-mcp-mini .czb-small-label{margin-bottom:2px}.czb-mcp-mini b{font-size:10px;color:#17365c}.czb-mcp-mini small{font-size:9px;color:#7187a2;line-height:1.4}.czb-mcp-mini code{background:#f1f5fc;padding:7px;border-radius:5px;font-size:8.5px;overflow-wrap:anywhere;color:#43648f;margin:4px 0}.czb-mcp-mini .czb-primary-action{white-space:normal;font-size:9px}.czb-mcp-mini .czb-outline-button{font-size:9px}
.czb-tool-row{display:flex;gap:6px;align-items:flex-start;margin-bottom:3px}.czb-box-tick{display:grid;place-items:center;border:1px solid #7799e3;background:#dfeaff;color:#3156c5;width:15px;height:15px;border-radius:3px;flex:none;font-size:10px}.czb-tool-row b{display:block;font-size:9px;overflow-wrap:anywhere}.czb-tool-row small{display:block;font-size:8px}.czb-mcp-mini label{font-size:9px!important;font-weight:750!important;gap:4px!important;color:#406389!important}.czb-mcp-mini select{font-size:9px!important;padding:6px!important;max-width:100%}.czb-mcp-illustration{font-size:34px;color:#4772e5;text-align:center;padding-top:5px}.czb-mcp-result{text-align:left}
.czb-empty{font-size:10px;color:#7187a4;padding:13px 8px;border:1px dashed #d2def0;border-radius:8px;line-height:1.4}
.czb-chat-mock{display:grid;grid-template-columns:112px minmax(0,1fr);border:1px solid #e0e9f5;border-radius:9px;overflow:hidden;min-height:206px}
.czb-chat-side{background:#f3f6fd;border-right:1px solid #dce7f5;padding:0 6px}.czb-chat-title{margin:0 -6px 7px;background:#464aa4;color:white;padding:9px 7px;font-weight:800;font-size:9px}
.czb-chat-item{display:flex;align-items:center;gap:6px;padding:7px 1px;border-bottom:1px solid #e1e8f2}.czb-chat-item img{width:22px;height:22px;border-radius:6px;object-fit:cover}.czb-chat-item b{display:block;font-size:9px;line-height:1.2}.czb-chat-item small{display:block;color:#7a8faa;font-size:8px}.czb-team-group{font-size:20px;color:#554ec2}
.czb-chat-convo{min-width:0;background:white}.czb-chat-room{padding:9px 8px;background:#fbfcff;border-bottom:1px solid #e5ebf6;font-size:10px;font-weight:800}.czb-chat-room small{float:right;color:#8596b2;font-size:8px;font-weight:600}
.czb-chat-message{display:flex;gap:7px;align-items:flex-start;padding:10px 7px}.czb-chat-message img{width:24px;height:24px;border-radius:6px;object-fit:cover;flex:none}.czb-chat-message b{font-size:9px}.czb-chat-message b small{font-size:8px;font-weight:500;color:#8293af}.czb-chat-message p{margin:5px 0!important;font-size:9px!important;color:#53709a!important;line-height:1.4!important}.czb-chat-ticket{border:1px solid #e1eaf7;border-radius:6px;background:#fbfcff;padding:6px;display:flex;gap:5px;flex-wrap:wrap;font-size:8px;color:#43648b}
.czb-loading{display:flex;align-items:center;gap:12px;padding:35px 20px;background:white;border:1px solid #dfebf7;border-radius:11px;color:#526d95;font-size:12px}.czb-ring{width:20px;height:20px;border:2px solid #d9e6ff;border-top-color:#4467e8;border-radius:50%;animation:czbSpin .9s linear infinite}
@keyframes czbSpin{to{transform:rotate(360deg)}}.czb-error{border:1px solid #f4d6bf;color:#8d4b17;background:#fff8e9;padding:20px;border-radius:11px}
.czb-manage-nav{display:flex;align-items:center;gap:13px;background:#eaf1ff;padding:11px 14px;margin-bottom:12px;border-radius:9px;font-size:11px;color:#526d93}
.czb-manage-nav button,.czb-back-button{background:white;color:#2554cf;border:1px solid #c5d7f6;border-radius:7px;padding:8px 11px;font-weight:800;cursor:pointer}
.czb-root button:focus-visible,.czb-root a:focus-visible{outline:3px solid #7194ff;outline-offset:2px}
.czb-root :is(button,a):disabled{opacity:.55;cursor:not-allowed;filter:none}
@media(min-width:1650px){.czb-banner-title{font-size:18px}.czb-dashboard-grid{gap:12px}.czb-panel{padding:17px!important}.czb-panel-heading h2{font-size:17px!important}.czb-workflow-body{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:1420px){.czb-banner{align-items:stretch;flex-direction:column}.czb-banner-actions{max-width:none;width:100%}.czb-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.czb-install{grid-column:1/-1}.czb-workflows{grid-column:1/-1}.czb-designer{grid-column:1/-1}.czb-mcp{grid-column:1/-1}.czb-chat{grid-column:1/-1}.czb-design-grid{grid-template-columns:100px minmax(0,1fr) minmax(0,1fr)}.czb-flow-node{max-width:280px}.czb-mcp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){.czb-banner-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.czb-dashboard-grid{grid-template-columns:1fr}.czb-panel{grid-column:1/-1!important}.czb-design-grid{grid-template-columns:90px minmax(0,1fr) minmax(0,1fr)}.czb-mcp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){html[data-contrast="standard"] .app-shell #content.czb-root{padding:10px 8px 24px!important}.czb-banner{padding:13px;min-height:0}.czb-banner-main{min-width:0}.czb-banner-title{gap:3px;flex-direction:column;align-items:flex-start;font-size:14px}.czb-banner-title strong{font-size:21px}.czb-banner-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.czb-mini-benefit{min-height:74px;padding:7px}.czb-benefit-icon{font-size:18px;flex-basis:19px}.czb-mini-benefit strong{font-size:9px}.czb-mini-benefit small{font-size:8px}.czb-panel{padding:11px!important}.czb-bot-grid,.czb-template-grid{grid-template-columns:1fr}.czb-workflow-body{grid-template-columns:1fr}.czb-workflow-nav{border-right:0;border-bottom:1px solid #e5ecf7;display:flex;flex-direction:row;flex-wrap:wrap}.czb-workflow-nav button{padding:6px 8px}.czb-workflow-nav .czb-new-workflow{margin:0}.czb-design-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.czb-palette{grid-column:1/-1;border-right:0;border-bottom:1px solid #e7edf6;display:flex;flex-wrap:wrap;gap:6px}.czb-palette>div:not(.czb-small-label){padding:5px}.czb-palette .czb-small-label{flex:0 0 100%;margin:0}.czb-palette small{display:none}.czb-flow-node{max-width:none}.czb-mcp-grid{grid-template-columns:1fr 1fr}.czb-chat-mock{grid-template-columns:94px minmax(0,1fr)}}
@media(max-width:390px){.czb-mcp-grid{grid-template-columns:1fr}.czb-bot-head img{width:40px;height:40px}.czb-app-store-tile{grid-template-columns:29px minmax(0,1fr)}.czb-download{grid-column:2}.czb-design-grid{grid-template-columns:1fr}.czb-palette{display:none}.czb-flow-inspector{border-left:0;border-top:1px solid #e5ecf6}.czb-chat-mock{grid-template-columns:1fr}.czb-chat-side{display:none}}
@media(prefers-reduced-motion:reduce){.czb-ring{animation:none}.czb-root *{scroll-behavior:auto!important}}

/* Keep hero text readable over the deep blue gradient in the normal theme. */
html[data-contrast="standard"] .app-shell .czb-banner .czb-banner-title :is(strong,span){color:#fff!important}
html[data-contrast="standard"] .app-shell .czb-banner .czb-banner-main p{color:#d8e8ff!important}
html[data-contrast="standard"] .app-shell .czb-workflow-nav .czb-new-workflow{background:linear-gradient(110deg,#2458ec,#6d54e6)!important;color:#fff!important;border:1px solid #4c64de!important}