/* متغیرهای رنگی که booking.css از آن‌ها استفاده می‌کند ولی در پوستهٔ جدید سایت تعریف نشده بودند
   (بدون آن‌ها پس‌زمینه و حاشیهٔ بسیاری از المان‌های رزرو دیده نمی‌شد) */
:root{--forest:#7a5a6d;--mauve:#8f6c84;--line:#e6d9e1;}
.booking-section{padding-block:20px 100px;}
.booking-grid{display:grid;grid-template-columns:1fr;gap:22px;max-width:640px;}

.booking-card{
  background:var(--white);border-radius:var(--radius-l);box-shadow:var(--shadow-sm);
  padding:28px 26px;
}
.booking-card h2{font-size:1.15rem;color:var(--deep);margin-bottom:16px;}
.muted{color:var(--ink-soft);font-size:.9rem;}

.visually-hidden{
  position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* --- تب‌های ورود/ثبت‌نام --- */
.account-tabs{display:flex;gap:8px;border-bottom:1.5px solid var(--sage-pale);}
.account-tab{
  flex:1;padding:12px;background:none;border:none;border-bottom:3px solid transparent;
  font-family:inherit;font-size:.95rem;color:var(--ink-soft);cursor:pointer;font-weight:600;
  margin-bottom:-1.5px;
}
.account-tab.active{color:var(--sage-dark);border-bottom-color:var(--sage-dark);}

/* --- جدول نوبت‌های پروفایل مشتری --- */
.booking-card table{width:100%;border-collapse:collapse;font-size:.9rem;}
.booking-card thead th{text-align:right;padding:10px 12px;color:var(--ink-soft);border-bottom:2px solid var(--sage-pale);font-weight:600;}
.booking-card tbody td{padding:10px 12px;border-bottom:1px solid var(--line);}
.booking-card .badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;}
.booking-card .badge-online{background:rgba(173,189,138,.3);color:var(--forest);}
.booking-card .badge-admin{background:rgba(204,150,147,.28);color:var(--forest);}

/* --- فرم و مراحل --- */
.hidden{display:none !important;}
.form-msg{margin-top:10px;font-size:.86rem;min-height:1.2em;}
.form-msg.error{color:var(--mauve);font-weight:600;}
.form-msg.error:not(:empty)::before{content:"\2715\00a0";}
.form-msg.success{color:var(--forest);font-weight:600;}
.form-msg.success:not(:empty)::before{content:"\2713\00a0";}
.link-btn{background:none;border:none;color:var(--rose-deep);font-family:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0;}

.booking-summary{
  background:var(--sage-pale);border-radius:14px;padding:16px 18px;margin:14px 0;
  font-size:.92rem;line-height:2;
}
.booking-summary strong{color:var(--deep);}

#sendOtpBtn,#verifyOtpBtn,#confirmBookingBtn{margin-top:6px;}
#resendOtpBtn{margin-top:6px;margin-inline-start:8px;}
button:disabled{opacity:.55;cursor:not-allowed;transform:none !important;}

@media (min-width:900px){
  .booking-grid{max-width:none;grid-template-columns:1fr 1fr;}
  .booking-card:nth-child(4){grid-column:1/-1;}
}


/* =====================================================================
   رزرو نوبت مرحله‌به‌مرحله (Wizard)
   ===================================================================== */
.booking-section--wizard{position:relative;z-index:2;margin-top:-64px;padding-block:0 90px;}
.wizard{
  position:relative;max-width:780px;margin-inline:auto;background:var(--white);
  border-radius:var(--radius-l);box-shadow:var(--shadow-lg);
  padding:clamp(18px,4.5vw,44px);overflow:hidden;scroll-margin-top:96px;
}

@keyframes riseIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@keyframes pick{0%{transform:scale(.97);}55%{transform:scale(1.03);}100%{transform:scale(1);}}
@keyframes shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}
@keyframes chipIn{from{opacity:0;transform:scale(.85);}to{opacity:1;transform:none;}}

