/* Task-first connection flow. Scoped to Kaspi, independent of legacy wizard cards. */
.retell-dashboard #kaspiSetupPage #kaspiWizard.kaspi-flow {
  display:block;max-width:980px;min-height:0;margin:0 auto;padding:0;
  border:0;border-radius:0;background:transparent;scroll-margin-top:104px;
}
#kaspiWizard.kaspi-flow .kaspi-step-list {display:flex;list-style:none;gap:0;margin:0 0 32px;padding:0;border-bottom:1px solid #e8ebf2;}
#kaspiWizard.kaspi-flow .kaspi-step-list li {position:relative;display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 10px 19px;color:#8a93a3;font-size:13px;font-weight:500;}
#kaspiWizard.kaspi-flow .kaspi-step-list b {display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:#f0f2f7;color:#8a93a3;font-size:12px;font-weight:500;transition:background .2s,color .2s;}
#kaspiWizard.kaspi-flow .kaspi-step-list .current {color:#294cdf;}
#kaspiWizard.kaspi-flow .kaspi-step-list .current b {background:#315aff;color:#fff;box-shadow:0 3px 8px #315aff22;}
#kaspiWizard.kaspi-flow .kaspi-step-list .current::after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#315aff;}
#kaspiWizard.kaspi-flow .kaspi-step-list .complete {color:#455574;}
#kaspiWizard.kaspi-flow .kaspi-step-list .complete b {background:#e8efff;color:#315aff;}
#kaspiWizard.kaspi-flow .flow-body {display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:start;}
#kaspiWizard.kaspi-flow .flow-form {min-width:0;padding:8px 0 20px;}
.retell-dashboard #kaspiWizard.kaspi-flow .wizard-step > h2 {font-size:26px;font-weight:600;line-height:1.25;letter-spacing:-.65px;max-width:none;margin:0 0 10px;}
.retell-dashboard #kaspiWizard.kaspi-flow .wizard-step > h2:focus {outline:none;}
#kaspiWizard.kaspi-flow .flow-lead {color:#737e91;font-size:14px;line-height:1.6;margin:0 0 28px;max-width:46ch;}
#kaspiWizard.kaspi-flow .flow-lead strong {white-space:nowrap;font-size:14px;color:#424e64;font-weight:500;}
#kaspiWizard.kaspi-flow .flow-checklist {display:flex;flex-direction:column;gap:10px;margin:0;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-check-card {display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:13px;align-items:start;margin:0;padding:15px 16px;border:1px solid #e3e8f1;border-radius:10px;background:#fff;color:#45526a;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-check-card:hover {border-color:#cbd5ec;box-shadow:0 5px 16px #2739680a;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-check-card:has(input:checked) {border-color:#b9c8f7;background:#f5f7ff;}
#kaspiWizard.kaspi-flow .flow-check-number {display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef2fb;color:#5570c8;font-size:12px;font-weight:650;}
#kaspiWizard.kaspi-flow .flow-check-card:has(input:checked) .flow-check-number {background:#315aff;color:#fff;}
#kaspiWizard.kaspi-flow .flow-check-copy {display:grid;gap:4px;min-width:0;}
#kaspiWizard.kaspi-flow .flow-check-copy strong {color:#3e4b63;font-size:13px;font-weight:550;line-height:1.45;}
#kaspiWizard.kaspi-flow .flow-check-copy small {color:#7a8597;font-size:12px;line-height:1.55;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-check-card > input {appearance:auto;width:17px;height:17px;min-height:0;margin:5px 0 0;padding:0;accent-color:#315aff;}
#kaspiWizard.kaspi-flow .flow-check-count {margin:3px 0 0;color:#768196;font-size:12px;line-height:1.5;text-align:right;}
#kaspiWizard.kaspi-flow .flow-fields {display:flex;flex-direction:column;gap:8px;margin:0;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-fields label {margin:0;font-size:13px;font-weight:500;color:#465269;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-fields .phone-entry {height:46px;min-height:46px;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-fields .phone-entry input {height:44px;min-height:44px;font-size:15px;}
#kaspiWizard.kaspi-flow .flow-fields > small {font-size:12px;color:#7d8797;line-height:1.6;}
#kaspiWizard.kaspi-flow .flow-eligibility {margin:17px 0 12px;padding:16px 18px;background:#f6f8fc;border-radius:10px;}
#kaspiWizard.kaspi-flow .flow-eligibility strong {font-size:13px;font-weight:500;color:#3e4c65;}
#kaspiWizard.kaspi-flow .flow-eligibility p {font-size:12px;line-height:1.7;color:#707d91;margin:6px 0 0;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-primary {display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:44px;min-height:44px;margin:12px 0 0;padding:11px 18px;border-radius:8px;font-size:14px;font-weight:500;transition:background .15s,transform .15s;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-primary:disabled {background:#edf0f7;border-color:#edf0f7;color:#8994a8;opacity:1;box-shadow:none;cursor:not-allowed;}
#kaspiWizard.kaspi-flow .flow-footnote {margin:4px 0 0;text-align:center;color:#8a93a3;font-size:12px;line-height:1.6;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-back {display:inline-flex;gap:6px;align-items:center;border:0;background:none;padding:4px 0;margin:0 0 20px;color:#778297;font-size:12px;min-height:28px;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-text-button {border:0;background:transparent;padding:4px 0;margin:0;min-height:30px;color:#3457d9;font-size:12px;font-weight:500;}
.retell-dashboard #kaspiWizard :is(.flow-text-button,.flow-back):hover {color:#1d3bc6;text-decoration:underline;text-underline-offset:4px;}
#kaspiWizard.kaspi-flow .flow-recipient {display:flex;gap:16px;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid #e7ebf3;border-bottom:1px solid #e7ebf3;margin-bottom:22px;}
#kaspiWizard.kaspi-flow .flow-recipient > div {display:grid;gap:6px;}
#kaspiWizard.kaspi-flow .flow-recipient span {color:#8790a0;font-size:12px;}
#kaspiWizard.kaspi-flow .flow-recipient strong {font-size:19px;font-weight:550;letter-spacing:-.3px;color:#313f57;white-space:nowrap;font-variant-numeric:tabular-nums;}
#kaspiWizard.kaspi-flow .flow-warning {padding:0 0 0 14px;border-left:2px solid #e5b96a;}
#kaspiWizard.kaspi-flow .flow-warning strong {font-size:13px;color:#70572d;font-weight:550;}
#kaspiWizard.kaspi-flow .flow-warning p {font-size:12px;line-height:1.7;color:#817664;margin:7px 0 0;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-consent {display:flex;flex-direction:row;align-items:flex-start;gap:12px;cursor:pointer;margin:24px 0 8px;padding:0;color:#505e76;font-size:13px;line-height:1.65;}
.retell-dashboard #kaspiWizard.kaspi-flow .flow-consent input {appearance:auto;flex:none;width:17px;height:17px;min-height:0;padding:0;margin:3px 0 0;accent-color:#315aff;}
.retell-dashboard #kaspiWizard #kaspiOtp {box-sizing:border-box;width:100%;max-width:none;min-height:54px;height:54px;margin:0;border-radius:8px;padding:10px 14px;font-size:24px;letter-spacing:.3em;font-variant-numeric:tabular-nums;}
#kaspiWizard.kaspi-flow .flow-restart {margin-top:23px;}
#kaspiWizard.kaspi-flow .flow-restart p {font-size:12px;line-height:1.6;color:#8791a2;margin:4px 0;}
#kaspiWizard.kaspi-flow .flow-error {font-size:13px;line-height:1.6;color:#a23939;background:#fff4f3;border-radius:8px;margin:18px 0 0;padding:12px 14px;overflow-wrap:anywhere;}
#kaspiWizard.kaspi-flow .flow-guide {display:block;position:static;align-self:start;width:auto;height:auto;min-height:0;min-width:0;border:0;overflow:visible;background:#f5f7fc;padding:24px;border-radius:16px;}
#kaspiWizard.kaspi-flow .flow-brand-bridge {display:flex;align-items:center;justify-content:space-between;gap:10px;color:#263656;}
#kaspiWizard.kaspi-flow .flow-brand-bridge span {display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;letter-spacing:-.5px;white-space:nowrap;}
#kaspiWizard.kaspi-flow .flow-brand-bridge img {width:21px;height:21px;}
#kaspiWizard.kaspi-flow .flow-brand-bridge i {font-style:normal;color:#9aaccb;font-size:18px;font-weight:400;}
#kaspiWizard.kaspi-flow .flow-brand-bridge .flow-kaspi {font-size:15px;color:#df504c;letter-spacing:-.4px;}
#kaspiWizard.kaspi-flow .connection-guide-art {display:grid;place-items:center;height:146px;overflow:hidden;margin:10px -12px 0;}
#kaspiWizard.kaspi-flow .connection-guide-art .dimensional-art {transform:scale(.74);margin:0;}
#kaspiWizard.kaspi-flow .flow-guide h3 {font-size:14px;font-weight:550;margin:12px 0 9px;color:#3c4c68;}
#kaspiWizard.kaspi-flow .flow-guide p {font-size:12px;line-height:1.8;color:#7c899d;margin:0 0 12px;}
#kaspiWizard.kaspi-flow .flow-guide a {display:inline-block;font-size:12px;color:#3457d9;text-decoration:none;line-height:1.7;}
#kaspiWizard.kaspi-flow .flow-guide a:hover {text-decoration:underline;text-underline-offset:3px;}
#kaspiWizard.kaspi-flow .flow-guide .flow-support {display:block;margin-top:22px;padding-top:16px;border-top:1px solid #e3e9f4;color:#7e8aa0;}
.flow-success-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;}
.retell-dashboard #kaspiSetupComplete {max-width:960px;margin:12px auto;padding:32px;}
.connected-next-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;text-align:left;}
.connected-next-steps article {padding:20px;background:#f5f7fc;border:1px solid #e7ebf3;border-radius:12px;}
.connected-next-steps article > span {font-size:12px;color:#315aff;font-weight:600;}
.connected-next-steps h3 {font-size:15px;margin:12px 0 8px;}
.connected-next-steps p {font-size:13px;line-height:1.65;color:#707d91;margin:0;}
#kaspiSetupStatus .status-line > span {display:grid;gap:6px;}
@media(max-width:760px) {.connected-next-steps {grid-template-columns:1fr;}.retell-dashboard #kaspiSetupComplete {padding:22px;}}
.retell-dashboard #kaspiWizard [hidden] {display:none!important;}
@media(max-width:1100px) {#kaspiWizard.kaspi-flow .flow-body {gap:28px;grid-template-columns:minmax(0,1fr) 250px;}#kaspiWizard.kaspi-flow .flow-guide {padding:20px;}}
@media(max-width:760px) {
  #kaspiWizard.kaspi-flow .flow-body {grid-template-columns:1fr;gap:22px;}
  #kaspiWizard.kaspi-flow .kaspi-step-list {margin-bottom:25px;}
  #kaspiWizard.kaspi-flow .kaspi-step-list li {flex-direction:column;justify-content:flex-start;gap:6px;padding:0 3px 12px;font-size:10px;line-height:1.25;text-align:center;}
  #kaspiWizard.kaspi-flow .kaspi-step-list b {width:22px;height:22px;font-size:11px;border-radius:6px;}
  .retell-dashboard #kaspiWizard.kaspi-flow .wizard-step > h2 {font-size:24px;}
  #kaspiWizard.kaspi-flow .flow-form {padding:0;}
  #kaspiWizard.kaspi-flow .connection-guide-art {display:none;}
  #kaspiWizard.kaspi-flow .flow-guide {padding:20px;}
  #kaspiWizard.kaspi-flow .flow-brand-bridge {max-width:225px;margin-bottom:18px;}
  #kaspiWizard.kaspi-flow .flow-recipient {gap:10px;flex-wrap:wrap;}
  #kaspiWizard.kaspi-flow .flow-lead {margin-bottom:22px;}
  .retell-dashboard #kaspiWizard.kaspi-flow .flow-check-card {grid-template-columns:28px minmax(0,1fr) 18px;gap:10px;padding:14px;}
}
@media(prefers-reduced-motion:reduce) {
  #kaspiWizard.kaspi-flow .kaspi-step-list b,.retell-dashboard #kaspiWizard.kaspi-flow .flow-primary {transition:none;}
}

/* Emphasize the required Kaspi role without making it look like another action. */
#kaspiWizard.kaspi-flow .cashier-emphasis {
  color:#254bc5;background:#e7edff;border-radius:4px;
  padding:2px 5px;font-weight:650;white-space:nowrap;box-decoration-break:clone;
}
#kaspiWizard.kaspi-flow .flow-eligibility {background:#f0f4ff;border-left:3px solid #6483f5;}