/* SSL sertifika kontrolu. Renkler tema degiskenlerinden; durum renkleri ortak arac paletinden. */
.ssl-giris { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) 120px auto; align-items: end; }
.ssl-sonuc { display: grid; gap: 14px; }
.ssl-sonuc[hidden] { display: none; }
.ssl-karar {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 16px 18px;
  border: 1px solid var(--line); border-radius: 12px; background: var(--bg);
}
.ssl-karar p { flex: 1 1 280px; margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--text); }
.ssl-karar code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; overflow-wrap: anywhere; }
.ssl-karar.ok { border-color: color-mix(in srgb, #34d399 45%, var(--line)); background: color-mix(in srgb, #34d399 6%, var(--bg)); }
.ssl-karar.uyari { border-color: color-mix(in srgb, #f5a524 50%, var(--line)); background: color-mix(in srgb, #f5a524 7%, var(--bg)); }
.ssl-karar.hata { border-color: color-mix(in srgb, #f87171 50%, var(--line)); background: color-mix(in srgb, #f87171 7%, var(--bg)); }
.ssl-rozet { display: inline-flex; align-items: center; padding: 6px 13px; border-radius: 999px; font-size: 14px; font-weight: 700; white-space: nowrap; border: 1px solid; }
.ssl-rozet.ok { color: #0f9f6e; border-color: color-mix(in srgb, #34d399 55%, transparent); background: color-mix(in srgb, #34d399 14%, transparent); }
.ssl-rozet.uyari { color: #c7820a; border-color: color-mix(in srgb, #f5a524 55%, transparent); background: color-mix(in srgb, #f5a524 14%, transparent); }
.ssl-rozet.hata { color: #e05252; border-color: color-mix(in srgb, #f87171 55%, transparent); background: color-mix(in srgb, #f87171 14%, transparent); }
.ssl-ozet .arac-sonuc > strong { font-size: 21px; letter-spacing: -.4px; line-height: 1.25; }
.ssl-ozet .arac-sonuc.ssl-uyari { border-color: color-mix(in srgb, #f5a524 55%, var(--line)); }
.ssl-ozet .arac-sonuc.ssl-uyari > strong { color: #d48a0c; }
.ssl-ozet .arac-sonuc.ssl-hata { border-color: color-mix(in srgb, #f87171 55%, var(--line)); }
.ssl-ozet .arac-sonuc.ssl-hata > strong { color: #e05252; }
.ssl-bilgi { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); margin: 0; }
.ssl-bilgi > div { min-width: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg); }
.ssl-bilgi dt { font-size: 12px; color: var(--muted); }
.ssl-bilgi dd { margin: 4px 0 0; font-size: 14.5px; font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.ssl-kod { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px !important; }
.ssl-bolum { display: grid; gap: 10px; min-width: 0; }
.ssl-baslik { margin: 4px 0 0; font-size: 14px; font-weight: 650; color: var(--text); }
.ssl-san { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.ssl-san li {
  padding: 5px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); min-width: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; overflow-wrap: anywhere;
}
.ssl-san li.eslesen { border-color: color-mix(in srgb, #34d399 55%, var(--line)); color: var(--text); background: color-mix(in srgb, #34d399 9%, var(--bg)); }
.ssl-san li.bos { font-family: inherit; color: var(--muted); }
.ssl-zincir { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: ssl; }
.ssl-halka {
  position: relative; counter-increment: ssl; min-width: 0;
  padding: 12px 14px 12px 52px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg);
}
.ssl-halka::before {
  content: counter(ssl); position: absolute; left: 14px; top: 12px; display: grid; place-items: center;
  width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--line); font-size: 12.5px; font-weight: 700; color: var(--muted);
}
.ssl-halka + .ssl-halka::after { content: ''; position: absolute; left: 26px; top: -11px; width: 2px; height: 10px; background: var(--line); }
.ssl-halka.bitmis { border-color: color-mix(in srgb, #f87171 50%, var(--line)); }
.ssl-halka-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.ssl-halka-ust strong { font-size: 14.5px; overflow-wrap: anywhere; }
.ssl-halka-alt { margin-top: 4px; font-size: 12.5px; line-height: 1.55; color: var(--muted); overflow-wrap: anywhere; }
@media (max-width: 720px) {
  .ssl-giris { grid-template-columns: minmax(0, 1fr) 96px; }
  .ssl-giris .ssl-host { grid-column: 1 / -1; }
  .ssl-giris .arac-dugme { width: 100%; }
}