/* AFTEL Orders confirmation component. */
/* AFTEL order-submitted confirmation: one canonical scoped component. */
.aftel-cf-page{
  --aftel-cf-navy:#123252;
  --aftel-cf-blue:#2d6fab;
  --aftel-cf-blue-soft:#eaf4ff;
  --aftel-cf-green:#79c843;
  --aftel-cf-green-dark:#2f7d32;
  --aftel-cf-mint:#eef8e8;
  --aftel-cf-muted:#5f7488;
  --aftel-cf-border:#cfdfeb;
  --aftel-cf-surface:rgba(255,255,255,.97);
  --aftel-cf-page-bg:#f5f9fc;
  --aftel-cf-radius:20px;
  --aftel-cf-control-radius:14px;
  --aftel-cf-shadow:0 18px 46px rgba(18,50,82,.11),inset 0 1px 0 rgba(255,255,255,.94);
  background:var(--aftel-cf-page-bg);
  box-shadow:0 0 0 100vmax var(--aftel-cf-page-bg);
  clip-path:inset(0 -100vmax);
  color:var(--aftel-cf-navy);
  margin:0 auto;
  max-width:800px;
  padding:clamp(36px,5vw,64px) 18px 72px;
  position:relative;
  width:100%;
}
.aftel-cf-page,.aftel-cf-page *{box-sizing:border-box;}
.aftel-cf-hero,.aftel-cf-card{border:1px solid var(--aftel-cf-border);border-radius:var(--aftel-cf-radius);box-shadow:var(--aftel-cf-shadow);margin:0 0 18px;}
.aftel-cf-hero{background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(246,251,253,.96));overflow:hidden;padding:clamp(30px,5vw,42px) clamp(24px,5vw,42px);position:relative;text-align:center;}
.aftel-cf-hero::before{background:var(--aftel-cf-green);border-radius:99px;bottom:20px;content:"";left:0;position:absolute;top:20px;width:4px;}
.aftel-cf-hero-icon{align-items:center;background:var(--aftel-cf-mint);border:1px solid rgba(121,200,67,.58);border-radius:50%;color:var(--aftel-cf-green-dark);display:inline-flex;height:56px;justify-content:center;margin:0 0 18px;width:56px;}
.aftel-cf-hero-icon svg{display:block;height:54px;stroke:currentColor;stroke-width:3;width:54px;}
.aftel-cf-hero-title{color:var(--aftel-cf-navy);font-size:clamp(26px,4vw,32px);font-weight:700;letter-spacing:-.025em;line-height:1.12;margin:0 0 12px;}
.aftel-cf-hero-subtitle{color:var(--aftel-cf-muted);font-size:17px;line-height:1.58;margin:0 auto;max-width:620px;}
.aftel-cf-card{background:var(--aftel-cf-surface);padding:26px;}
.aftel-cf-section-title{color:var(--aftel-cf-navy);font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.2;margin:0 0 22px;}
.aftel-cf-reference{background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(242,248,252,.97));}
.aftel-cf-reference-row{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;}
.aftel-cf-reference-content{min-width:0;}
.aftel-cf-reference-label{color:var(--aftel-cf-blue);font-size:12px;font-weight:800;letter-spacing:.09em;line-height:1.2;margin:0 0 8px;text-transform:uppercase;}
.aftel-cf-reference-code{background:var(--aftel-cf-mint);border:1px solid rgba(121,200,67,.42);border-radius:10px;color:var(--aftel-cf-navy);display:inline-block;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:18px;font-weight:700;letter-spacing:.035em;line-height:1.4;max-width:100%;overflow-wrap:anywhere;padding:7px 12px;white-space:normal;word-break:break-word;}
.aftel-cf-reference-helper{color:var(--aftel-cf-muted);font-size:14px;line-height:1.5;margin:16px 0 0;max-width:620px;}
.aftel-cf-copy-status{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
.aftel-cf-copy-buffer{height:1px;left:-9999px;opacity:0;position:fixed;top:0;width:1px;}
.aftel-cf-action{align-items:center;border:1px solid transparent;border-radius:var(--aftel-cf-control-radius);box-shadow:none;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;line-height:1.2;min-height:52px;padding:0 18px;text-align:center;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease;}
.aftel-cf-action svg{display:block;flex:0 0 auto;height:18px;stroke-width:1.8;width:18px;}
.aftel-cf-action--copy{background:#fff;border-color:#b9d2e5;color:var(--aftel-cf-blue);min-height:46px;white-space:nowrap;}
.aftel-cf-action--copy:hover{background:var(--aftel-cf-blue-soft);border-color:var(--aftel-cf-blue);color:var(--aftel-cf-navy);transform:translateY(-1px);}
.aftel-cf-action--copy.is-copied{background:var(--aftel-cf-mint);border-color:var(--aftel-cf-green);color:var(--aftel-cf-green-dark);}
.aftel-cf-timeline{list-style:none;margin:0;padding:0;}
.aftel-cf-step{display:grid;gap:16px;grid-template-columns:42px minmax(0,1fr);padding:0 0 28px;position:relative;}
.aftel-cf-step:last-child{padding-bottom:0;}
.aftel-cf-step:not(:last-child)::before{background:var(--aftel-cf-border);bottom:0;content:"";left:20px;position:absolute;top:42px;width:2px;}
.aftel-cf-step--complete:not(:last-child)::before{background:linear-gradient(180deg,var(--aftel-cf-green),var(--aftel-cf-border));}
.aftel-cf-step-marker{align-items:center;background:#fff;border:2px solid #b9ccda;border-radius:50%;color:var(--aftel-cf-blue);display:flex;font-size:14px;font-weight:800;height:42px;justify-content:center;position:relative;width:42px;z-index:1;}
.aftel-cf-step--complete .aftel-cf-step-marker{background:var(--aftel-cf-mint);border-color:var(--aftel-cf-green);color:var(--aftel-cf-green-dark);box-shadow:0 0 0 5px rgba(121,200,67,.12);}
.aftel-cf-step-copy{min-width:0;padding-top:2px;}
.aftel-cf-step-copy h4{color:var(--aftel-cf-navy);font-size:17px;font-weight:700;line-height:1.3;margin:0 0 5px;}
.aftel-cf-step-copy p{color:var(--aftel-cf-muted);font-size:15px;line-height:1.58;margin:0;}
.aftel-cf-support p{color:var(--aftel-cf-muted);font-size:15px;line-height:1.58;margin:0 0 20px;}
.aftel-cf-support-actions{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));}
.aftel-cf-action--primary{background:var(--aftel-cf-green);border-color:var(--aftel-cf-green);color:var(--aftel-cf-navy);}
.aftel-cf-action--primary:hover{background:#6bb638;border-color:#6bb638;color:var(--aftel-cf-navy);transform:translateY(-1px);}
.aftel-cf-action--outline{background:#fff;border-color:var(--aftel-cf-blue);color:var(--aftel-cf-blue);}
.aftel-cf-action--outline:hover{background:var(--aftel-cf-blue-soft);color:var(--aftel-cf-navy);transform:translateY(-1px);}
.aftel-cf-action--quiet{background:#f7fafc;border-color:var(--aftel-cf-border);color:var(--aftel-cf-muted);}
.aftel-cf-action--quiet:hover{background:#edf4f8;border-color:#aebfcd;color:var(--aftel-cf-navy);transform:translateY(-1px);}
.aftel-cf-action:active{box-shadow:none;transform:translateY(0);}
.aftel-cf-action:focus-visible,.aftel-cf-reference-code:focus-visible{outline:3px solid rgba(45,111,171,.34);outline-offset:3px;}
@media(max-width:680px){
  .aftel-cf-page{padding:32px 14px 52px;}
  .aftel-cf-hero,.aftel-cf-card{border-radius:16px;margin-bottom:14px;}
  .aftel-cf-hero{padding:28px 18px;}
  .aftel-cf-hero::before{bottom:16px;top:16px;}
  .aftel-cf-hero-icon{height:52px;margin-bottom:15px;width:52px;}
  .aftel-cf-hero-icon svg{height:50px;width:50px;}
  .aftel-cf-hero-subtitle{font-size:16px;}
  .aftel-cf-card{padding:20px 18px;}
  .aftel-cf-reference-row{align-items:start;grid-template-columns:1fr;gap:14px;}
  .aftel-cf-reference-code{display:block;font-size:16px;width:100%;}
  .aftel-cf-action--copy{justify-self:start;min-height:46px;}
  .aftel-cf-section-title{font-size:20px;margin-bottom:20px;}
  .aftel-cf-step{gap:13px;grid-template-columns:38px minmax(0,1fr);padding-bottom:24px;}
  .aftel-cf-step:not(:last-child)::before{left:18px;top:38px;}
  .aftel-cf-step-marker{height:38px;width:38px;}
  .aftel-cf-step-copy h4{font-size:16px;}
  .aftel-cf-step-copy p{font-size:14.5px;}
  .aftel-cf-support-actions{grid-template-columns:1fr;}
  .aftel-cf-action{min-height:52px;width:100%;}
}
@media(prefers-reduced-motion:reduce){
  .aftel-cf-page .aftel-cf-action{transition:none;}
}