/**
 * Kurulum Sihirbazı — sayfaya özgü yerleşim.
 * Renk/ölçü/yarıçap TOKENLARDAN gelir; burada yalnız düzen vardır (merkezî bileşenler
 * `ox-card`, `ox-statcard`, `ox-badge`, `ox-btn` olduğu gibi kullanılır).
 */

/* Aktif firma şeridi: firma seçici YOK, bu yüzden hangi firmaya yazılacağı GÖRÜNÜR olmalı. */
.ox-setup-wizard .sw-firma {
  display: flex;
  align-items: center;
  gap: var(--ox-space-3);
  flex-wrap: wrap;
  margin-bottom: var(--ox-space-4);
  padding: var(--ox-space-3) var(--ox-space-4);
  background: var(--ox-surface);
  border: 1px solid var(--ox-border);
  border-radius: var(--ox-radius-lg);
}
.ox-setup-wizard .sw-firma__label {
  font-size: var(--ox-text-xs);
  color: var(--ox-fg-muted);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ox-setup-wizard .sw-firma__chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  border: 1px solid var(--ox-accent);
  border-radius: 999px;
  color: var(--ox-accent);
}
.ox-setup-wizard .sw-firma__chip strong { color: var(--ox-fg); font-size: var(--ox-text-sm); }
.ox-setup-wizard .sw-firma__hint { flex: 1 1 220px; min-width: 0; font-size: var(--ox-text-xs); color: var(--ox-fg-muted); }

.ox-setup-wizard .sw-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ox-space-3);
  margin-bottom: var(--ox-space-4);
}
.ox-setup-wizard .sw-stat { display: flex; align-items: center; gap: var(--ox-space-3); }
.ox-setup-wizard .sw-stat__label { font-size: var(--ox-text-xs); color: var(--ox-fg-muted); }
.ox-setup-wizard .sw-stat__value { font-size: var(--ox-text-xl); font-variant-numeric: tabular-nums; }

.ox-setup-wizard .sw-card { margin-bottom: var(--ox-space-4); }
.ox-setup-wizard .sw-card__head { display: flex; align-items: center; gap: var(--ox-space-3); }
.ox-setup-wizard .sw-card__desc { flex: 1; min-width: 0; }

.ox-setup-wizard .sw-seed + .sw-seed { border-top: 1px solid var(--ox-border); }
.ox-setup-wizard .sw-seed__row {
  display: flex;
  align-items: center;
  gap: var(--ox-space-3);
  padding: 10px 0;
}
.ox-setup-wizard .sw-seed__row input[type="checkbox"] { width: 16px; height: 16px; flex: none; accent-color: var(--ox-accent); }
.ox-setup-wizard .sw-seed__text { flex: 1; min-width: 0; }
.ox-setup-wizard .sw-seed__label { font-weight: var(--ox-weight-medium); }
.ox-setup-wizard .sw-seed__desc { font-size: var(--ox-text-xs); color: var(--ox-fg-muted); }
.ox-setup-wizard .sw-seed__stats { margin-top: 2px; font-size: var(--ox-text-xs); color: var(--ox-accent); }
.ox-setup-wizard .sw-seed__count { font-size: var(--ox-text-sm); color: var(--ox-fg-muted); font-variant-numeric: tabular-nums; }

/* Tohum seçenekleri (ör. birim paketleri) — tohum satırının ALTINDA, girintili. */
.ox-setup-wizard .sw-opt {
  margin: 0 0 10px 28px;
  padding: var(--ox-space-3);
  background: var(--ox-surface-2);
  border: 1px solid var(--ox-border);
  border-radius: var(--ox-radius-md);
}
.ox-setup-wizard .sw-opt__head { display: flex; align-items: center; gap: 8px; font-size: var(--ox-text-sm); flex-wrap: wrap; }
.ox-setup-wizard .sw-opt__hint { font-size: var(--ox-text-xs); color: var(--ox-fg-muted); }
/* Izgara DEGIL esnek dizilim: sabit 190px kolonda uzun etiket ("ABD birimleri (US
   customary)") iki satira kiriliyordu. `flex-basis: auto` her kartin genisligini KENDI
   icerigi belirler, kalan bosluk oransal paylasilir. (2026-09-12 kullanici bulgusu.) */
.ox-setup-wizard .sw-opt__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.ox-setup-wizard .sw-choice {
  flex: 1 1 auto;
  min-width: 170px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  background: var(--ox-surface);
  border: 1px solid var(--ox-border);
  border-radius: var(--ox-radius-md);
  cursor: pointer;
}
.ox-setup-wizard .sw-choice.is-on { border-color: var(--ox-accent); }
.ox-setup-wizard .sw-choice input { width: 15px; height: 15px; accent-color: var(--ox-accent); }
.ox-setup-wizard .sw-choice__label { flex: 1; min-width: 0; font-size: var(--ox-text-sm); }
.ox-setup-wizard .sw-choice__n { font-size: var(--ox-text-xs); color: var(--ox-fg-muted); font-variant-numeric: tabular-nums; }

/* Eylemler TOHUM blogunun altinda (kart altinda degil) - bkz. SetupWizard.js gerekcesi. */
.ox-setup-wizard .sw-seed__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--ox-space-2);
  margin: 0 0 10px 28px;
}
.ox-setup-wizard .sw-card__note { margin-top: var(--ox-space-3); font-size: var(--ox-text-xs); color: var(--ox-fg-muted); }

.ox-setup-wizard .sw-foot {
  display: flex;
  align-items: center;
  gap: var(--ox-space-3);
  margin-top: var(--ox-space-4);
  padding: var(--ox-space-4);
  background: var(--ox-surface);
  border: 1px solid var(--ox-border);
  border-radius: var(--ox-radius-lg);
  color: var(--ox-fg-muted);
}
.ox-setup-wizard .sw-foot__text { flex: 1; min-width: 0; font-size: var(--ox-text-sm); }

/* Telefon: istatistikler tek kolon, kart açıklaması gizli (merkezî `ox-ct-card__desc` deseni). */
html[data-device="phone"] .ox-setup-wizard .sw-stats { grid-template-columns: minmax(0, 1fr); }
html[data-device="phone"] .ox-setup-wizard .sw-opt { margin-left: 0; }
html[data-device="phone"] .ox-setup-wizard .sw-choice { flex: 1 1 100%; }
html[data-device="phone"] .ox-setup-wizard .sw-seed__actions { flex-wrap: wrap; margin-left: 0; }
html[data-device="phone"] .ox-setup-wizard .sw-seed__actions .ox-btn { flex: 1 1 0; min-width: 0; }

/* Gercek ilerleme: her adim bir grup. 1,3 sn'lik tek istekte sahte cubuk yerine,
   grup basina istek atilip cubuk GERCEKTEN dolar (kullanici karari 2026-09-12). */
.ox-setup-wizard .sw-progress { margin: 0 0 8px 28px; }
.ox-setup-wizard .sw-progress__bar {
  height: 6px;
  border-radius: 999px;
  background: var(--ox-surface-2);
  overflow: hidden;
}
.ox-setup-wizard .sw-progress__bar span {
  display: block;
  height: 100%;
  width: 0;
  background: var(--ox-accent);
  transition: width .18s ease;
}
.ox-setup-wizard .sw-progress__text { margin-top: 5px; font-size: var(--ox-text-xs); color: var(--ox-fg-muted); }