/* --- نوار پیشرفت --- */
.wiz-progress{display:flex;list-style:none;margin:0 0 26px;padding:0;}
.wiz-dot{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;}
.wiz-dot + .wiz-dot::before{
  content:"";position:absolute;top:16px;inset-inline-end:calc(50% + 16px);
  width:calc(100% - 32px);height:2px;border-radius:2px;background:var(--line);
  transition:background .45s var(--ease);
}
.wiz-dot.done::before,.wiz-dot.current::before{background:var(--forest);}
.wiz-dot-circle{
  position:relative;z-index:1;width:32px;height:32px;padding:0;border-radius:50%;
  border:2px solid var(--gray);background:var(--white);color:var(--mauve);
  font-family:inherit;font-size:.85rem;font-weight:700;display:grid;place-items:center;
  cursor:default;transition:background .35s var(--ease),border-color .35s var(--ease),color .35s,box-shadow .35s var(--ease),transform .35s var(--ease);
}
.wiz-dot-circle:disabled{opacity:1;}
.wiz-dot.done .wiz-dot-circle{background:var(--forest);border-color:var(--forest);color:var(--white);cursor:pointer;}
.wiz-dot.done .wiz-dot-circle:hover{background:var(--mauve);border-color:var(--mauve);transform:scale(1.08);}
.wiz-dot.current .wiz-dot-circle{background:var(--mauve);border-color:var(--mauve);color:var(--white);box-shadow:0 0 0 5px rgba(144,106,105,.18);}
.wiz-dot-label{font-size:.76rem;font-weight:500;color:var(--mauve);white-space:nowrap;}
.wiz-dot.current .wiz-dot-label{font-weight:800;color:var(--forest);}

/* --- چیپ‌های انتخاب‌های قبلی --- */
.wiz-chips{display:flex;flex-wrap:wrap;gap:8px;}
.wiz-chip{
  display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;
  border:1.5px solid var(--line);background:var(--ivory);font-family:inherit;font-size:.82rem;
  color:var(--forest);cursor:pointer;animation:chipIn .4s var(--ease) backwards;
  transition:border-color .25s,background .25s;
}
.wiz-chip:hover{border-color:var(--sage);background:var(--sage-pale);}
.wiz-chip-k{color:var(--mauve);font-size:.74rem;}
.wiz-chip-v{font-weight:700;}

/* --- صحنه و مراحل --- */
.wiz-stage{position:relative;min-height:280px;}
.wiz-step.enter-fwd{animation:wizInFwd .45s var(--ease) both;}
.wiz-step.enter-back{animation:wizInBack .45s var(--ease) both;}
.wiz-step.leave-fwd{animation:wizOutFwd .23s ease-in forwards;}
.wiz-step.leave-back{animation:wizOutBack .23s ease-in forwards;}
@keyframes wizInFwd{from{opacity:0;transform:translateX(-42px);}to{opacity:1;transform:none;}}
@keyframes wizInBack{from{opacity:0;transform:translateX(42px);}to{opacity:1;transform:none;}}
@keyframes wizOutFwd{to{opacity:0;transform:translateX(42px);}}
@keyframes wizOutBack{to{opacity:0;transform:translateX(-42px);}}

.wiz-meta{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:20px;}
.wiz-meta .wiz-chips{margin:0;flex:1 1 auto;}
.wiz-back{
  display:inline-flex;align-items:center;gap:4px;padding:7px 14px 7px 12px;flex-shrink:0;
  background:var(--ivory);border:1.5px solid var(--line);border-radius:999px;font-family:inherit;font-size:.84rem;font-weight:700;
  color:var(--mauve);cursor:pointer;transition:color .25s,background .25s,border-color .25s;
}
.wiz-back svg{width:16px;height:16px;transition:transform .3s var(--ease);}
.wiz-back:hover{color:var(--forest);background:var(--sage-pale);border-color:var(--sage);}
.wiz-back:hover svg{transform:translateX(3px);}

