/* sunuculari.com — içerik sayfalarının tasarımda olmayan durumları (sr.css değiştirilmez). Tasarım her şeyin başarılı
   olduğu akışı çizer; burada gerçek dünyanın hata, boş ve "giriş gerekir" durumları aynı dille durur. */

/* Bot tuzağı: insanlar görmez. */
.sr-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* İletişim: sunucudan dönen hata. */
.sr-ct__err { margin-bottom: 4px; background: color-mix(in srgb, var(--danger) 9%, white); color: var(--ink); }
.sr-ct__err i { color: var(--danger); }
.sr-ct__mails a[data-act] { color: var(--ink-2); }

/* Sahiplik doğrulama: başarısız adım, atlanan adımlar ve sonuç kutusunun hata / bekleme hâli. */
.sr-vf__run li > span:last-child { display: grid; gap: 2px; }
.sr-run__n { color: var(--danger); font-size: 13.5px; line-height: 1.45; }
.sr-vf__run li.is-fail { color: var(--ink); }
.sr-vf__run li.is-fail .sr-run__i { border-color: var(--danger); background: var(--danger); }
.sr-vf__run li.is-fail .sr-run__i::before, .sr-vf__run li.is-fail .sr-run__i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 2px; margin: -1px 0 0 -5px; border-radius: 1px; background: #fff; transform: rotate(45deg); }
.sr-vf__run li.is-fail .sr-run__i::before { transform: rotate(-45deg); }
.sr-vf__run li.is-skip { opacity: .5; }
.sr-vf__run li.sr-run__done.is-fail { background: color-mix(in srgb, var(--danger) 9%, white); }
.sr-run__done.is-fail > i { color: var(--danger); }
.sr-vf__run li.sr-run__done.is-wait { background: var(--bg-2); }
.sr-run__done.is-wait > i { color: var(--ink-2); }
.sr-run__done a { color: var(--ink); font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.sr-vf__ck .sr-btn[disabled] { opacity: .45; cursor: not-allowed; }

/* Kişisel kod: giriş yapmamış kişide kod kutusu kilitli. */
.sr-cb--locked pre { color: rgba(255, 255, 255, .55); }
a.sr-cb__cp { text-decoration: none; }

/* Oy ödülü: test alanları ve konsoldaki hata satırı. */
.sr-rw__f { display: grid; gap: 10px; }
.sr-rw__f .sr-field input, .sr-rw__f .sr-select { height: 46px; font-size: 15px; }
.sr-term__b .is-err { color: #ff8f86; }
.sr-rw__test .sr-btn + .sr-btn { margin-top: -4px; }
.sr-rw__steps p > a { display: inline-flex; align-items: center; gap: 6px; color: var(--ink); font-weight: 600; }

/* Widget: listelenen sunucu yokken sahne. */
.sr-wd__empty { display: grid; justify-items: center; gap: 14px; max-width: 34ch; text-align: center; color: var(--ink-2); line-height: 1.55; }
.sr-wd__stage[data-theme="dark"] .sr-wd__empty { color: rgba(255, 255, 255, .7); }

/* Reklam ver: sipariş talebi katmanı. */
.sr-ado { display: grid; gap: 16px; padding: 30px 28px 28px; }
.sr-ado h2 { padding-right: 44px; font-size: 24px; font-weight: 720; letter-spacing: -.03em; }
.sr-ado__p { color: var(--ink-2); font-size: 15px; line-height: 1.55; }
.sr-ado .sr-sum__l { margin: 0; }
.sr-ado .sr-field small a { color: var(--ink); font-weight: 600; text-decoration: underline; }
.sr-ado__err { padding: 10px 14px; border-radius: 12px; background: color-mix(in srgb, var(--danger) 9%, white); color: var(--danger); font-size: 14px; }
.sr-ado__ok { padding: 34px 28px 30px; }

/* Bağlantı olarak basılan seçim ve kart öğeleri (tasarımda düğme). */
a.sr-adt__b, a.sr-try__s, a.sr-gd { color: inherit; text-decoration: none; }
.sr-abc article > a i, .sr-ct__mails a i { margin-left: 6px; vertical-align: -2px; }
[data-pg][aria-busy="true"] .sr-pgh ~ * { opacity: .55; transition: opacity .2s; }

@media (max-width: 640px) {
  .sr-ado { padding: 26px 18px 22px; }
}