/* Additive Automation Studio 3.0 UI. No existing selectors are overridden. */
.v3-mode-switch{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;margin:12px 0 18px;background:#fff;border:1px solid #e6e3f6;border-radius:18px;box-shadow:0 8px 32px rgba(26,21,71,.04)}
.v3-intro{display:flex;flex-direction:column;gap:3px}.v3-intro strong{font-size:15px;color:#161b36}.v3-intro span{font-size:12px;color:#787b94}.v3-switch,.v3-editor-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.v3-switch button,.v3-editor-tabs button{border:1px solid #e5e1f4;border-radius:12px;background:#fff;padding:10px 14px;font-size:13px;font-weight:650;color:#51516d;cursor:pointer}.v3-switch button.is-current,.v3-editor-tabs button.is-current{background:#6259ee;border-color:#6259ee;color:#fff}
.v3-visual-intro{padding:20px;margin:0 0 18px;border:1px solid #e5e1f4;border-radius:20px;background:linear-gradient(120deg,#fff,#f7f5ff)}.v3-visual-intro[hidden]{display:none!important}.v3-intro-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.v3-intro-header small{color:#6d62c7;font-weight:750;letter-spacing:1px}.v3-intro-header h3{margin:6px 0;font-size:21px;color:#171a38}.v3-intro-header p{margin:0;color:#75788f;font-size:13px}.v3-intro-header button{background:#6158ec;color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}.v3-mini-flow{display:flex;align-items:stretch;gap:12px;margin:19px 0;flex-wrap:wrap}.v3-mini-flow>div{flex:1;min-width:150px;background:#fff;border:1px solid #e6e1fa;border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:6px}.v3-mini-flow b{color:#37305f;font-size:12px}.v3-mini-flow span{font-size:12px;color:#74748d}.v3-mini-flow i{align-self:center;color:#8a82ba;font-style:normal}.v3-limit{font-size:12px;color:#6c6784;margin:0}.v3-editor-tabs{padding:10px 0 16px}.v3-editor-tabs>span{font-size:11px;color:#89869e;margin-left:auto}
.v3-canvas{display:none;max-width:560px;margin:0 auto 22px;padding:17px 22px;border:1px solid #e5e1f5;background:linear-gradient(160deg,#faf9ff,#fff);border-radius:18px;text-align:center}.v2-builder[data-v3-editor="visual"] .v3-canvas{display:block}.v3-canvas-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:15px;text-align:left}.v3-canvas-heading b{color:#171a38}.v3-canvas-heading span,.v3-canvas-foot{color:#777591;font-size:11px}.v3-flow-node{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid #dcd6fb;border-radius:15px;padding:15px;background:#fff;cursor:pointer;overflow-wrap:anywhere}.v3-flow-node:hover{border-color:#645bed}.v3-flow-node small{letter-spacing:1px;font-weight:800;color:#6558bd}.v3-flow-node b{font-size:14px;color:#20223f}.v3-flow-node span{font-size:11px;color:#777591}.v3-flow-node.is-action{background:#f1efff}.v3-down{padding:8px;color:#7063ca;font-size:20px}.v3-canvas-foot{margin-top:15px}
@media(max-width:700px){.v3-mini-flow{flex-direction:column}.v3-mini-flow i{transform:rotate(90deg)}.v3-mode-switch{padding:13px}.v3-switch{width:100%}.v3-switch button{flex:1}}

/* Studio 4.1: clarify the quick rule condition step without touching its engine. */
.vchat-frontend-app #vchat-modal.is-automation-v2 .v3-step-explainer{display:block!important;background:#f4f3ff!important;color:#625d85!important;border:1px solid #e7e3f9!important;border-radius:12px!important;padding:10px 13px!important;margin:0 0 15px!important;font-size:12px!important;line-height:1.6!important}
.vchat-frontend-app #vchat-modal.is-automation-v2 .v2-step:nth-of-type(2) #v2-event-block,.vchat-frontend-app #vchat-modal.is-automation-v2 .v2-step:nth-of-type(2) #v2-vmail-event-block{margin:0!important;padding:0!important;background:transparent!important;border:none!important}
.vchat-frontend-app #vchat-modal.is-automation-v2 .v2-step .is-hidden{display:none!important}
/* Explicitly override WordPress/theme button hover styles only in Studio UI. */
.vchat-frontend-app .v3-mode-switch .v3-switch button,.vchat-frontend-app .v3-visual-intro .v3-intro-header button,.vchat-frontend-app #vchat-modal.is-automation-v2 .v3-editor-tabs button{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid #e4e0f6!important;border-radius:12px!important;background:#fff!important;color:#565072!important;font-size:13px!important;font-weight:700!important;text-shadow:none!important;box-shadow:none!important;cursor:pointer!important;transition:background .18s,color .18s,border-color .18s!important}
.vchat-frontend-app .v3-mode-switch .v3-switch button:hover,.vchat-frontend-app #vchat-modal.is-automation-v2 .v3-editor-tabs button:hover{background:#eeeaff!important;border-color:#b9adf8!important;color:#4a3cca!important}
.vchat-frontend-app .v3-mode-switch .v3-switch button.is-current,.vchat-frontend-app #vchat-modal.is-automation-v2 .v3-editor-tabs button.is-current{background:#6158eb!important;border-color:#6158eb!important;color:#fff!important}
.vchat-frontend-app .v3-mode-switch .v3-switch button.is-current:hover,.vchat-frontend-app #vchat-modal.is-automation-v2 .v3-editor-tabs button.is-current:hover{background:#4c43d1!important;border-color:#4c43d1!important;color:#fff!important}
.vchat-frontend-app .v3-visual-intro .v3-intro-header button{background:#6158eb!important;border-color:#6158eb!important;color:#fff!important}
.vchat-frontend-app .v3-visual-intro .v3-intro-header button:hover{background:#4c43d1!important;border-color:#4c43d1!important;color:#fff!important}
.vchat-frontend-app .v3-mode-switch button:focus-visible,.vchat-frontend-app .v3-visual-intro button:focus-visible,.vchat-frontend-app #vchat-modal.is-automation-v2 .v3-editor-tabs button:focus-visible{outline:2px solid #8879e8!important;outline-offset:2px!important}
/* Complete the isolation for quick-rule actions and avoid inherited red hover from WP themes. */
.vchat-frontend-app #vchat-modal.is-automation-v2 .v2-builder button:not(.danger):not(.primary):hover,.vchat-frontend-app #vchat-modal.is-automation-v2 .v2-builder button:not(.danger):not(.primary):focus-visible{background:#efecff!important;border-color:#b7aff1!important;color:#493abb!important;box-shadow:none!important}
.vchat-frontend-app #vchat-modal.is-automation-v2 .v2-builder :is(.vchat-modal-actions button.primary,.vchat-modal-actions .primary){background:#6158eb!important;border-color:#6158eb!important;color:#fff!important}
.vchat-frontend-app #vchat-modal.is-automation-v2 .v2-builder :is(.vchat-modal-actions button.primary,.vchat-modal-actions .primary):hover{background:#4d43d1!important;border-color:#4d43d1!important;color:#fff!important}
.vchat-frontend-app #vchat-modal.is-automation-v2 .v2-builder :is(input,select,textarea):focus-visible{border-color:#8272eb!important;outline:2px solid #8272eb36!important;outline-offset:0!important}

/* 0.66.33: deterministic interactive and scrollable quick-rule modal. */
#vchat-frontend-app.vchat-frontend-app #vchat-modal.is-automation-v2.is-open{
  z-index:2147482000!important;
  pointer-events:auto!important;
  touch-action:auto!important;
}
#vchat-frontend-app.vchat-frontend-app #vchat-modal.is-automation-v2.is-open .vchat-modal-dialog{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  max-height:min(90dvh,900px)!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
#vchat-frontend-app.vchat-frontend-app #vchat-modal.is-automation-v2.is-open .vchat-modal-head{
  flex:0 0 auto!important;
  position:relative!important;
  top:auto!important;
  z-index:4!important;
  pointer-events:auto!important;
}
#vchat-frontend-app.vchat-frontend-app #vchat-modal.is-automation-v2.is-open #vchat-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  display:block!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2!important;
}
#vchat-frontend-app.vchat-frontend-app #vchat-modal.is-automation-v2.is-open #vchat-modal-body :is(input,select,textarea,button,label){pointer-events:auto!important}
#vchat-frontend-app.vchat-frontend-app #vchat-modal.is-automation-v2.is-open .v2-builder{min-width:0!important;max-width:100%!important}
#vchat-frontend-app.vchat-frontend-app #vchat-modal.is-automation-v2.is-open .v2-builder .vchat-modal-actions{
  position:relative!important;
  bottom:auto!important;
  z-index:3!important;
  margin-top:3px!important;
  padding:13px 0 2px!important;
}
@media(max-width:900px){
  #vchat-frontend-app.vchat-frontend-app #vchat-modal.is-automation-v2.is-open .vchat-modal-dialog{max-height:90dvh!important}
  #vchat-frontend-app.vchat-frontend-app #vchat-modal.is-automation-v2.is-open #vchat-modal-body{touch-action:pan-y!important}
}