.wiz-head{margin-bottom:22px;}
.wiz-head h2{font-size:clamp(1.2rem,3.6vw,1.5rem);font-weight:800;line-height:1.5;color:var(--forest);margin:0 0 6px;outline:none;}
.wiz-head p{margin:0;color:var(--mauve);font-size:.92rem;line-height:1.9;}
.wiz-note{margin:0;padding:18px 8px;text-align:center;color:var(--mauve);font-size:.92rem;}
.wiz-note--error{font-weight:700;}

/* --- اسکلت بارگذاری --- */
.skel{
  border-radius:14px;
  background:linear-gradient(90deg,rgba(177,179,182,.2) 0%,rgba(173,189,138,.34) 50%,rgba(177,179,182,.2) 100%);
  background-size:200% 100%;animation:shimmer 1.4s linear infinite;
}
.skel-card{height:132px;border-radius:20px;}
.skel-slot{height:46px;}

/* --- مرحلهٔ ۱: دسته‌بندی --- */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;}
.cat-card{
  display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px 18px;
  border-radius:20px;border:1.5px solid var(--line);background:var(--white);
  font-family:inherit;text-align:start;color:var(--forest);cursor:pointer;
  animation:riseIn .55s var(--ease) backwards;animation-delay:calc(var(--i,0) * 70ms + 60ms);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s,background .3s;
}
.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--sage);}
.cat-card:active{transform:scale(.98);}
.cat-card.selected{border-color:var(--forest);background:var(--sage-pale);box-shadow:0 0 0 3px rgba(80,92,72,.12);animation:pick .4s var(--ease);}
.cat-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:8px;transition:transform .4s var(--ease);}
.cat-icon svg{width:24px;height:24px;}
.cat-card:hover .cat-icon{transform:rotate(-8deg) scale(1.1);}
.tone-0 .cat-icon{background:rgba(173,189,138,.38);color:var(--forest);}
.tone-1 .cat-icon{background:rgba(204,150,147,.32);color:var(--mauve);}
.tone-2 .cat-icon{background:var(--mauve);color:var(--white);}
.tone-3 .cat-icon{background:var(--forest);color:var(--sage);}
.cat-name{font-size:1.02rem;font-weight:800;line-height:1.6;}
.cat-count{font-size:.8rem;color:var(--mauve);}

/* --- مرحلهٔ ۲: خدمت --- */
.svc-list{display:flex;flex-direction:column;gap:10px;}
.svc-row{
  display:flex;align-items:center;gap:12px;width:100%;padding:16px 18px;border-radius:16px;
  border:1.5px solid var(--line);background:var(--white);font-family:inherit;font-size:.98rem;
  color:var(--forest);text-align:start;cursor:pointer;
  animation:riseIn .5s var(--ease) backwards;animation-delay:calc(var(--i,0) * 60ms + 40ms);
  transition:transform .3s var(--ease),border-color .3s,background .3s,color .3s,box-shadow .3s;
}
.svc-name{flex:1;font-weight:700;line-height:1.7;}
.svc-price{font-size:.82rem;color:var(--mauve);white-space:nowrap;transition:color .3s;}
.svc-chev{width:20px;height:20px;flex-shrink:0;color:var(--mauve);transition:transform .3s var(--ease),color .3s;}
.svc-chev svg{width:20px;height:20px;display:block;}
.svc-row:hover{border-color:var(--sage);background:var(--sage-pale);box-shadow:var(--shadow-sm);}
.svc-row:hover .svc-chev{transform:translateX(-4px);}
.svc-row.selected{border-color:var(--forest);background:var(--forest);color:var(--white);animation:pick .4s var(--ease);}
.svc-row.selected .svc-price{color:rgba(255,255,255,.85);}
.svc-row.selected .svc-chev{color:var(--white);}

