/* CaseZero 5.26.28 | Automation Studio visual language across the signed-in
   experience. Scoped to standard contrast; accessibility modes stay sovereign.
   Presentation only: no changes to roles, endpoints or workflow execution. */
html[data-contrast="standard"].czui-workspace {
  --czui-bg:#f3f7fe;
  --czui-white:#fff;
  --czui-ink:#142b52;
  --czui-muted:#5f7393;
  --czui-border:#dfe8f5;
  --czui-blue:#2555e7;
  --czui-violet:#7056e7;
  --czui-blue-soft:#ecf2ff;
  --czui-shadow:0 5px 18px rgba(27,67,130,.065);
  --czui-panel-radius:12px;
}
html[data-contrast="standard"].czui-workspace #appShell {
  background:var(--czui-bg)!important;
  color:var(--czui-ink)!important;
  font-size:13px!important;
  line-height:1.48!important;
}
html[data-contrast="standard"].czui-workspace #appShell :is(.main,.content){min-width:0;}
html[data-contrast="standard"].czui-workspace #appShell .main{background:var(--czui-bg)!important;}
html[data-contrast="standard"].czui-workspace #appShell #content:not(.czb-root){padding:12px 18px 40px!important;max-width:none!important;}
/* Consistent page identity. Appended only to normal signed-in content, never to Automation's own banner. */
.czui-masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:14px 18px;margin:0 0 12px;border-radius:14px;background:linear-gradient(113deg,#0b2c65 0%,#2054af 58%,#3268c3 100%);color:#fff;box-shadow:0 9px 22px #173c8730;}
.czui-masthead-copy{min-width:0;display:grid;gap:4px;}
.czui-masthead .czui-crumb{color:#cbdbff;font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;}
.czui-masthead h2{color:white!important;font-size:21px!important;letter-spacing:-.035em;line-height:1.2;margin:0!important;font-weight:850!important;}
.czui-masthead p{color:#d8e8ff!important;margin:0!important;font-size:11.5px!important;line-height:1.5;max-width:840px;}
.czui-masthead-mark{flex:none;width:44px;height:44px;border-radius:12px;background:#ffffff24;border:1px solid #ffffff45;display:grid;place-items:center;}
.czui-masthead-mark img{width:34px;height:34px;object-fit:contain;}
html[data-contrast="standard"].czui-workspace #appShell .sidebar{background:#fff!important;border-right:1px solid var(--czui-border)!important;box-shadow:4px 0 24px #1b47700b!important;}
html[data-contrast="standard"].czui-workspace #appShell .sidebar .nav-item{transition:background .12s ease,color .12s ease!important;}
html[data-contrast="standard"].czui-workspace #appShell .sidebar .nav-item.active{background:#eaf0ff!important;border-color:#eaf0ff!important;color:#2450ce!important;box-shadow:inset 3px 0 #4b6dec!important;}
html[data-contrast="standard"].czui-workspace #appShell .sidebar :is(.nav-group,.platform-badge){color:#617798!important;}
html[data-contrast="standard"].czui-workspace #appShell .topbar{min-height:74px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--czui-border)!important;padding:12px 21px!important;align-items:center!important;}
html[data-contrast="standard"].czui-workspace #appShell .topbar h1{font-size:19px!important;color:#122e55!important;}
html[data-contrast="standard"].czui-workspace #appShell .topbar :is(.eyebrow,.page-context){font-size:10.5px!important;color:#6c81a0!important;line-height:1.35!important;}
/* Cross-product cards and list surfaces, matching Automation Gallery panels. */
html[data-contrast="standard"].czui-workspace #appShell #content :is(.card,.studio-panel,.workflow-inspector,.agent-inspector,.marketplace-card,.integration-config,.onboarding-panel,.onboarding-config-card,.readiness-tile,.session-card,.case-connector-card,.case-connector-detail,.setup-mode-card,.cz-guide-step,.cz-next-card,.cz-simple-card,.cz-advanced-panel,.cz-explainer-row>div,.cz-simple-grid>div,.cz-access-section,.cz-az-panel,.cz-sn-step,.selfserve-help,.permission-callout,.studio-integration-card,.tool-bind-card,.rag-choice,.integration-option,.provider-tile,.cz-artifact){
  background:#fff!important;color:var(--czui-ink)!important;border:1px solid var(--czui-border)!important;border-radius:var(--czui-panel-radius)!important;box-shadow:var(--czui-shadow)!important;
}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.card,.onboarding-panel,.marketplace-card,.cz-guide-step,.case-connector-card,.provider-tile):hover{border-color:#c6d9f4!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.section-head,.studio-toolbar){gap:12px;min-width:0;flex-wrap:wrap;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.section-head,.cz-access-section-heading) h2{color:#152d56!important;font-weight:850!important;letter-spacing:-.025em!important;font-size:16px!important;line-height:1.3!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(h3,h4,.primary-text,.node-title){color:#1a3560!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.secondary,.section-head p,.metric .sub,.card>p,.empty,.cz-guide-copy p,.cz-next-card small,.connection-card p,.cz-service-row small,.cz-retriever-row small,.cz-empty-guide span,.inspector-help){color:var(--czui-muted)!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .grid.metrics{gap:10px!important;margin-bottom:12px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.two-col,.three-col,.cz-simple-grid,.readiness-grid,.case-connector-grid){gap:12px!important;min-width:0;}
html[data-contrast="standard"].czui-workspace #appShell #content .card{padding:15px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .metric{min-height:117px!important;position:relative;overflow:hidden;}
html[data-contrast="standard"].czui-workspace #appShell #content .metric::before{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:#6c83ef;opacity:.7;}
html[data-contrast="standard"].czui-workspace #appShell #content .metric.good::before{background:#15b685;}
html[data-contrast="standard"].czui-workspace #appShell #content .metric.warn::before{background:#d59a31;}
html[data-contrast="standard"].czui-workspace #appShell #content .metric .label{color:#6680a1!important;font-size:10px!important;font-weight:800!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .metric .value{font-size:28px!important;font-weight:860!important;color:#1b3d73!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .metric.good .value{color:#117456!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .metric.warn .value{color:#82530a!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .list-row{border-color:#e7eef8!important;padding:10px 8px!important;border-radius:7px;min-width:0;}
html[data-contrast="standard"].czui-workspace #appShell #content .list-row.clickable:hover{background:#f1f6ff!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .empty{background:#f9fbff!important;border:1px dashed #ccdbf0!important;color:#667b9a!important;padding:20px!important;}
/* Section intros, onboarding and guided setup use one consistent navy-to-blue hero. */
html[data-contrast="standard"].czui-workspace #appShell #content :is(.hero,.cz-guided-hero,.cz-page-intro,.case-management-hero){background:linear-gradient(116deg,#123b78,#2457a7 70%,#3b6cc1)!important;border:1px solid #335eaa!important;box-shadow:0 8px 22px #19478826!important;border-radius:13px!important;color:#fff!important;min-width:0;padding:17px 20px!important;margin-bottom:12px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.hero,.cz-guided-hero,.cz-page-intro,.case-management-hero) :is(h2,h3,b,strong,.eyebrow){color:#fff!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.hero,.cz-guided-hero,.cz-page-intro,.case-management-hero) :is(p,small,.secondary){color:#d7e6ff!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.hero,.cz-guided-hero,.cz-page-intro,.case-management-hero) :is(.flow-pill,.cz-next-card){background:#fff!important;color:#1a3d71!important;border:1px solid #d4e4ff!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .cz-guided-hero .cz-next-card :is(b,small,span){color:#1b4170!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.hero,.cz-guided-hero,.cz-page-intro)::before{background:transparent!important;}
/* Bootstrapping forms should look like the gallery rather than the old neon dark UI. */
html[data-contrast="standard"].czui-workspace #appShell #content .workspace-bootstrap{padding:8px 2px 12px!important;gap:14px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .workspace-bootstrap-copy{background:linear-gradient(116deg,#123b78,#2457a7 70%,#3268c3)!important;border-radius:13px!important;padding:22px!important;color:#fff!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .workspace-bootstrap-copy :is(h2,b){color:#fff!important;background:none!important;-webkit-text-fill-color:currentColor!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .workspace-bootstrap-copy :is(p,small,span){color:#deecff!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .bootstrap-promise-grid{gap:8px!important;margin-top:16px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .bootstrap-promise-grid>div{background:#ffffff16!important;border:1px solid #ffffff30!important;border-radius:10px!important;padding:12px!important;min-height:90px!important;box-shadow:none!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .workspace-bootstrap-card{background:#fff!important;border:1px solid var(--czui-border)!important;border-radius:12px!important;padding:20px!important;color:#183456!important;box-shadow:var(--czui-shadow)!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .workspace-bootstrap-card::before{background:linear-gradient(90deg,#275be8,#7657ed)!important;height:3px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .workspace-bootstrap-card h3{color:#132f56!important;}
/* Controls: clearly distinguish affordances; no change in event handling. */
html[data-contrast="standard"].czui-workspace #appShell :is(.btn,.icon-btn,.tour-actions button){border-radius:8px!important;font-weight:750!important;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) .btn.primary{background:linear-gradient(110deg,#2458e8,#7054e8)!important;color:white!important;border:1px solid #4964de!important;box-shadow:0 4px 12px #3156d124!important;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) .btn.ghost{background:white!important;border:1px solid #d0dff2!important;color:#2452c5!important;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) .btn.danger{background:#fff1f3!important;color:#a12942!important;border:1px solid #f2c4cf!important;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) :is(button,a.btn):disabled{opacity:.5!important;cursor:not-allowed!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.connection-actions,.modal-actions,.cz-guide-action,.agent-author-actions){display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.badge,.cz-simple-status,.cz-status,.cz514-state){border-radius:999px!important;font-size:10px!important;font-weight:750!important;letter-spacing:.025em!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .badge:not(.good):not(.warn):not(.bad):not(.blue){background:#f0f5fd!important;color:#385575!important;border:1px solid #d9e4f5!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .badge.bad{background:#fff0f2!important;color:#9e3049!important;border-color:#f2cad2!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.connection-meta,.studio-toolbar,.tool-bind-card){min-width:0;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff!important;color:#18375d!important;border:1px solid #cdddf1!important;border-radius:8px!important;min-height:36px;max-width:100%;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) :is(label,legend){color:#344e70!important;font-weight:700!important;font-size:12px!important;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) :is(input,select,textarea)::placeholder{color:#7386a1!important;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) :is(button,a,input,select,textarea,[role=button]):focus-visible{outline:3px solid #6990fa!important;outline-offset:2px!important;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) :is(.step,.onboarding-step,.case-wizard-steps>div){border:1px solid #d9e4f3!important;color:#445f83!important;background:#f9fbff!important;border-radius:9px!important;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) :is(.step.active,.onboarding-step.current,.case-wizard-steps>.active){border-color:#93b0fb!important;background:#edf3ff!important;color:#2451bf!important;box-shadow:inset 0 2px #567beb!important;}
html[data-contrast="standard"].czui-workspace :is(#appShell,.modal,.drawer) :is(.step.active,.onboarding-step.current)>b{background:#2c5fea!important;color:white!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.integration-option.selected,.rag-choice.selected,.provider-tile.selected){background:#eff4ff!important;border-color:#6f94ed!important;box-shadow:inset 3px 0 #5074ed!important;}
/* Agents/automation canvas, Knowledge inspectors and operational data. */
html[data-contrast="standard"].czui-workspace #appShell #content :is(.workflow-canvas-wrap,.agent-canvas-wrap){background-color:#f6f9ff!important;background-image:radial-gradient(#d4e1f3 1px,transparent 1px)!important;background-size:18px 18px!important;border-color:#dce6f5!important;border-radius:11px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.workflow-node,.agent-node,.palette-node){background:#fff!important;color:#16375e!important;border:1px solid #cbdcf3!important;box-shadow:0 5px 13px #1d417c15!important;border-radius:9px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.workflow-node.selected,.agent-node.selected){border-color:#6386ee!important;outline:2px solid #6386ee40!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.studio-panel,.workflow-inspector,.agent-inspector,.node-palette){background:#fff!important;border:1px solid #dfe8f5!important;border-radius:11px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.code,.code-editor,pre:not(.czb-schema)){background:#172b43!important;color:#f0f6ff!important;border:1px solid #2f4d74!important;border-radius:9px!important;white-space:pre-wrap;overflow-wrap:anywhere;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.cz-guide-no,.cz-step-number){background:#eaf0ff!important;color:#2754cd!important;box-shadow:none!important;}
/* Drawers and dialogs are outside #appShell: gated by workspace class and contrast. */
html[data-contrast="standard"].czui-workspace :is(.modal-backdrop,.drawer-backdrop){background:rgba(12,29,59,.52)!important;backdrop-filter:blur(5px)!important;}
html[data-contrast="standard"].czui-workspace :is(.modal,.drawer){background:#fff!important;color:#183458!important;border:1px solid #dbe6f6!important;border-radius:14px!important;box-shadow:0 24px 80px #112b5b35!important;}
html[data-contrast="standard"].czui-workspace :is(.modal-head,.drawer-head){background:#fff!important;border-bottom:1px solid #e3ebf7!important;padding-bottom:13px!important;margin-bottom:12px!important;color:#183458!important;}
html[data-contrast="standard"].czui-workspace :is(.modal-head,.drawer-head) :is(h2,h3){color:#17345f!important;font-size:19px!important;}
html[data-contrast="standard"].czui-workspace :is(.modal,.drawer) :is(.secondary,p,.micro){color:#5e7391!important;}
html[data-contrast="standard"].czui-workspace :is(.modal,.drawer) :is(.card,.permission-callout,.onboarding-result){background:#f9fbff!important;color:#183458!important;border:1px solid #e0e9f7!important;border-radius:10px!important;box-shadow:none!important;}
html[data-contrast="standard"].czui-workspace :is(.modal,.drawer) .icon-btn{background:#f2f6fd!important;color:#264873!important;border:1px solid #d4e1f3!important;}
html[data-contrast="standard"].czui-workspace :is(.modal,.drawer) .code{background:#172b43!important;color:#eef5ff!important;}
/* Prevent controls and long resource identifiers from widening pages. */
html[data-contrast="standard"].czui-workspace #appShell #content :is(.card,.studio-panel,.onboarding-panel,.list-row,.form-grid,.connection-card,.integration-config,.case-connector-card){min-width:0;overflow-wrap:anywhere;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.list,.code,.connection-meta,.onboarding-result){max-width:100%;}
/* Fixed contrast in azure scope and wizard components that previously used dark backgrounds. */
html[data-contrast="standard"].czui-workspace #appShell #content :is(.azure-live-progress,.azure-live-progress-head,.azure-progress-row,.cz-metric-pair>div,.cz-guide-list,.case-contract,.onboarding-setup-output){background:#f9fbff!important;color:#244266!important;border-color:#dce6f5!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.azure-progress-row,.cz-guide-step,.cz-artifact,.cz-service-row,.cz-retriever-row) :is(small,p,span){color:#526d8e!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.azure-progress-row.active,.azure-progress-row.done){background:#eef4ff!important;opacity:1!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.cz-empty-guide,.cz-guide-step,.readiness-tile) b{color:#17375f!important;}
/* Preserve the automation page's exact layout and all user accessibility overrides. */
@media(max-width:1180px){
 html[data-contrast="standard"].czui-workspace #appShell #content :is(.grid.metrics){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content :is(.three-col,.case-connector-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:900px){
 html[data-contrast="standard"].czui-workspace #appShell #content :is(.two-col,.cz-page-intro,.cz-guided-hero,.hero,.workspace-bootstrap){grid-template-columns:1fr!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .workspace-bootstrap-copy{padding:18px!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content :is(.three-col,.case-connector-grid){grid-template-columns:1fr!important;}
 html[data-contrast="standard"].czui-workspace #appShell .topbar{position:sticky!important;top:0;}
}
@media(max-width:650px){
 html[data-contrast="standard"].czui-workspace #appShell #content:not(.czb-root){padding:8px 9px 28px!important;}
 html[data-contrast="standard"].czui-workspace #appShell .topbar{padding:9px 11px!important;gap:8px!important;}
 html[data-contrast="standard"].czui-workspace #appShell .topbar h1{font-size:16px!important;}
 .czui-masthead{padding:12px!important;gap:8px;margin-bottom:9px;}
 .czui-masthead h2{font-size:18px!important;}
 .czui-masthead p{font-size:10.5px!important;}
 .czui-masthead-mark{display:none;}
 html[data-contrast="standard"].czui-workspace #appShell #content .grid.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .metric{padding:12px!important;min-height:100px!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .metric .value{font-size:24px!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content :is(.card,.onboarding-panel,.studio-panel){padding:12px!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content :is(.form-grid,.cz-simple-grid,.readiness-grid){grid-template-columns:1fr!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .list-row{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding:11px!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .section-head{align-items:flex-start!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .section-head .connection-actions{width:100%;}
 html[data-contrast="standard"].czui-workspace #appShell #content :is(.hero,.cz-guided-hero,.cz-page-intro,.case-management-hero){padding:14px!important;}
 html[data-contrast="standard"].czui-workspace :is(.modal-backdrop,.drawer-backdrop){padding:9px!important;}
 html[data-contrast="standard"].czui-workspace .modal{padding:15px!important;width:100%!important;max-height:calc(100dvh - 18px)!important;}
 html[data-contrast="standard"].czui-workspace .modal .form-grid{grid-template-columns:1fr!important;}
}
@media(max-width:400px){html[data-contrast="standard"].czui-workspace #appShell #content .grid.metrics{grid-template-columns:1fr!important;}}
@media(prefers-reduced-motion:reduce){.czui-masthead *,html[data-contrast="standard"].czui-workspace #appShell *{transition:none!important;}}
/* The latest resource-scope, workspace setup and authorization flows use their
   own cznext component family. Align them with the same compact gallery tokens. */
html[data-contrast="standard"].czui-workspace #appShell #content :is(.cznext-progress-card,.cznext-step,.cznext-aside,.cznext-advanced,.cznext-guide-art,.cznext-guide-tile,.cznext-stage-readiness,.cznext-steps>article){background:#fff!important;border:1px solid var(--czui-border)!important;border-radius:12px!important;box-shadow:var(--czui-shadow)!important;color:var(--czui-ink)!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .cznext-step.is-current{background:#f0f5ff!important;border-color:#99b9fa!important;box-shadow:inset 3px 0 #4773ec!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .cznext-progress-track{background:#e5edfa!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .cznext-progress-track span{background:linear-gradient(90deg,#2558e8,#735ae7)!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.cznext-number,.cznext-icon,.cznext-guide-fact>span){background:#eaf0ff!important;color:#2756d4!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .cznext-step.is-current .cznext-stage-action .btn{background:linear-gradient(110deg,#2458e8,#7054e8)!important;color:#fff!important;border-color:#4964de!important;}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.cznext-progress-card,.cznext-step,.cznext-aside,.cznext-advanced){min-width:0!important;}
@media(max-width:650px){
 html[data-contrast="standard"].czui-workspace #appShell #content .cznext-progress-card{grid-template-columns:1fr!important;gap:8px!important;padding:12px!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .cznext-progress-next{grid-column:1!important;grid-row:auto!important;border-left:0!important;border-top:1px solid #e0e8f7!important;padding:9px 0 0!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .cznext-progress-action{grid-column:1!important;justify-self:stretch!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .cznext-step{grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important;padding:12px!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .cznext-stage-readiness{grid-column:2!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .cznext-stage-action{grid-column:1/-1!important;justify-self:stretch!important;width:100%!important;max-width:none!important;}
 html[data-contrast="standard"].czui-workspace #appShell #content .cznext-aside{display:block!important;}
}
/* Public landing and sign-in: preserve the established conversion/onboarding
   layout while aligning its colors, surfaces and buttons with Automations. */
html[data-contrast="standard"] .login-shell{background:#f3f7fe!important;}
html[data-contrast="standard"] .login-shell :is(.landing-hero,.landing-section,.landing-login-card,.landing-feature-card,.landing-cta-card,.landing-checklist>div,.landing-stat){background-color:#fff!important;border-color:#dfe8f5!important;border-radius:13px!important;box-shadow:0 5px 18px #1b438012!important;}
html[data-contrast="standard"] .login-shell :is(.landing-copy h1,.landing-section-head h2,.landing-feature-card h3,.landing-login-card h2){color:#142b52!important;}
html[data-contrast="standard"] .login-shell .landing-copy h1 span{color:#2458e8!important;}
html[data-contrast="standard"] .login-shell :is(.btn.primary,.landing-login-card .btn.primary){background:linear-gradient(110deg,#2458e8,#7054e8)!important;border-color:#4964de!important;color:white!important;box-shadow:0 4px 12px #3156d124!important;}
html[data-contrast="standard"] .login-shell :is(.btn.ghost,.landing-login-card .btn.ghost){background:#fff!important;color:#2451bf!important;border-color:#d1dff3!important;border-radius:8px!important;}
html[data-contrast="standard"] .login-shell :is(input:not([type=checkbox]),select,textarea){background:#fff!important;color:#18375d!important;border-color:#ccdcf1!important;border-radius:8px!important;}
html[data-contrast="standard"] .login-shell :is(button,a,input,textarea,select):focus-visible{outline:3px solid #6f92fa!important;outline-offset:2px!important;}
@media(max-width:650px){html[data-contrast="standard"] .login-shell :is(.landing-hero,.landing-section){padding:16px!important;}}

/* CaseZero 5.26.30 automation studio + interaction feedback */
html[data-contrast="standard"].czui-workspace #appShell #content .btn,
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-node,
html[data-contrast="standard"].czui-workspace #appShell #content .capability-item,
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-list button,
html[data-contrast="standard"].czui-workspace #appShell #content .cz-toggle,
html[data-contrast="standard"].czui-workspace #appShell #content .cz-auto-body,
html[data-contrast="standard"].czui-workspace #appShell #content .cz-rule-card,
html[data-contrast="standard"].czui-workspace #appShell #content .cz-managed-auto,
html[data-contrast="standard"].czui-workspace #appShell #content .list-row.clickable{
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease, filter .16s ease;
}
html[data-contrast="standard"].czui-workspace #appShell #content .btn:hover,
html[data-contrast="standard"].czui-workspace #appShell #content .capability-item:hover,
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-list button:hover,
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-node:hover,
html[data-contrast="standard"].czui-workspace #appShell #content .cz-managed-auto:hover,
html[data-contrast="standard"].czui-workspace #appShell #content .cz-rule-card:hover,
html[data-contrast="standard"].czui-workspace #appShell #content .list-row.clickable:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 26px rgba(32,86,152,.12);
}
html[data-contrast="standard"].czui-workspace #appShell #content :is(.btn,.workflow-node,.capability-item,.workflow-list button,.cz-toggle,.cz-auto-body,.list-row.clickable):focus-visible{
  outline:2px solid #4a7fff!important;
  outline-offset:2px;
}
html[data-contrast="standard"].czui-workspace #appShell #content .cz-pressing,
html[data-contrast="standard"].czui-workspace #appShell #content .btn:active,
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-node:active,
html[data-contrast="standard"].czui-workspace #appShell #content .capability-item:active,
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-list button:active{
  transform:translateY(1px) scale(.992);
}
html[data-contrast="standard"].czui-workspace #appShell #content .cz-click-pulse{
  box-shadow:0 0 0 3px rgba(77,136,255,.16),0 10px 26px rgba(32,86,152,.14)!important;
}
html[data-contrast="standard"].czui-workspace #appShell #content .is-loading-control{
  box-shadow:0 0 0 3px rgba(0,119,255,.12)!important;
}
html[data-contrast="standard"].czui-workspace #appShell #content .is-loading-control::before{margin-right:8px!important;}

html[data-contrast="standard"].czui-workspace #appShell #content .czs-automation-studio{display:flex;flex-direction:column;gap:14px;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-studio-topbar{display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;gap:16px;align-items:center;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-studio-title h2{margin:4px 0 6px;font-size:24px;line-height:1.15;color:#153152;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-studio-title p{margin:0;color:#5a7086;font-size:13px;max-width:640px;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-view-tabs{display:inline-flex;gap:6px;align-items:center;padding:4px;border:1px solid #d9e4f2;border-radius:12px;background:#f5f8fc;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-view-tabs button{border:0;background:transparent;color:#4d6075;border-radius:9px;padding:8px 14px;font-weight:700;cursor:pointer;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-view-tabs button.is-active{background:#fff;color:#224469;box-shadow:0 6px 14px rgba(40,76,120,.12);}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-warning-banner{border-color:#f0c680!important;background:linear-gradient(180deg,#fffaf0,#fff)!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-warning-banner h3{margin:4px 0;color:#6f4b00;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-warning-banner p{margin:0;color:#7f6741;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-studio-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 360px;gap:14px;align-items:stretch;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-left-pane,
html[data-contrast="standard"].czui-workspace #appShell #content .czs-right-pane{padding:16px!important;display:flex;flex-direction:column;gap:14px;min-height:760px;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-pane-head h3{margin:4px 0 6px;color:#173354;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-pane-head p{margin:0;color:#5d7085;font-size:13px;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-pane-section{display:flex;flex-direction:column;gap:10px;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-pane-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#26425f;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-workflow-list,
html[data-contrast="standard"].czui-workspace #appShell #content .czs-capability-list{display:flex;flex-direction:column;gap:8px;}
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-list button,
html[data-contrast="standard"].czui-workspace #appShell #content .capability-item{width:100%;text-align:left;padding:12px 13px;border-radius:12px;border:1px solid #dbe5f0;background:#fff;color:#18314d;cursor:pointer;display:flex;flex-direction:column;gap:3px;}
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-list button.active{background:linear-gradient(180deg,#eef6ff,#ffffff);border-color:#86b7ee;box-shadow:0 9px 20px rgba(76,126,197,.14);}
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-list button b,
html[data-contrast="standard"].czui-workspace #appShell #content .capability-item b{font-size:13px;color:#173354;}
html[data-contrast="standard"].czui-workspace #appShell #content .capability-item small,
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-list button .secondary{font-size:12px;color:#5a7086!important;margin:0;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-center-pane{display:flex;flex-direction:column;gap:10px;min-width:0;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-canvas-toolbar{padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #dfe8f5;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-toolbar-spacer{flex:1 1 auto;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-studio-canvas{padding:16px!important;min-height:760px!important;height:760px;border-radius:14px!important;background-color:#f7faff!important;background-image:radial-gradient(circle at 1px 1px,rgba(117,143,177,.22) 1px,transparent 0)!important;background-size:18px 18px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-canvas{min-height:710px;height:100%;}
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-node{min-width:180px!important;max-width:220px;padding:14px!important;border-radius:14px!important;background:#fff!important;border:1px solid #d3e0ef!important;box-shadow:0 10px 22px rgba(49,83,125,.10)!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-node .node-type{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#5b84af;font-weight:800;margin-bottom:5px;}
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-node .node-title{font-size:15px;font-weight:800;color:#173354;margin-bottom:4px;}
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-node .node-edit-hint{margin-top:8px;font-size:11px;color:#6d8198;}
html[data-contrast="standard"].czui-workspace #appShell #content .workflow-node.selected{border-color:#4d87ff!important;box-shadow:0 0 0 3px rgba(77,135,255,.12),0 12px 26px rgba(49,83,125,.16)!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-inspector-tabs{display:flex;gap:8px;align-items:center;padding-bottom:4px;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-inspector-tabs button{border:1px solid #dbe5f0;background:#f6f8fb;color:#3c556f;border-radius:10px;padding:7px 12px;font-weight:700;cursor:pointer;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-inspector-tabs button.is-active{background:#fff;color:#173354;border-color:#b8d0ea;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-inspector-headline h3{margin:2px 0 4px;color:#173354;font-size:22px;line-height:1.15;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-inspector-headline p{margin:0;color:#60758c;font-size:13px;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-automation-settings{display:flex;flex-direction:column;gap:10px;}
html[data-contrast="standard"].czui-workspace #appShell #content .czs-right-pane hr{width:100%;border:0;border-top:1px solid #e3ebf4;margin:2px 0 4px;}
html[data-contrast="standard"].czui-workspace #appShell #content .cz-rule-card,
html[data-contrast="standard"].czui-workspace #appShell #content .cz-managed-auto{border-width:1px!important;}
html[data-contrast="standard"].czui-workspace #appShell #content .cz-rule-actions .btn,
html[data-contrast="standard"].czui-workspace #appShell #content .cz-auto-manage .btn{min-width:92px;}
html[data-contrast="standard"].czui-workspace #appShell #content .cz-toggle{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04),0 2px 8px rgba(40,70,110,.08);}

@media (max-width:1280px){
  html[data-contrast="standard"].czui-workspace #appShell #content .czs-studio-topbar{grid-template-columns:1fr;}
  html[data-contrast="standard"].czui-workspace #appShell #content .czs-header-actions{justify-content:flex-start;}
  html[data-contrast="standard"].czui-workspace #appShell #content .czs-studio-shell{grid-template-columns:260px minmax(0,1fr);}
  html[data-contrast="standard"].czui-workspace #appShell #content .czs-right-pane{grid-column:1/-1;min-height:auto;}
}
@media (max-width:980px){
  html[data-contrast="standard"].czui-workspace #appShell #content .czs-studio-shell{grid-template-columns:1fr;}
  html[data-contrast="standard"].czui-workspace #appShell #content .czs-left-pane,
  html[data-contrast="standard"].czui-workspace #appShell #content .czs-right-pane{min-height:auto;}
  html[data-contrast="standard"].czui-workspace #appShell #content .czs-studio-canvas{height:640px;min-height:640px!important;}
}
/* CaseZero 5.26.35: compact, canvas-first automations. Layout does not rely on
   .czui-workspace or an exact contrast preference, fixing the stacked editor. */
#content:has(> .czs-automation-studio) > .czui-masthead,
#content:has(> .czs-automation-studio) > .context-banner,
#content:has(> .czs-automation-studio) > .workflow-quick-flow{display:none!important}
#content:has(.czs-automation-studio) > .cz-backbar{padding:0;margin:0 0 8px;background:transparent!important;border:0!important;box-shadow:none!important}
#content .czs-automation-studio{--cs-ink:#142b4b;--cs-accent:#2559d9;--cs-line:#dce5f1;--cs-muted:#60758f;display:block!important;max-width:none!important;width:100%!important;min-width:0!important;color:var(--cs-ink);font-size:13px;}
#content .czs-automation-studio *,#content .czb-compact-hub *{box-sizing:border-box}
#content .czs-automation-studio .czs-studio-topbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;background:#fff!important;border:1px solid var(--cs-line)!important;border-radius:13px!important;padding:13px 16px!important;margin:0 0 10px!important;box-shadow:0 3px 12px #153a6909!important}
#content .czs-automation-studio .czs-studio-title{min-width:220px;flex:1 1 245px}
#content .czs-automation-studio .czs-studio-kicker{color:#416995!important;font-size:10px!important;letter-spacing:.07em;font-weight:800}
#content .czs-automation-studio .czs-studio-title h2{font-size:21px!important;color:var(--cs-ink)!important;line-height:1.2!important;margin:3px 0 5px!important;font-weight:800!important;letter-spacing:-.02em!important}
#content .czs-automation-studio .czs-subtitle{display:flex;align-items:center;gap:9px;color:var(--cs-muted);font-size:11px}
#content .czs-automation-studio .czs-status-chip{padding:3px 8px;background:#edf4ff;border:1px solid #ccdffc;border-radius:40px;color:#2d5c9c;font-weight:750;text-transform:capitalize;font-size:10px}
#content .czs-automation-studio .czs-header-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:7px;align-items:center}
#content .czs-automation-studio .czs-header-actions button{min-height:38px!important;font-size:12px!important;font-weight:750!important;padding:7px 13px!important;border-radius:8px!important;cursor:pointer!important}
#content .czs-automation-studio .czs-action-secondary{background:#fff!important;color:#25518f!important;border:1px solid #cbd9e9!important;box-shadow:none!important}
#content .czs-automation-studio .czs-action-secondary:hover{background:#eaf3ff!important;border-color:#789ff3!important;color:#134fb7!important;box-shadow:0 4px 12px #3564aa15!important}
#content .czs-automation-studio .czs-action-primary{background:#2458dc!important;color:white!important;border:1px solid #1f4dcc!important;box-shadow:0 3px 9px #2b56b51e!important}
#content .czs-automation-studio .czs-action-primary:hover{background:#1849c2!important;box-shadow:0 7px 18px #2458dc39!important}
#content .czs-automation-studio :is(button,summary,.workflow-node):focus-visible{outline:3px solid #79a5fb!important;outline-offset:2px!important}
#content .czs-automation-studio :is(button,.workflow-node):active{transform:translateY(1px)}
#content .czs-automation-studio .czs-warning-banner{border-radius:9px;border:1px solid #f3ce91;background:#fffaf0;color:#755211;padding:8px 12px;margin:0 0 10px;font-size:12px;font-weight:650}
#content .czs-automation-studio .czs-studio-shell{display:grid!important;grid-template-columns:minmax(188px,216px) minmax(0,1fr) minmax(270px,320px)!important;gap:10px!important;align-items:stretch!important;min-width:0!important;width:100%!important;min-height:610px!important;overflow:visible!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#content .czs-automation-studio :is(.czs-left-pane,.czs-center-pane,.czs-right-pane){min-width:0!important;min-height:0!important;margin:0!important;box-sizing:border-box!important;align-self:stretch!important}
#content .czs-automation-studio .czs-left-pane{display:flex!important;flex-direction:column!important;padding:0!important;gap:0!important;background:white!important;border:1px solid var(--cs-line)!important;border-radius:12px!important;overflow:hidden!important;height:calc(100vh - 205px);min-height:600px!important;max-height:900px!important}
#content .czs-automation-studio .czs-pane-heading{padding:15px 14px 11px;border-bottom:1px solid #e8eef6;color:#466584;font-size:10px;letter-spacing:.09em;font-weight:850}
#content .czs-automation-studio .czs-workflow-library{flex-shrink:0;border-bottom:1px solid #e8eef6;padding:0}
#content .czs-automation-studio .czs-workflow-library summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;color:#234161;font-weight:750;font-size:12px;background:#fff}
#content .czs-automation-studio .czs-workflow-library summary:hover{background:#f4f8ff}
#content .czs-automation-studio .czs-workflow-library summary::-webkit-details-marker{display:none}
#content .czs-automation-studio .czs-workflow-library summary::before{content:'▸';font-size:12px;margin-right:8px;color:#6d88aa}
#content .czs-automation-studio .czs-workflow-library[open] summary::before{content:'▾'}
#content .czs-automation-studio .czs-count{font-size:10px;min-width:23px;text-align:center;padding:3px 6px;border-radius:40px;background:#edf4ff;color:#2559b9}
#content .czs-automation-studio .czs-workflow-list{display:flex!important;flex-direction:column!important;gap:4px!important;max-height:188px;overflow:auto;padding:0 9px 10px!important}
#content .czs-automation-studio .czs-workflow-list button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;border:1px solid transparent!important;border-radius:8px!important;background:#fff!important;padding:9px!important;width:100%!important;cursor:pointer!important;text-align:left!important;box-shadow:none!important}
#content .czs-automation-studio .czs-workflow-list button:hover{background:#edf4ff!important;border-color:#cbdffb!important}
#content .czs-automation-studio .czs-workflow-list button.active{background:#eaf2ff!important;border-color:#84abf5!important;color:#214cb5!important}
#content .czs-automation-studio .czs-workflow-item-name{font-size:11.5px;font-weight:800;color:#233e62;word-break:break-word}
#content .czs-automation-studio .czs-workflow-meta{font-size:10px;color:#66809e;text-transform:capitalize}
#content .czs-automation-studio .czs-palette-heading{display:flex;flex-direction:column;gap:3px;padding:13px 14px 8px;flex-shrink:0}
#content .czs-automation-studio .czs-palette-heading strong{font-size:13px;color:#193b61}
#content .czs-automation-studio .czs-palette-heading small{font-size:10.5px;color:#6a809c}
#content .czs-automation-studio .czs-capability-list{display:flex!important;flex-direction:column!important;gap:4px!important;padding:3px 8px 12px!important;overflow:auto!important;flex:1 1 0!important;min-height:0!important}
#content .czs-automation-studio .czs-capability-list .capability-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-height:51px!important;width:100%!important;text-align:left!important;cursor:grab!important;padding:8px!important;margin:0!important;background:#fff!important;color:#19375c!important;border:1px solid transparent!important;border-radius:9px!important;box-shadow:none!important;white-space:normal!important}
#content .czs-automation-studio .czs-capability-list .capability-item:hover{background:#edf4ff!important;border-color:#a5c2f5!important;transform:translateY(-1px)}
#content .czs-automation-studio .czs-capability-icon{display:grid;place-items:center;min-width:27px;width:27px;height:27px;border-radius:8px;color:#285ad7;background:#eaf0ff;font-size:18px;font-weight:850}
#content .czs-automation-studio .czs-capability-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
#content .czs-automation-studio .czs-capability-copy b{font-size:11.8px!important;color:#21416b!important;line-height:1.2}
#content .czs-automation-studio .czs-capability-copy small{font-size:9.8px!important;color:#617c9c!important;line-height:1.28!important;white-space:normal!important;overflow-wrap:anywhere!important}
#content .czs-automation-studio .czs-center-pane{display:flex!important;flex-direction:column!important;gap:0!important;background:white!important;border:1px solid var(--cs-line)!important;border-radius:12px!important;overflow:hidden!important;height:calc(100vh - 205px)!important;min-height:600px!important;max-height:900px!important}
#content .czs-automation-studio .czs-canvas-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;min-height:48px!important;flex-wrap:wrap!important;padding:8px 12px!important;border-bottom:1px solid #e4ebf6!important;background:#fff!important}
#content .czs-automation-studio .czs-canvas-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:780;color:#244368}
#content .czs-automation-studio .czs-status-dot{width:8px;height:8px;border-radius:50%;background:#2d8cda}
#content .czs-automation-studio .czs-canvas-actions{display:flex;gap:10px;align-items:center}
#content .czs-automation-studio .czs-tool-button{background:#f5f8ff!important;border:1px solid #cfdef4!important;border-radius:7px!important;color:#2b55aa!important;min-height:30px!important;padding:5px 10px!important;cursor:pointer!important;font-size:11px!important;font-weight:750!important}
#content .czs-automation-studio .czs-tool-button:hover{background:#e5efff!important;border-color:#87b0f5!important}
#content .czs-automation-studio .czs-toolbar-hint{color:#7387a0;font-size:10px}
#content .czs-automation-studio .czs-studio-canvas{flex:1 1 0!important;display:block!important;position:relative!important;overflow:auto!important;width:100%!important;min-width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#f6faff radial-gradient(circle,#dae5f4 1px,transparent 1px) 0 0/18px 18px!important;box-shadow:none!important;}
#content .czs-automation-studio .workflow-canvas{position:relative!important;width:1400px!important;height:840px!important;min-height:840px!important;transform:none!important}
#content .czs-automation-studio .workflow-node{border:1px solid #cbd9ef!important;border-radius:12px!important;background:#fff!important;color:#1c3558!important;box-shadow:0 5px 18px #21477c1c!important;min-width:165px!important;max-width:180px!important;padding:13px!important;cursor:move!important;transition:box-shadow .13s,border-color .13s,transform .13s!important}
#content .czs-automation-studio .workflow-node:hover{border-color:#76a0f3!important;box-shadow:0 8px 21px #3159b733!important}
#content .czs-automation-studio .workflow-node.selected{border:2px solid #336df0!important;box-shadow:0 0 0 3px #629bff2b,0 9px 18px #234c9c30!important}
#content .czs-automation-studio .workflow-node .node-type{font-size:10px!important;color:#5e799b!important;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
#content .czs-automation-studio .workflow-node .node-title{font-size:12px!important;color:#193a66!important;font-weight:800!important;margin:4px 0!important;line-height:1.27!important}
#content .czs-automation-studio .workflow-node :is(.secondary,.node-edit-hint){font-size:10px!important;line-height:1.35!important;color:#667c98!important}
#content .czs-automation-studio .workflow-node .node-edit-hint{color:#315dbb!important;font-weight:700!important;margin-top:9px}
#content .czs-automation-studio .canvas-guide{display:none!important}
#content .czs-automation-studio .czs-right-pane{display:flex!important;flex-direction:column!important;gap:0!important;background:#fff!important;border:1px solid var(--cs-line)!important;border-radius:12px!important;overflow-y:auto!important;overflow-x:hidden!important;height:calc(100vh - 205px)!important;min-height:600px!important;max-height:900px!important;padding:0!important;box-shadow:none!important}
#content .czs-automation-studio .czs-inspector-head{padding:15px!important;border-bottom:1px solid #e6edf7!important}
#content .czs-automation-studio .czs-inspector-caption{font-size:10px!important;color:#5780ad!important;font-weight:850!important;letter-spacing:.11em!important}
#content .czs-automation-studio .czs-inspector-head h3{font-size:17px!important;margin:6px 0 5px!important;color:#1e3c60!important;line-height:1.25!important}
#content .czs-automation-studio .czs-inspector-head p{font-size:11.2px!important;line-height:1.4!important;color:#647d9e!important;margin:0!important}
#content .czs-automation-studio .czs-node-properties{padding:14px!important;flex:0 0 auto!important;min-width:0!important;font-size:12px!important;}
#content .czs-automation-studio .czs-node-properties :is(label,input:not([type=checkbox]),select,textarea){max-width:100%;font-size:12px!important}
#content .czs-automation-studio .czs-node-properties :is(input:not([type=checkbox]),textarea,select){background:white!important;border:1px solid #cedbec!important;color:#1c365d!important;border-radius:8px!important;}
#content .czs-automation-studio .czs-workflow-settings{border-top:1px solid #e4ebf6;margin-top:auto;padding:0!important}
#content .czs-automation-studio .czs-workflow-settings summary{padding:14px!important;background:#f7faff!important;cursor:pointer!important;color:#2d5589!important;font-size:12px;font-weight:750!important}
#content .czs-automation-studio .czs-workflow-settings summary:hover{background:#edf4ff!important}
#content .czs-automation-studio .czs-settings-body{padding:14px!important;display:grid;gap:10px}
#content .czs-automation-studio .czs-settings-body label{color:#23476f!important;font-size:12px!important}
#content .czs-automation-studio .czs-trigger-bindings{border:1px solid var(--cs-line);border-radius:9px;background:white;margin-top:10px;overflow:hidden;color:#315174}
#content .czs-automation-studio .czs-trigger-bindings summary{padding:12px 15px;cursor:pointer;font-weight:750;font-size:12px}
#content .czs-automation-studio .czs-trigger-bindings summary:hover{background:#f2f7ff}
#content .czs-automation-studio .czs-trigger-list{padding:10px 15px;display:grid;gap:6px}
#content .czs-automation-studio .czs-trigger-row{display:flex;gap:12px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #edf2f8;align-items:center}

/* Automation Hub: single focused task surface, purposeful clickable actions. */
#content.czb-root .czb-compact-hub{max-width:1360px;margin:0 auto;color:#1b3357;font-size:13px}
#content.czb-root .czb-compact-hub :is(button,[role=button],summary){cursor:pointer!important}
#content.czb-root .czb-compact-hub button{transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s!important}
#content.czb-root .czb-compact-hub button:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 5px 15px #234c9930!important}
#content.czb-root .czb-compact-hub button:active:not(:disabled){transform:translateY(1px)!important}
#content.czb-root .czb-compact-hub button:focus-visible{outline:3px solid #74a8fc!important;outline-offset:2px}
#content.czb-root .czb-compact-hub button:disabled{opacity:.5!important;cursor:not-allowed!important}
#content.czb-root .czb-compact-hub .czb-hub-header{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dce6f4;border-radius:13px;padding:19px 22px;margin:0 0 12px;box-shadow:0 3px 12px #2148770b}
#content.czb-root .czb-compact-hub .czb-kicker{font-size:10px;color:#3461a8;letter-spacing:.09em;font-weight:850}
#content.czb-root .czb-compact-hub .czb-hub-header h2{margin:4px 0;font-size:23px!important;line-height:1.25;color:#183459!important;letter-spacing:-.02em}
#content.czb-root .czb-compact-hub .czb-hub-header p{font-size:12px!important;line-height:1.4!important;margin:0;color:#59728d!important}
#content.czb-root .czb-compact-hub .czb-primary-action{min-height:39px!important;padding:9px 15px!important;display:inline-flex!important;align-items:center;justify-content:center;background:#2759d9!important;border:1px solid #2450c4!important;color:#fff!important;font-size:12px!important;border-radius:9px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 2px 7px #1f4a9f19!important}
#content.czb-root .czb-compact-hub .czb-primary-action:hover{background:#184ac1!important}
#content.czb-root .czb-compact-hub .czb-outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px!important;padding:7px 11px!important;background:#fff!important;border:1px solid #cbdaf0!important;border-radius:8px!important;color:#2958b6!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;white-space:normal!important}
#content.czb-root .czb-compact-hub .czb-outline-button:hover{background:#eaf2ff!important;border-color:#86aaef!important}
#content.czb-root .czb-compact-hub .czb-view-tabs{display:flex!important;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px;padding:0}
#content.czb-root .czb-compact-hub .czb-view-tabs button{min-height:36px!important;background:#fff!important;color:#375c8a!important;border:1px solid #d6e2f2!important;border-radius:8px!important;padding:7px 12px!important;font-size:11.8px!important;font-weight:730!important}
#content.czb-root .czb-compact-hub .czb-view-tabs button.is-active{background:#e8f1ff!important;border-color:#7ca9f4!important;color:#2256c7!important;box-shadow:inset 0 0 0 1px #8db8ff30!important}
#content.czb-root .czb-compact-hub .czb-view-tabs button:hover{background:#eef5ff!important;border-color:#91b4fa!important}
#content.czb-root .czb-compact-hub .czb-hub-grid{display:grid!important;grid-template-columns:minmax(0,1.26fr) minmax(300px,.9fr)!important;gap:13px!important;align-items:start!important}
#content.czb-root .czb-compact-hub .czb-hub-grid > .czb-panel{grid-column:auto!important;grid-row:auto!important;min-width:0!important;background:#fff!important;border:1px solid #dfe8f5!important;border-radius:12px!important;padding:17px!important;box-shadow:0 3px 14px #274a800d!important}
#content.czb-root .czb-compact-hub .czb-hub-grid > .czb-hub-recent{grid-column:1 / -1!important}
#content.czb-root .czb-compact-hub .czb-hub-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#content.czb-root .czb-compact-hub .czb-hub-section-title h3{margin:0;font-size:16px!important;color:#213a5e!important}
#content.czb-root .czb-compact-hub .czb-hub-section-title p{margin:3px 0 0;color:#66809c!important;font-size:11px!important}
#content.czb-root .czb-compact-hub .czb-hub-section-title > span{color:#65809e;font-size:11px}
#content.czb-root .czb-compact-hub .czb-filter-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 11px}
#content.czb-root .czb-compact-hub .czb-filter-list button{border:1px solid #dce5f2!important;border-radius:100px!important;padding:5px 10px!important;min-height:30px!important;background:#f7f9fd!important;color:#527092!important;font-size:11px!important;font-weight:740!important}
#content.czb-root .czb-compact-hub .czb-filter-list button.is-active{background:#e4efff!important;border-color:#7dacf8!important;color:#2455c5!important}
#content.czb-root .czb-compact-hub .czb-compact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#content.czb-root .czb-compact-hub .czb-template-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;min-height:130px;padding:12px!important;border:1px solid #dce6f3!important;border-radius:11px!important;background:white!important;box-shadow:none!important}
#content.czb-root .czb-compact-hub .czb-template-card.is-selected{border-color:#80a9f1!important;background:#f8fbff!important;box-shadow:0 0 0 2px #90baff26!important}
#content.czb-root .czb-compact-hub .czb-template-card:hover{border-color:#7da9f5!important;box-shadow:0 5px 17px #315a9b19!important;transform:translateY(-1px)}
#content.czb-root .czb-compact-hub .czb-compact-card-head{display:flex;gap:9px;align-items:flex-start;min-width:0}
#content.czb-root .czb-compact-hub .czb-template-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;flex-shrink:0;font-size:17px}
#content.czb-root .czb-compact-hub .czb-compact-card-copy{min-width:0}
#content.czb-root .czb-compact-hub .czb-compact-card-copy h3{font-size:13px!important;color:#203a5e!important;line-height:1.26!important;margin:0 0 5px!important}
#content.czb-root .czb-compact-hub .czb-compact-card-copy p{font-size:10.6px!important;line-height:1.35!important;color:#617994!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#content.czb-root .czb-compact-hub .czb-compact-card-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
#content.czb-root .czb-compact-hub .czb-compact-card-actions button{margin-left:auto}
#content.czb-root .czb-compact-hub .czb-template-tag{font-size:10px;background:#eef3fb;border-radius:5px;color:#526e91;padding:3px 6px}
#content.czb-root .czb-compact-hub :is(.czb-ready,.czb-prereq){font-size:10px;border-radius:5px;padding:3px 6px;font-weight:750}
#content.czb-root .czb-compact-hub .czb-ready{background:#e9f7ef;color:#19704d}
#content.czb-root .czb-compact-hub .czb-prereq{background:#fff4da;color:#96670e}
#content.czb-root .czb-compact-hub .czb-preview-label{font-size:10px;color:#4f6a92;font-weight:850;letter-spacing:.07em}
#content.czb-root .czb-compact-hub .czb-preview-steps{list-style:none;margin:12px 0;padding:0;display:grid;gap:0}
#content.czb-root .czb-compact-hub .czb-preview-steps li{display:flex;align-items:center;gap:11px;min-height:52px;border-left:2px solid #dce7fa;margin-left:12px;padding:6px 0 9px 15px;position:relative}
#content.czb-root .czb-compact-hub .czb-preview-steps li:last-child{border-left-color:transparent}
#content.czb-root .czb-compact-hub .czb-flow-index{display:grid;place-items:center;flex:0 0 25px;min-width:25px;height:25px;border:1px solid #acc5f4;border-radius:50%;background:#f2f7ff;color:#285abd;font-weight:850;font-size:11px;margin-left:-28px}
#content.czb-root .czb-compact-hub .czb-preview-steps li div{display:flex;flex-direction:column;gap:3px}
#content.czb-root .czb-compact-hub .czb-preview-steps strong{font-size:12px;color:#23416a}
#content.czb-root .czb-compact-hub .czb-preview-steps small{font-size:10.5px;color:#69809d}
#content.czb-root .czb-compact-hub .czb-preview-actions{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid #e9eef8;padding-top:14px}
#content.czb-root .czb-compact-hub .czb-hub-recent{display:block}
#content.czb-root .czb-compact-hub .czb-current-row{display:flex;justify-content:space-between;align-items:center;padding:9px 3px;gap:12px;border-top:1px solid #edf1f8}
#content.czb-root .czb-compact-hub .czb-current-row > div{display:flex;align-items:center;gap:12px;min-width:0}
#content.czb-root .czb-compact-hub .czb-current-row b{font-size:12px;color:#294264;font-weight:750;overflow-wrap:anywhere}
#content.czb-root .czb-compact-hub .czb-current-row span{font-size:10px;background:#f1f5fb;color:#607993;border-radius:5px;padding:4px 6px;text-transform:capitalize}
#content.czb-root .czb-compact-hub .czb-hub-integrations{border:1px solid #e0e8f4;border-radius:10px;background:#fff;margin-top:12px;overflow:hidden}
#content.czb-root .czb-compact-hub .czb-hub-integrations summary{padding:11px 16px;font-weight:730;font-size:12px;color:#385981}
#content.czb-root .czb-compact-hub .czb-hub-integrations summary:hover{background:#f2f7ff}
#content.czb-root .czb-compact-hub .czb-integration-details{padding:12px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#content.czb-root .czb-compact-hub .czb-integration-details > div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid #e1e8f4;border-radius:9px}
#content.czb-root .czb-compact-hub .czb-integration-details b{font-size:12px}
#content.czb-root .czb-compact-hub .czb-integration-details span{font-size:11px;color:#5f7c99}
#content.czb-root .czb-compact-hub .czb-integration-details button{margin-left:auto}
@media(max-width:1310px){
  #content .czs-automation-studio .czs-studio-shell{grid-template-columns:minmax(170px,198px) minmax(0,1fr) minmax(260px,292px)!important}
  #content .czs-automation-studio .czs-toolbar-hint{display:none}
}
@media(max-width:980px){
  #content .czs-automation-studio .czs-studio-shell{grid-template-columns:180px minmax(0,1fr)!important}
  #content .czs-automation-studio .czs-right-pane{grid-column:1/-1;min-height:280px!important;height:auto!important;max-height:450px!important}
  #content .czs-automation-studio .czs-left-pane,#content .czs-automation-studio .czs-center-pane{height:620px!important;min-height:0!important}
  #content.czb-root .czb-compact-hub .czb-hub-grid{grid-template-columns:1fr!important}
  #content.czb-root .czb-compact-hub .czb-hub-grid > .czb-hub-recent{grid-column:1!important}
}
@media(max-width:650px){
  #content .czs-automation-studio .czs-studio-shell{grid-template-columns:minmax(0,1fr)!important}
  #content .czs-automation-studio .czs-left-pane{height:auto!important;max-height:270px!important;min-height:0!important}
  #content .czs-automation-studio .czs-capability-list{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:auto!important;max-height:172px!important}
  #content .czs-automation-studio .czs-center-pane{height:480px!important;min-height:0!important}
  #content .czs-automation-studio .czs-right-pane{grid-column:1!important}
  #content .czs-automation-studio .czs-header-actions{justify-content:flex-start!important}
  #content.czb-root .czb-compact-hub .czb-hub-header{align-items:flex-start;flex-direction:column;padding:15px}
  #content.czb-root .czb-compact-hub .czb-compact-cards{grid-template-columns:1fr}
  #content.czb-root .czb-compact-hub .czb-integration-details{grid-template-columns:1fr}
  #content.czb-root .czb-compact-hub .czb-preview-actions{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){#content .czs-automation-studio *,#content.czb-root .czb-compact-hub *{transition:none!important}}
/* Keep graph port alignment exact: renderer uses a 174px node width. */
#appShell #content .czs-automation-studio .workflow-node{width:174px!important;min-width:174px!important;max-width:174px!important}
@media(max-width:1310px) and (min-width:981px){
  #appShell #content .czs-automation-studio .czs-studio-shell{grid-template-columns:minmax(170px,198px) minmax(0,1fr) minmax(260px,292px)!important}
}
@media(max-width:980px) and (min-width:651px){
  #appShell #content .czs-automation-studio .czs-studio-shell{grid-template-columns:180px minmax(0,1fr)!important}
}
@media(max-width:650px){
  #appShell #content .czs-automation-studio .czs-studio-shell{grid-template-columns:minmax(0,1fr)!important}
}