/* Redirect checker: yonlendirme adimlari listesi. Renkler tema degiskenlerinden. */
.yon-son { font-size: 16px !important; letter-spacing: -.2px !important; line-height: 1.35 !important; word-break: break-all; }
.yon-adimlar { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; counter-reset: none; }
.yon-adim {
  position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: start;
  padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg);
}
.yon-adim + .yon-adim::before {
  content: ''; position: absolute; left: 37px; top: -11px; width: 2px; height: 10px; background: var(--line);
}
.yon-kod {
  display: grid; place-items: center; min-width: 46px; height: 30px; padding: 0 8px; border-radius: 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; font-weight: 700;
  border: 1px solid var(--line); color: var(--muted);
}
.yon-adim.ok .yon-kod { color: #34d399; border-color: color-mix(in srgb, #34d399 45%, var(--line)); background: color-mix(in srgb, #34d399 10%, transparent); }
.yon-adim.kalici .yon-kod { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); background: color-mix(in srgb, var(--accent) 10%, transparent); }
.yon-adim.gecici .yon-kod { color: #f5a524; border-color: color-mix(in srgb, #f5a524 45%, var(--line)); background: color-mix(in srgb, #f5a524 10%, transparent); }
.yon-adim.hata .yon-kod { color: #f87171; border-color: color-mix(in srgb, #f87171 45%, var(--line)); background: color-mix(in srgb, #f87171 10%, transparent); }
.yon-url { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13.5px; word-break: break-all; color: var(--text); }
.yon-not { margin-top: 4px; font-size: 12.5px; color: var(--muted); }
.yon-hedef { margin-top: 6px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; color: var(--muted); word-break: break-all; }
.yon-sira { font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
@media (max-width: 520px) {
  .yon-adim { grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding: 12px; }
  .yon-sira { display: none; }
  .yon-adim + .yon-adim::before { left: 34px; }
}