/* --- مرحلهٔ ۳: روز --- */
.dp-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--ivory);border:1.5px solid var(--line);}
.seg button{
  border:0;background:transparent;font-family:inherit;font-size:.86rem;font-weight:700;color:var(--mauve);
  padding:7px 22px;border-radius:999px;cursor:pointer;transition:background .3s var(--ease),color .3s;
}
.seg button[aria-pressed="true"]{background:var(--forest);color:var(--white);}
.dp-nav{display:flex;align-items:center;gap:6px;}
.dp-nav button{
  width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:var(--white);
  display:grid;place-items:center;color:var(--forest);cursor:pointer;padding:0;transition:background .25s,border-color .25s;
}
.dp-nav button svg{width:18px;height:18px;}
.dp-nav button:hover:not(:disabled){background:var(--sage-pale);border-color:var(--sage);}
#dpLabel{min-width:132px;text-align:center;font-weight:800;color:var(--forest);font-size:.98rem;}

.dp-body.swap-next{animation:swapNext .38s var(--ease);}
.dp-body.swap-prev{animation:swapPrev .38s var(--ease);}
.dp-body.swap-fade{animation:swapFade .35s var(--ease);}
@keyframes swapNext{from{opacity:0;transform:translateX(-26px);}to{opacity:1;transform:none;}}
@keyframes swapPrev{from{opacity:0;transform:translateX(26px);}to{opacity:1;transform:none;}}
@keyframes swapFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.78rem;font-weight:600;color:var(--mauve);margin-bottom:8px;}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
.cal-day{
  position:relative;height:54px;display:grid;place-items:center;
  border-radius:12px;border:1.5px solid transparent;background:var(--sage-pale);
  font-family:inherit;font-size:.95rem;font-weight:700;color:var(--forest);cursor:pointer;
  transition:transform .25s var(--ease),border-color .25s,background .25s,color .25s;
}
.cal-day:hover:not(:disabled){border-color:var(--sage);transform:scale(1.07);}
.cal-day.selected{background:var(--forest);border-color:var(--forest);color:var(--white);animation:pick .35s var(--ease);}
.cal-day.cal-today::after{content:"";position:absolute;bottom:5px;left:50%;margin-left:-2.5px;width:5px;height:5px;border-radius:50%;background:var(--mauve);}
.cal-day.cal-today.selected::after{background:var(--sage);}
.cal-day-empty{visibility:hidden;pointer-events:none;background:transparent;}
.cal-day-disabled{background:transparent;color:var(--gray);font-weight:500;cursor:not-allowed;}
.cal-day-disabled:disabled{opacity:1;}

.wk-grid{display:grid;grid-template-columns:1fr;gap:10px;}
.wk-day{
  display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;
  border:1.5px solid var(--line);background:var(--white);font-family:inherit;color:var(--forest);
  text-align:start;cursor:pointer;
  animation:riseIn .45s var(--ease) backwards;
  transition:transform .3s var(--ease),border-color .3s,background .3s,color .3s;
}
.wk-day:nth-child(1){animation-delay:.02s;}.wk-day:nth-child(2){animation-delay:.06s;}.wk-day:nth-child(3){animation-delay:.10s;}
.wk-day:nth-child(4){animation-delay:.14s;}.wk-day:nth-child(5){animation-delay:.18s;}.wk-day:nth-child(6){animation-delay:.22s;}
.wk-day:nth-child(7){animation-delay:.26s;}
.wk-num{width:46px;height:46px;flex-shrink:0;border-radius:14px;background:var(--sage-pale);display:grid;place-items:center;font-size:1.2rem;font-weight:800;}
.wk-txt{display:flex;flex-direction:column;flex:1;line-height:1.6;}
.wk-name{font-weight:700;}
.wk-month{font-size:.78rem;color:var(--mauve);}
.wk-status{font-size:.78rem;font-weight:600;color:var(--mauve);}
.wk-day:hover:not(:disabled){border-color:var(--sage);background:var(--sage-pale);}
.wk-day.cal-today .wk-num{box-shadow:inset 0 0 0 2px var(--mauve);}
.wk-day.selected{background:var(--forest);border-color:var(--forest);color:var(--white);animation:pick .35s var(--ease);}
.wk-day.selected .wk-num{background:rgba(255,255,255,.16);box-shadow:none;}
.wk-day.selected .wk-month,.wk-day.selected .wk-status{color:rgba(255,255,255,.85);}
.wk-day.cal-day-disabled{background:var(--ivory);border-color:transparent;color:var(--gray);cursor:not-allowed;}
.wk-day.cal-day-disabled .wk-num{background:rgba(177,179,182,.22);}
.wk-day.cal-day-disabled .wk-month,.wk-day.cal-day-disabled .wk-status{color:var(--gray);}
.wk-day:disabled{opacity:1;}
@media (min-width:640px){
  .wk-grid{grid-template-columns:repeat(7,1fr);gap:8px;}
  .wk-day{flex-direction:column;text-align:center;gap:8px;padding:14px 4px;}
  .wk-txt{flex:none;align-items:center;}
  .wk-num{width:44px;height:44px;}
}

