[data-alobiz-purchase-wallet-v3628] {
  display: block;
  margin: 0 0 16px;
  direction: rtl;
}

.aloPwPolicyAdminV1{margin-top:14px;padding:14px;border:1px solid #cfe2dc;border-radius:14px;background:#f7fbfa;display:grid;gap:10px}
.aloPwPolicyAdminV1 h4,.aloPwPolicyAdminV1 p{margin:0}
.aloPwPolicyAdminV1 p,.aloPwPolicyAdminV1 small{color:#48645d;line-height:1.8}
.aloPwPolicyGridV1{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(110px,.7fr) auto;gap:8px;align-items:end}
.aloPwPolicyGridV1 label{display:grid;gap:5px}
.aloPwPolicyGridV1 input,.aloPwPolicyGridV1 select{min-height:42px}
.aloPwPlanRuleV1{margin:12px 0;padding:11px 13px;border:1px solid #cfe2dc;border-radius:12px;background:#f3faf8;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#244a42}
.aloPwPlanRuleV1 span{margin-inline-start:auto;color:#48645d;font-size:12px}
.aloPwPlanPricingV1{background:#f4f9ff;border-color:#cbdcec}
.aloPwPlanPricingV1 .aloPwPolicyGridV1{grid-template-columns:repeat(2,minmax(150px,1fr))}
.aloPwPlanPricingV1 .aloPwPolicyGridV1 button{min-height:42px}
.aloPwPolicyListV1{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.aloPwPolicyListV1 li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 11px;border:1px solid #d7e4ec;border-radius:10px;background:#fff}
.aloPwPolicyListV1 li span{color:#56707a;font-size:12px}
.aloPwPolicyListV1 li button{margin-inline-start:auto}
#aloPwCreditPolicyStatusV1{min-height:20px;color:#087a60;font-weight:700}
@media(max-width:720px){.aloPwPolicyGridV1,.aloPwPlanPricingV1 .aloPwPolicyGridV1{grid-template-columns:1fr}.aloPwPolicyGridV1 button{width:100%}.aloPwPlanRuleV1 span{margin-inline-start:0;width:100%}}

.aloPwCardV3628 {
  border: 1px solid #badbd4;
  border-radius: 20px;
  background:
    radial-gradient(circle at 8% 0, rgba(108, 236, 190, .18), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f4fbf9 100%);
  box-shadow: 0 14px 36px rgba(8, 54, 66, .09);
  padding: 18px;
  color: #102f3d;
}

.aloPwHeadV3628,
.aloPwSuccessV3628 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.aloPwHeadV3628 > div,
.aloPwSuccessV3628 {
  display: grid;
  gap: 4px;
}

.aloPwHeadV3628 b {
  font-size: 18px;
}

.aloPwHeadV3628 span,
.aloPwSuccessV3628 span {
  color: #607985;
  font-size: 13px;
}

.aloPwPlanV3628 {
  border: 1px solid #9bd8ca;
  border-radius: 999px;
  background: #e9fbf6;
  color: #087b68 !important;
  font-weight: 800;
  padding: 7px 12px;
}

.aloPwStatsV3628 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.aloPwStatsV3628 > div {
  display: grid;
  align-content: start;
  min-width: 0;
  min-height: 112px;
  border: 1px solid #d7e8e4;
  border-radius: 14px;
  background: rgba(255, 255, 255, .88);
  padding: 12px;
}

.aloPwStatsV3628 small {
  color: #607985;
}

.aloPwStatsV3628 strong {
  margin: 8px 0 4px;
  font-size: 17px;
  color: #0b594e;
  overflow-wrap: anywhere;
}

.aloPwStatsV3628 em {
  color: #6d7f88;
  font-size: 11px;
  font-style: normal;
  line-height: 1.8;
}

[data-alo-pw-countdown] {
  display: inline-flex;
  direction: ltr;
  margin-right: 4px;
  border-radius: 7px;
  background: #fff1d8;
  color: #9a5b00;
  font-weight: 900;
  padding: 1px 6px;
}

.aloPwActionsV3628 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.aloPwActionsV3628 button {
  min-height: 43px;
  white-space: normal;
}

.aloPwWarningV3628,
.aloPwLimitV3628,
.aloPwSuccessV3628 {
  margin-top: 12px;
  border-radius: 12px;
  padding: 11px 13px;
  line-height: 1.9;
}

.aloPwWarningV3628,
.aloPwLimitV3628 {
  border: 1px solid #efc27b;
  background: #fff7e9;
  color: #87550d;
}

.aloPwSuccessV3628 {
  margin: 0 0 13px;
  border: 1px solid #8bd4c3;
  background: #eafff8;
  color: #086b5a;
}

.aloPwModalV3628 {
  position: fixed;
  z-index: 100010;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(3, 24, 38, .68);
  backdrop-filter: blur(4px);
}

.aloPwModalV3628.is-open {
  display: flex;
}

.aloPwDialogV3628 {
  width: min(590px, 100%);
  border: 1px solid #b9d9d3;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(4, 32, 48, .3);
  padding: 24px;
  text-align: right;
}

.aloPwDialogV3628 h3 {
  margin: 0 0 10px;
  color: #102c3d;
}

.aloPwDialogV3628 p {
  margin: 0;
  color: #536d78;
  line-height: 2;
}

.aloPwDialogActionsV3628 {
  display: grid;
  gap: 9px;
  margin-top: 20px;
}

.aloPwDialogActionsV3628 button {
  width: 100%;
  min-height: 46px;
  white-space: normal;
}

.aloPwCashFieldsV3635 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  padding: 13px;
  border: 1px solid #dce9e5;
  border-radius: 14px;
  background: #f8fcfb;
}

.aloPwCashFieldsV3635 label {
  display: grid;
  gap: 6px;
  color: #3f5d66;
  font-size: 12px;
  font-weight: 800;
}

.aloPwCashFieldsV3635 input,
.aloPwCashFieldsV3635 select {
  width: 100%;
  min-height: 42px;
  border: 1px solid #cfded9;
  border-radius: 10px;
  background: #fff;
  padding: 8px 10px;
  color: #173d48;
  font: inherit;
}

.aloPwCashFieldsV3635 [hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  .aloPwStatsV3628 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  [data-alobiz-purchase-wallet-v3628] {
    margin-bottom: 12px;
  }

  .aloPwCardV3628 {
    border-radius: 16px;
    padding: 13px;
  }

  .aloPwHeadV3628,
  .aloPwSuccessV3628 {
    align-items: flex-start;
    flex-direction: column;
  }

  .aloPwStatsV3628 {
    grid-template-columns: minmax(0, 1fr);
  }

  .aloPwStatsV3628 > div {
    min-height: 0;
  }

  .aloPwActionsV3628 {
    display: grid;
  }

  .aloPwActionsV3628 button {
    width: 100%;
  }

  .aloPwModalV3628 {
    padding: 12px;
  }

  .aloPwDialogV3628 {
    border-radius: 16px;
    padding: 18px;
  }

  .aloPwCashFieldsV3635 {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* Compact wallet balance inside the sale flow; full countdown stays on card discharge. */
.aloPwCompactV3634{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  margin:0 0 12px!important;padding:12px 15px!important;border:1px solid #cfe6dd!important;
  border-radius:14px!important;background:#f4fbf8!important;color:#315b51!important;box-shadow:none!important
}
.aloPwCompactV3634>div{display:flex!important;align-items:center!important;gap:10px!important}
.aloPwCompactV3634 small{color:#668078!important;font-size:9px!important;font-weight:850!important}
.aloPwCompactV3634 strong{color:#0b765d!important;font-size:13px!important;font-weight:950!important}
.aloPwCompactV3634>span{color:#6d817b!important;font-size:9px!important}
@media(max-width:640px){.aloPwCompactV3634{display:grid!important;grid-template-columns:1fr!important}}

/* Dedicated card/credit page. */
.aloCardCreditPageV1 {
  display: grid;
  gap: 16px;
}

.aloCardCreditPrimaryV1 {
  border-color: #c9e1db;
  box-shadow: 0 14px 36px rgba(8, 54, 66, .07);
}

.aloCardCreditTitleV1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.aloCardCreditTitleV1 h2,
.aloCardCreditTitleV1 p {
  margin: 0;
}

.aloCardCreditTitleV1 p {
  margin-top: 7px;
  color: #647b84;
}

.aloCardCreditEyebrowV1,
.aloCardCreditOperatorV1 {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  background: #e8f8f3;
  color: #08705f;
  font-size: 12px;
  font-weight: 850;
  padding: 7px 11px;
}

.aloCardCreditEyebrowV1 {
  margin-bottom: 8px;
}

.aloCardCreditFormGridV1 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
}

.aloCardCreditFormGridV1 > div {
  display: grid;
  align-content: start;
  gap: 7px;
}

.aloCardCreditFormGridV1 label {
  color: #365762;
  font-size: 12px;
  font-weight: 850;
}

.aloCardCreditFormGridV1 input,
.aloCardCreditFormGridV1 select {
  width: 100%;
  min-height: 46px;
  border: 1px solid #cfdfda;
  border-radius: 11px;
  background: #fff;
  color: #173d48;
  padding: 9px 11px;
  font: inherit;
}

.aloCardCreditNoticeV1 {
  margin-top: 14px;
}

.aloCardCreditSubmitV1 {
  min-height: 46px;
  margin-top: 12px;
}

.aloCardCreditRulesV1 > div {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
  color: #4e6872;
}

.aloCardCreditRulesV1 > div > span {
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  height: 28px;
  border-radius: 50%;
  background: #e9f8f3;
  color: #08705f;
  font-weight: 900;
}

.aloCardCreditRulesV1 p {
  margin: 2px 0 0;
}

.aloPwRecentV1 {
  margin-top: 16px;
  border-top: 1px solid #dcebe7;
  padding-top: 14px;
}

.aloPwRecentHeadV1,
.aloPwRecentRowV1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.aloPwRecentHeadV1 span,
.aloPwRecentEmptyV1,
.aloPwRecentRowV1 small {
  color: #6b8088;
  font-size: 11px;
}

.aloPwRecentListV1 {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.aloPwRecentRowV1 {
  border: 1px solid #dce9e5;
  border-radius: 12px;
  background: rgba(255, 255, 255, .9);
  padding: 10px 12px;
}

.aloPwRecentRowV1 > div {
  display: grid;
  gap: 4px;
}

.aloPwRecentRowV1 > div:last-child {
  justify-items: end;
}

.aloPwErpStateV1 {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  background: #fff3dc;
  color: #85540e;
  font-size: 11px;
  font-weight: 850;
  padding: 4px 8px;
}

.aloPwErpStateV1.is-sent {
  background: #e7f8f1;
  color: #08705f;
}

.aloPwErpStateV1.is-failed {
  background: #fff0f0;
  color: #a33535;
}

.aloPwRecentEmptyV1 {
  margin-top: 10px;
  border: 1px dashed #d3e3df;
  border-radius: 12px;
  padding: 12px;
}

@media (max-width: 900px) {
  .aloCardCreditFormGridV1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .aloCardCreditTitleV1,
  .aloPwRecentHeadV1,
  .aloPwRecentRowV1 {
    align-items: stretch;
    flex-direction: column;
  }

  .aloCardCreditFormGridV1 {
    grid-template-columns: minmax(0, 1fr);
  }

  .aloPwRecentRowV1 > div:last-child {
    justify-items: start;
  }
}