/* Master Global CRM pool: only the first bank proposal CPF step.
   No selectors below affect other proposal stages, banks, or workers. */
#automation-bank-flow-backdrop #automation-bank-flow-content:has(> .automation-bank-cpf-stage--premium) {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(20px,4vh,42px) 26px !important;
  isolation:isolate;
}
#automation-bank-flow-backdrop #automation-bank-flow-content:has(> .automation-bank-cpf-stage--premium)::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 47%,rgba(29,136,235,.13),transparent 48%),
    repeating-linear-gradient(90deg,transparent 0 47px,rgba(82,175,243,.027) 48px 49px),
    repeating-linear-gradient(0deg,transparent 0 47px,rgba(82,175,243,.027) 48px 49px);
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 76%,transparent);
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium {
  position:relative;
  isolation:isolate;
  display:grid;
  align-content:center;
  gap:25px;
  width:min(820px,100%);
  min-height:300px;
  margin:0 auto;
  padding:clamp(25px,4vw,44px) !important;
  overflow:hidden;
  border:1px solid rgba(93,189,250,.33);
  border-radius:29px;
  background:
    radial-gradient(ellipse at 9% -22%,rgba(72,188,255,.23),transparent 50%),
    radial-gradient(ellipse at 98% 103%,rgba(42,98,234,.20),transparent 47%),
    linear-gradient(146deg,#132f4d 0%,#0a2038 52%,#06182b 100%);
  box-shadow:
    0 34px 82px rgba(0,3,17,.45),
    0 0 0 1px rgba(108,205,255,.055),
    0 0 50px rgba(29,132,244,.12),
    inset 0 1px 0 rgba(201,238,255,.15),
    inset 0 -1px 0 rgba(11,118,210,.12);
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.56;
  background:
    linear-gradient(130deg,rgba(212,246,255,.10),transparent 31%),
    repeating-linear-gradient(90deg,rgba(110,198,251,.055) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(0deg,rgba(110,198,251,.048) 0 1px,transparent 1px 34px);
  mask-image:linear-gradient(130deg,#000,transparent 78%);
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium::after {
  content:"";
  position:absolute;
  right:-80px;
  top:-105px;
  z-index:-1;
  width:310px;
  height:310px;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle,rgba(59,183,255,.25),transparent 67%);
  filter:blur(16px);
  animation:bankCpfHalo 6s ease-in-out infinite alternate;
}
@keyframes bankCpfHalo {
  from {opacity:.55;transform:translate3d(0,0,0);}
  to {opacity:.95;transform:translate3d(-16px,14px,0);}
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-heading {
  display:grid;
  gap:10px;
  margin:0;
  text-align:left;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-heading > span {
  display:inline-flex;
  align-items:center;
  width:max-content;
  gap:9px;
  color:#82dfff !important;
  background:none !important;
  border:0 !important;
  padding:0 !important;
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-heading > span::before {
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#65d8ff;
  box-shadow:0 0 0 4px rgba(101,216,255,.11),0 0 15px rgba(101,216,255,.48);
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-heading h3 {
  margin:0;
  color:#f6fbff;
  font-size:clamp(25px,3vw,34px);
  line-height:1.13;
  letter-spacing:-.035em;
  font-weight:800;
  text-shadow:0 5px 24px rgba(117,212,255,.10);
}
html[data-app-theme="dark"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-form {
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
  padding:19px !important;
  border:1px solid rgba(121,205,255,.23) !important;
  border-radius:21px;
  background:linear-gradient(160deg,rgba(15,43,74,.92),rgba(5,24,44,.89)) !important;
  box-shadow:0 20px 42px rgba(0,9,30,.24),inset 0 1px 0 rgba(184,231,255,.08) !important;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-form > label {
  color:#a9d9f6 !important;
  font-size:11px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell {
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 180px;
  align-items:stretch;
  min-height:68px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(99,193,255,.43) !important;
  background:linear-gradient(180deg,rgba(7,27,47,.97),rgba(4,21,38,.98)) !important;
  box-shadow:0 0 0 4px rgba(58,168,255,.06),inset 0 1px 0 rgba(196,236,255,.06),0 13px 26px rgba(0,7,25,.16);
  transition:border-color .22s,box-shadow .22s;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell:focus-within {
  border-color:#73d7ff !important;
  box-shadow:0 0 0 4px rgba(76,184,255,.16),0 0 28px rgba(70,179,255,.16),inset 0 1px 0 rgba(196,236,255,.06) !important;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell > span {
  border-right:1px solid rgba(110,188,239,.17);
  background:rgba(54,134,207,.09);
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell svg {
  width:20px;
  height:20px;
  stroke:#78d7ff;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium #automation-bank-cpf-input {
  box-sizing:border-box;
  min-width:0;
  width:100%;
  height:100%;
  padding:0 17px;
  color:#f4faff;
  font-size:clamp(17px,1.65vw,22px);
  font-weight:700;
  letter-spacing:.045em;
  background:transparent;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium #automation-bank-cpf-input::placeholder {
  color:rgba(183,210,230,.42);
  font-weight:500;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell button {
  min-width:0;
  margin:6px;
  padding:0 15px;
  border-radius:12px;
  color:#04263c !important;
  background:linear-gradient(115deg,#45adfa,#77e3ff 92%) !important;
  font-size:13px;
  font-weight:850;
  letter-spacing:.005em;
  box-shadow:0 7px 22px rgba(70,187,254,.32),inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .18s,filter .18s,box-shadow .18s;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell button:hover:not(:disabled) {
  transform:translateY(-1px);
  filter:brightness(1.07);
  box-shadow:0 10px 28px rgba(65,187,254,.45),inset 0 1px 0 rgba(255,255,255,.6);
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell button:active:not(:disabled) {
  transform:translateY(0);
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell :is(input,button):disabled {
  opacity:.52;
  cursor:not-allowed;
  box-shadow:none;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-form > small.is-warning {
  font-size:11px;
  font-weight:650;
  color:#ffcd86 !important;
}
#automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-crm-error {
  margin-top:5px;
}

/* The bank logo/name is already provided by the existing header; accentuate it
   only while this CPF step is visible, not in any other bank proposal stage. */
html[data-app-theme="dark"] #automation-bank-flow-backdrop .automation-bank-flow-modal:has(.automation-bank-cpf-stage--premium) {
  background:
    radial-gradient(ellipse at 50% -30%,rgba(46,134,251,.20),transparent 60%),
    linear-gradient(170deg,#091c32,#061326 75%) !important;
  border-color:rgba(90,178,245,.35) !important;
  box-shadow:0 38px 100px rgba(0,3,15,.65),0 0 48px rgba(30,132,255,.13),inset 0 1px 0 rgba(203,238,255,.13) !important;
}
html[data-app-theme="dark"] #automation-bank-flow-backdrop .automation-bank-flow-modal:has(.automation-bank-cpf-stage--premium) .automation-bank-flow-head {
  border-bottom-color:rgba(100,189,252,.22) !important;
  background:linear-gradient(90deg,rgba(47,128,232,.20),transparent 68%) !important;
}
html[data-app-theme="dark"] #automation-bank-flow-backdrop .automation-bank-flow-modal:has(.automation-bank-cpf-stage--premium) .automation-bank-flow-logo {
  box-shadow:0 0 24px rgba(75,180,255,.19),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
/* Light mode follows the same structure with restrained silver-blue glass. */
html[data-app-theme="light"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium {
  border-color:rgba(73,145,212,.24);
  background:
    radial-gradient(circle at 13% 0%,rgba(111,195,252,.20),transparent 48%),
    linear-gradient(145deg,#fff,#eef6fd 84%);
  box-shadow:0 26px 65px rgba(31,75,130,.13),inset 0 1px 0 #fff;
}
html[data-app-theme="light"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-heading > span {
  color:#1e72ac !important;
}
html[data-app-theme="light"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-heading h3 {
  color:#173752 !important;
  text-shadow:none;
}
html[data-app-theme="light"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-form {
  border:1px solid rgba(91,158,214,.23) !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:0 14px 32px rgba(52,107,166,.09),inset 0 1px 0 #fff !important;
}
html[data-app-theme="light"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-form > label {
  color:#416b8d !important;
}
html[data-app-theme="light"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell {
  border-color:rgba(78,157,216,.39) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(92,175,235,.07);
}
html[data-app-theme="light"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell:focus-within {
  border-color:#2696d7 !important;
  box-shadow:0 0 0 4px rgba(59,160,228,.17) !important;
}
html[data-app-theme="light"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium #automation-bank-cpf-input {
  color:#163951 !important;
}
html[data-app-theme="light"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium #automation-bank-cpf-input::placeholder {
  color:#90a8b8 !important;
}
html[data-app-theme="light"] #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-form > small.is-warning {
  color:#9b5a0b !important;
}
@media(max-width:650px) {
  #automation-bank-flow-backdrop #automation-bank-flow-content:has(> .automation-bank-cpf-stage--premium) {
    align-items:flex-start;
    padding:18px 13px !important;
  }
  #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium {
    min-height:0;
    padding:23px 18px !important;
    gap:19px;
    border-radius:23px;
  }
  #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-heading h3 {
    font-size:25px;
  }
  #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-form {
    padding:14px !important;
  }
  #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell {
    grid-template-columns:45px minmax(0,1fr);
    min-height:57px;
  }
  #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell button {
    grid-column:1 / -1;
    min-height:47px;
  }
}
@media(prefers-reduced-motion:reduce) {
  #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium::after {animation:none;}
  #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell,
  #automation-bank-flow-backdrop .automation-bank-cpf-stage--premium .automation-bank-cpf-input-shell button {transition:none;}
}