/* --- مرحلهٔ ۴: ساعت --- */
.slot-group + .slot-group{margin-top:20px;}
.slot-group-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:.82rem;font-weight:700;color:var(--mauve);}
.slot-group-title::after{content:"";flex:1;height:1px;background:var(--line);}
.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;}
.slot-btn{
  padding:12px 6px;border-radius:14px;border:1.5px solid #dccbe8;background:linear-gradient(180deg,#f8f2fc,#efe4f7);
  font-family:inherit;font-size:.95rem;font-weight:700;color:var(--ink,#6b4c5e);cursor:pointer;
  animation:riseIn .4s var(--ease) backwards;animation-delay:calc(var(--i,0) * 24ms);
  transition:transform .25s var(--ease),border-color .25s,background .25s,color .25s;
}
.slot-btn:hover:not(:disabled){border-color:var(--sage-dark,#9a7bb0);background:linear-gradient(180deg,#efe4f7,#e3d2f0);box-shadow:0 6px 14px rgba(138,107,125,.18);transform:translateY(-2px);}
.slot-btn.selected{background:var(--deep,#8a6b7d);border-color:var(--deep,#8a6b7d);color:#fff;animation:pick .35s var(--ease);}
.slot-btn-taken{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.5;
  background:#d6334f;border-color:#b82a43;color:#fff;font-weight:600;cursor:not-allowed;
}
.slot-btn-taken::after{content:"رزرو شده";display:block;font-size:.7rem;font-weight:700;color:#fff;}

/* هشدار تعداد نوبت‌های آزاد، بالای ساعت‌ها */
.slots-alert{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 16px;border-radius:14px;font-size:.92rem;font-weight:700;line-height:1.7;}
.slots-alert--ok{background:var(--sage-pale);color:var(--forest);border:1.5px solid rgba(173,189,138,.35);}
.slots-alert--low{background:#fff1f3;color:#b0243f;border:1.5px solid #f0b9c2;}
.slots-alert-dot{flex:none;width:10px;height:10px;border-radius:50%;background:currentColor;}
.slots-alert--low .slots-alert-dot{animation:alertPulse 1.6s ease-out infinite;}
@keyframes alertPulse{0%{box-shadow:0 0 0 0 rgba(176,36,63,.45);}70%,100%{box-shadow:0 0 0 9px rgba(176,36,63,0);}}
@media (prefers-reduced-motion:reduce){.slots-alert--low .slots-alert-dot{animation:none;}}
.slot-btn:disabled{opacity:1;}
.slots-empty .cf-actions{margin-top:6px;}

/* --- مرحلهٔ ۵: تأیید --- */
.sum-card{margin:0 0 22px;padding:6px 18px;border-radius:18px;background:var(--sage-pale);border:1.5px solid rgba(173,189,138,.35);}
.sum-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px dashed rgba(80,92,72,.2);}
.sum-row:last-child{border-bottom:0;}
.sum-row dt{color:var(--mauve);font-size:.88rem;flex-shrink:0;}
.sum-row dd{margin:0;font-weight:700;color:var(--forest);text-align:end;line-height:1.7;}

#loginStep .form-field{margin-bottom:14px;}
#otpFieldsWrap{margin-top:20px;}
#otpFieldsWrap:not(.hidden),#confirmStep:not(.hidden){animation:riseIn .45s var(--ease);}
.cf-ltr{direction:ltr;text-align:right;}
.cf-otp{text-align:center;letter-spacing:.35em;font-size:1.15rem;font-weight:700;}
.cf-otp::placeholder{letter-spacing:0;font-size:.9rem;font-weight:400;}
.cf-actions{display:flex;flex-wrap:wrap;gap:10px;}
.cf-actions .btn{flex:1 1 140px;}
.cf-actions--center{justify-content:center;}
.cf-user{margin:0 0 16px;font-size:.9rem;color:var(--mauve);line-height:1.9;}
.cf-user strong{color:var(--forest);}
.wizard #sendOtpBtn,.wizard #verifyOtpBtn,.wizard #confirmBookingBtn,.wizard #resendOtpBtn{margin:0;}
.wizard .btn-outline{border-color:var(--gray);color:var(--forest);}
.wizard .btn-outline:hover{background:var(--sage-pale);border-color:var(--forest);}

.wiz-success{text-align:center;padding-top:6px;outline:none;}
.wiz-success h2{font-size:1.5rem;font-weight:800;color:var(--forest);margin:0 0 6px;}
.success-text{margin:0 0 22px;color:var(--mauve);font-size:.95rem;}
.wiz-success .sum-card{text-align:start;}
.success-mark{width:88px;height:88px;margin:0 auto 16px;border-radius:50%;background:var(--sage-pale);animation:pick .6s var(--ease);}
.success-mark svg{width:100%;height:100%;display:block;}
.sm-circle{fill:none;stroke:var(--sage);stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;animation:drawLine .7s ease forwards;}
.sm-check{fill:none;stroke:var(--forest);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:drawLine .5s .55s ease forwards;}
@keyframes drawLine{to{stroke-dashoffset:0;}}

/* --- موبایل --- */
@media (max-width:560px){
  .booking-section--wizard{margin-top:-52px;padding-bottom:64px;}
  .wizard{border-radius:22px;padding:20px 16px 24px;scroll-margin-top:84px;}
  .wiz-progress{margin-bottom:22px;}
  .wiz-dot-label{display:none;}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .cat-card{padding:16px 14px;border-radius:18px;}
  .cat-icon{width:42px;height:42px;}
  .svc-row{padding:14px 14px;gap:10px;}
  .dp-toolbar{justify-content:center;}
  .dp-nav{width:100%;justify-content:space-between;}
  #dpLabel{flex:1;}
  .cal-grid{gap:4px;}
  .cal-day{height:44px;border-radius:10px;font-size:.9rem;}
  .slots-grid{grid-template-columns:repeat(3,1fr);gap:8px;}
  .sum-card{padding:4px 14px;}
}

@media (prefers-reduced-motion:reduce){
  .wizard *,.wizard *::before,.wizard *::after{animation:none !important;transition:none !important;}
  .sm-circle,.sm-check{stroke-dashoffset:0;}
}

/* مراحل انجام‌شدهٔ ویزارد: سبز با تیک سفید */
.wiz-dot.done::before{background:#2f9e6b;}
.wiz-dot.done .wiz-dot-circle{background:#2f9e6b;border-color:#2f9e6b;color:#fff;}
.wiz-dot.done .wiz-dot-circle:hover{background:#258558;border-color:#258558;}
.wiz-dot.done .wiz-dot-label{color:#2f7d58;font-weight:700;}