/* ============================================================
   JEMARS — E-POSTA ARAÇLARI ortak stil dosyası
   Namespace: .jemars-tool-*  (SPF/MX/DKIM/DMARC/NS/Blacklist/IP/SPF Oluşturma)
   Palet: #1e66ff mavi · #1e266d lacivert · #787da7 gri · #eff3fb bg · #fff
   Semantik (com-domain ile aynı): yeşil #2e7d32 · kırmızı #c62828 · amber #9a6700
   KURAL: Gradient YALNIZCA hero arka planında. Diğer her bileşen tek renk.
          Bileşen kuralları .jemars-tool-hero ile prefix'lenir (reset'i geçmek için).
   ============================================================ */
.jemars-tool-hero, .jemars-tool-hero * { box-sizing:border-box; }
.jemars-tool-hero h1, .jemars-tool-hero p, .jemars-tool-hero form,
.jemars-tool-hero label, .jemars-tool-hero input, .jemars-tool-hero button, .jemars-tool-hero select { margin:0; padding:0; border:0; font-family:inherit; }
.jemars-tool-hero form { display:block; }
.jemars-tool-hero button { font-family:inherit; cursor:pointer; line-height:inherit; }
.jemars-tool-hero input, .jemars-tool-hero select { font-family:inherit; vertical-align:middle; }
.jemars-tool-hero img { max-width:100%; height:auto; vertical-align:middle; }

/* --- Hero layout (kısa, sorgu odaklı) — gradient yalnızca burada --- */
.jemars-tool-hero { background:linear-gradient(180deg, #f0f5ff 0%, #eef4ff 30%, #f3f7ff 60%, #e8efff 100%); padding:2.75rem 0 3.25rem; position:relative; overflow:hidden; }
.jemars-tool-hero::before { content:''; position:absolute; inset:0; background-image: radial-gradient(ellipse 100% 80% at 50% 15%, rgba(255,255,255,0.85) 0%, rgba(240,246,255,0.5) 35%, transparent 70%), radial-gradient(ellipse 70% 40% at 50% 5%, rgba(30,102,255,0.08) 0%, transparent 50%); pointer-events:none; }
.jemars-tool-hero .jemars-tool-container { max-width:920px; margin:0 auto; padding:0 1.5rem; position:relative; z-index:1; }
.jemars-tool-hero .jemars-tool-hero-inner { text-align:center; }
.jemars-tool-hero .jemars-tool-label { display:inline-block; font-size:12px; font-weight:700; color:#1e66ff; letter-spacing:0.09em; text-transform:uppercase; margin-bottom:0.6rem; }
.jemars-tool-hero .jemars-tool-title { line-height:1.15; color:#1e266d; font-size:clamp(28px, 5vw, 40px); font-weight:800; margin:0 0 0.7rem; letter-spacing:-0.025em; }
.jemars-tool-hero .jemars-tool-subtitle { color:#787da7; font-size:16px; font-weight:500; line-height:1.7; margin:0 auto 0.85rem; max-width:600px; }
.jemars-tool-hero .jemars-tool-subtitle-line-wrap { display:flex; align-items:center; justify-content:center; gap:0.75rem; max-width:360px; margin:0 auto 1.6rem; }
.jemars-tool-hero .jemars-tool-subtitle-line { flex:1; height:4px; border-radius:999px; min-width:50px; }
.jemars-tool-hero .jemars-tool-subtitle-line--left { background:linear-gradient(90deg, transparent 0%, #e0e5f0 20%, #a8b8dc 60%, #8fa3d4 85%, transparent 100%); }
.jemars-tool-hero .jemars-tool-subtitle-line--right { background:linear-gradient(90deg, transparent 0%, #8fa3d4 15%, #a8b8dc 40%, #e0e5f0 80%, transparent 100%); }
.jemars-tool-hero .jemars-tool-subtitle-line-icon { display:block; width:26px; height:26px; flex-shrink:0; border-radius:6px; }

/* --- Sorgu kartı --- */
.jemars-tool-hero .jemars-tool-card { background:#fff; border-radius:20px; padding:1.75rem; box-shadow:0 8px 40px rgba(30,102,255,0.1), 0 2px 12px rgba(0,0,0,0.04); border:1px solid rgba(219,226,240,0.8); text-align:left; }
.jemars-tool-hero .jemars-tool-form { margin:0; }
.jemars-tool-hero .jemars-tool-form-wrap { display:flex; align-items:stretch; background:#f8faff; border:2px solid #e8ecf4; border-radius:14px; overflow:hidden; transition:border-color 0.2s, box-shadow 0.2s; }
.jemars-tool-hero .jemars-tool-form-wrap:focus-within { border-color:#1e66ff; box-shadow:0 0 0 4px rgba(30,102,255,0.12); }
.jemars-tool-hero .jemars-tool-input-wrap { display:flex; align-items:center; flex:1; padding:0 1.25rem; min-width:0; }
.jemars-tool-hero .jemars-tool-input-icon { color:#1e66ff; font-size:1.4rem; margin-right:0.75rem; flex-shrink:0; opacity:0.9; }
.jemars-tool-hero .jemars-tool-input { flex:1; border:0; padding:1.1rem 0; font-size:17px; font-weight:600; color:#1e266d; background:transparent; outline:none; min-width:0; line-height:1.4; }
.jemars-tool-hero .jemars-tool-input::placeholder { color:#a7adc9; font-weight:500; }
.jemars-tool-hero .jemars-tool-btn { display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; background:#1e66ff; color:#fff; border:0; border-radius:0; padding:1.1rem 1.75rem; font-size:16px; font-weight:600; cursor:pointer; white-space:nowrap; transition:background 0.2s; line-height:1.4; box-shadow:none; }
.jemars-tool-hero .jemars-tool-btn:hover { background:#1e266d; color:#fff; }
.jemars-tool-hero .jemars-tool-btn i { font-size:1.2rem; }
.jemars-tool-hero .jemars-tool-btn[disabled] { opacity:0.65; cursor:wait; }
.jemars-tool-hero .jemars-tool-hint { font-size:13px; font-weight:500; color:#a7a9ac; margin-top:0.75rem; margin-bottom:0; }
.jemars-tool-hero .jemars-tool-hint strong { color:#1e266d; font-weight:700; }
/* İkincil giriş (DKIM selector vb.) — form-wrap içinde ayraçlı ikinci alan */
.jemars-tool-hero .jemars-tool-input-wrap + .jemars-tool-input-wrap { border-left:1px solid #e8ecf4; flex:0 0 38%; }
.jemars-tool-hero .jemars-tool-input-wrap--sm { flex:0 0 38%; }

/* --- Örnek chip'ler --- */
.jemars-tool-hero .jemars-tool-examples { display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem; margin-top:1rem; }
.jemars-tool-hero .jemars-tool-examples-label { font-size:12px; font-weight:700; color:#787da7; text-transform:uppercase; letter-spacing:0.05em; }
.jemars-tool-hero .jemars-tool-chip { display:inline-flex; align-items:center; padding:0.4rem 0.8rem; border-radius:8px; background:#f3f7ff; border:1px solid #e0e5f0; color:#1e266d; font-size:13px; font-weight:600; cursor:pointer; transition:all 0.18s; }
.jemars-tool-hero .jemars-tool-chip:hover { border-color:#1e66ff; color:#1e66ff; background:#eaf1ff; }

/* --- Sonuç paneli --- */
.jemars-tool-hero .jemars-tool-result { display:none; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid #eef1f7; animation:jemarsToolFade 0.3s ease; }
.jemars-tool-hero .jemars-tool-result.is-open { display:block; }
@keyframes jemarsToolFade { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }

.jemars-tool-hero .jemars-tool-loading { display:flex; align-items:center; justify-content:center; gap:0.65rem; padding:1.5rem; color:#787da7; font-size:15px; font-weight:600; }
.jemars-tool-hero .jemars-tool-spinner { width:22px; height:22px; border:3px solid #e0e5f0; border-top-color:#1e66ff; border-radius:50%; animation:jemarsToolSpin 0.7s linear infinite; }
@keyframes jemarsToolSpin { to { transform:rotate(360deg); } }

.jemars-tool-hero .jemars-tool-status { display:flex; align-items:center; gap:0.7rem; padding:0.95rem 1.1rem; border-radius:12px; font-size:14.5px; font-weight:600; line-height:1.5; margin-bottom:1.1rem; }
.jemars-tool-hero .jemars-tool-status i { font-size:1.4rem; flex-shrink:0; line-height:1; }
.jemars-tool-hero .jemars-tool-status--ok { background:#e8f5e9; color:#2e7d32; border:1px solid #cce8d4; }
.jemars-tool-hero .jemars-tool-status--warn { background:#fff4e0; color:#9a6700; border:1px solid #f4dca8; }
.jemars-tool-hero .jemars-tool-status--err { background:#ffebee; color:#c62828; border:1px solid #f3c9c4; }
.jemars-tool-hero .jemars-tool-status strong { font-weight:800; }
.jemars-tool-hero .jemars-tool-status code { background:rgba(255,255,255,0.6); padding:1px 6px; border-radius:5px; font-weight:700; }

/* Özet rozetleri */
.jemars-tool-hero .jemars-tool-summary { display:flex; flex-wrap:wrap; gap:0.6rem; margin-bottom:1.1rem; }
.jemars-tool-hero .jemars-tool-stat { display:flex; align-items:center; gap:0.55rem; padding:0.6rem 0.85rem; background:#f8faff; border:1px solid #e8ecf4; border-radius:10px; flex:1 1 auto; min-width:150px; }
.jemars-tool-hero .jemars-tool-stat i { font-size:1.25rem; color:#1e66ff; flex-shrink:0; }
.jemars-tool-hero .jemars-tool-stat-meta { display:flex; flex-direction:column; line-height:1.25; min-width:0; }
.jemars-tool-hero .jemars-tool-stat-label { font-size:11px; font-weight:700; color:#9aa0bd; text-transform:uppercase; letter-spacing:0.04em; }
.jemars-tool-hero .jemars-tool-stat-value { font-size:15px; font-weight:800; color:#1e266d; word-break:break-word; }
.jemars-tool-hero .jemars-tool-stat--warn i, .jemars-tool-hero .jemars-tool-stat--warn .jemars-tool-stat-value { color:#9a6700; }
.jemars-tool-hero .jemars-tool-stat--err i, .jemars-tool-hero .jemars-tool-stat--err .jemars-tool-stat-value { color:#c62828; }
.jemars-tool-hero .jemars-tool-stat--ok i, .jemars-tool-hero .jemars-tool-stat--ok .jemars-tool-stat-value { color:#2e7d32; }

/* Ham kayıt kutusu — açık/palet */
.jemars-tool-hero .jemars-tool-record-block { margin-bottom:1.1rem; }
.jemars-tool-hero .jemars-tool-record-head { display:flex; align-items:center; justify-content:space-between; gap:0.5rem; margin-bottom:0.5rem; }
.jemars-tool-hero .jemars-tool-record-head h3 { font-size:13px; font-weight:700; color:#787da7; text-transform:uppercase; letter-spacing:0.05em; margin:0; }
.jemars-tool-hero .jemars-tool-copy { display:inline-flex; align-items:center; gap:0.35rem; padding:0.35rem 0.7rem; border-radius:7px; border:1px solid #e0e5f0; background:#fff; color:#1e66ff; font-size:12.5px; font-weight:700; cursor:pointer; transition:all 0.18s; }
.jemars-tool-hero .jemars-tool-copy:hover { background:#f3f7ff; border-color:#1e66ff; }
.jemars-tool-hero .jemars-tool-copy i { font-size:1rem; }
.jemars-tool-hero .jemars-tool-record { display:block; background:#f5f8ff; color:#1e266d; border-radius:12px; padding:0.95rem 1.1rem; font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace; font-size:13.5px; line-height:1.65; word-break:break-word; white-space:pre-wrap; border:1px solid #e3e9f5; }
.jemars-tool-hero .jemars-tool-record .jt-v { color:#1e66ff; font-weight:700; }
.jemars-tool-hero .jemars-tool-record .jt-q-pass { color:#2e7d32; font-weight:700; }
.jemars-tool-hero .jemars-tool-record .jt-q-fail { color:#c62828; font-weight:700; }
.jemars-tool-hero .jemars-tool-record .jt-q-soft { color:#9a6700; font-weight:700; }
.jemars-tool-hero .jemars-tool-record .jt-q-neutral { color:#787da7; font-weight:700; }

/* Bölüm başlığı */
.jemars-tool-hero .jemars-tool-section-title { display:flex; align-items:center; gap:0.5rem; font-size:13px; font-weight:700; color:#787da7; text-transform:uppercase; letter-spacing:0.05em; margin:0 0 0.7rem; }
.jemars-tool-hero .jemars-tool-section-title i { color:#1e66ff; font-size:1.05rem; }

/* Mekanizma / kayıt listesi (SPF mech, MX, NS, DMARC tag) */
.jemars-tool-hero .jemars-tool-mechs { display:flex; flex-direction:column; gap:0.5rem; margin-bottom:1.1rem; }
.jemars-tool-hero .jemars-tool-mech { display:flex; align-items:flex-start; gap:0.75rem; padding:0.7rem 0.85rem; background:#fff; border:1px solid #e8ecf4; border-radius:10px; }
.jemars-tool-hero .jemars-tool-mech-qual { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:30px; padding:0 0.5rem; border-radius:7px; font-size:13px; font-weight:800; font-family:monospace; }
.jemars-tool-hero .jt-qual-pass { background:#e8f5e9; color:#2e7d32; }
.jemars-tool-hero .jt-qual-fail { background:#ffebee; color:#c62828; }
.jemars-tool-hero .jt-qual-soft { background:#fff4e0; color:#9a6700; }
.jemars-tool-hero .jt-qual-neutral { background:#eef1f7; color:#5c6178; }
.jemars-tool-hero .jt-qual-none { background:#eef3ff; color:#1e66ff; }
.jemars-tool-hero .jemars-tool-mech-body { min-width:0; flex:1; }
.jemars-tool-hero .jemars-tool-mech-term { font-family:monospace; font-size:14px; font-weight:700; color:#1e266d; word-break:break-all; }
.jemars-tool-hero .jemars-tool-mech-term b { color:#1e66ff; }
.jemars-tool-hero .jemars-tool-mech-desc { font-size:13px; color:#787da7; line-height:1.5; margin-top:0.15rem; }

/* Anahtar-değer tablosu (DMARC etiketleri, IP bilgisi) */
.jemars-tool-hero .jemars-tool-kv { display:flex; flex-direction:column; border:1px solid #e8ecf4; border-radius:12px; overflow:hidden; margin-bottom:1.1rem; background:#fff; }
.jemars-tool-hero .jemars-tool-kv-row { display:flex; gap:0.75rem; padding:0.65rem 0.95rem; border-bottom:1px solid #eef1f7; }
.jemars-tool-hero .jemars-tool-kv-row:last-child { border-bottom:0; }
.jemars-tool-hero .jemars-tool-kv-row:nth-child(even) { background:#fafbff; }
.jemars-tool-hero .jemars-tool-kv-key { flex:0 0 38%; font-size:13.5px; font-weight:700; color:#1e266d; display:flex; align-items:center; gap:0.4rem; }
.jemars-tool-hero .jemars-tool-kv-key i { color:#1e66ff; font-size:1.05rem; }
.jemars-tool-hero .jemars-tool-kv-val { flex:1; min-width:0; font-size:13.5px; color:#5c6178; word-break:break-word; }
.jemars-tool-hero .jemars-tool-kv-val code { font-family:monospace; background:#f5f8ff; color:#1e266d; padding:1px 6px; border-radius:5px; }

/* Uyarı/not listesi */
.jemars-tool-hero .jemars-tool-notes { list-style:none; margin:0 0 0.4rem; padding:0; display:flex; flex-direction:column; gap:0.5rem; }
.jemars-tool-hero .jemars-tool-notes li { display:flex; align-items:center; gap:0.6rem; font-size:13.5px; line-height:1.55; color:#5c6178; padding:0.65rem 0.8rem; border-radius:9px; background:#f8faff; border:1px solid #eef1f7; }
.jemars-tool-hero .jemars-tool-notes li i { font-size:1.15rem; flex-shrink:0; line-height:1; }
.jemars-tool-hero .jemars-tool-notes li code { background:#eef3ff; color:#1e66ff; padding:1px 6px; border-radius:5px; font-weight:700; }
.jemars-tool-hero .jemars-tool-notes li.jt-ok i { color:#2e7d32; }
.jemars-tool-hero .jemars-tool-notes li.jt-warn i { color:#9a6700; }
.jemars-tool-hero .jemars-tool-notes li.jt-err i { color:#c62828; }
.jemars-tool-hero .jemars-tool-notes li.jt-info i { color:#1e66ff; }

/* Açılır ek alan (TXT kayıtları vb.) */
.jemars-tool-hero .jemars-tool-extra { margin-top:0.6rem; }
.jemars-tool-hero .jemars-tool-extra summary { cursor:pointer; font-size:13px; font-weight:700; color:#1e66ff; list-style:none; display:inline-flex; align-items:center; gap:0.35rem; }
.jemars-tool-hero .jemars-tool-extra summary::-webkit-details-marker { display:none; }
.jemars-tool-hero .jemars-tool-extra summary i { transition:transform 0.2s; }
.jemars-tool-hero .jemars-tool-extra[open] summary i { transform:rotate(180deg); }
.jemars-tool-hero .jemars-tool-txt-list { margin:0.7rem 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:0.4rem; }
.jemars-tool-hero .jemars-tool-txt-list li { font-family:monospace; font-size:12.5px; color:#5c6178; background:#f8faff; border:1px solid #eef1f7; border-radius:8px; padding:0.5rem 0.7rem; word-break:break-all; }
.jemars-tool-hero .jemars-tool-result-note { font-size:12px; color:#a7adc9; margin-top:0.9rem; }
.jemars-tool-hero .jemars-tool-result-note code { background:#eef3ff; color:#1e66ff; padding:1px 5px; border-radius:4px; font-weight:600; }

/* İlgili araçlar */
.jemars-tool-hero .jemars-tool-related { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0.5rem 0.65rem; margin-top:1.4rem; }
.jemars-tool-hero .jemars-tool-related-label { font-size:13px; font-weight:600; color:#787da7; }
.jemars-tool-hero .jemars-tool-related a { display:inline-flex; align-items:center; gap:0.35rem; padding:0.45rem 0.85rem; border-radius:999px; background:rgba(255,255,255,0.75); border:1px solid #dbe2f0; color:#1e266d; font-size:13px; font-weight:600; text-decoration:none; transition:all 0.18s; }
.jemars-tool-hero .jemars-tool-related a:hover { color:#1e66ff; border-color:#1e66ff; background:#fff; }
.jemars-tool-hero .jemars-tool-related a i { color:#1e66ff; font-size:1rem; }

@media (max-width:768px) {
  .jemars-tool-hero { padding:2rem 0 2.5rem; }
  .jemars-tool-hero .jemars-tool-card { padding:1.25rem; border-radius:16px; }
  .jemars-tool-hero .jemars-tool-form-wrap { flex-direction:column; align-items:stretch; border-radius:12px; }
  .jemars-tool-hero .jemars-tool-input-wrap { padding:0 1rem; min-height:52px; }
  .jemars-tool-hero .jemars-tool-input-wrap + .jemars-tool-input-wrap { border-left:0; border-top:1px solid #e8ecf4; flex:1 1 auto; }
  .jemars-tool-hero .jemars-tool-input-wrap--sm { flex:1 1 auto; }
  .jemars-tool-hero .jemars-tool-input { padding:1rem 0; font-size:16px; min-height:44px; }
  .jemars-tool-hero .jemars-tool-form-wrap .jemars-tool-btn { width:100%; min-height:50px; padding:1rem 1.25rem; border-top:2px solid #e8ecf4; }
  .jemars-tool-hero .jemars-tool-stat { min-width:100%; }
  .jemars-tool-hero .jemars-tool-kv-row { flex-direction:column; gap:0.2rem; }
  .jemars-tool-hero .jemars-tool-kv-key { flex:1 1 auto; }
}

/* ============================================================
   İÇERİK BÖLÜMÜ (hero dışı) — gradient YOK, tek renk
   ============================================================ */
.jemars-tool-howcard { height:100%; background:#fff; border:1px solid #e8ecf4; border-radius:16px; padding:1.5rem 1.4rem; transition:box-shadow 0.2s, transform 0.2s, border-color 0.2s; }
.jemars-tool-howcard:hover { box-shadow:0 10px 30px rgba(30,102,255,0.1); transform:translateY(-3px); border-color:#d2e0ff; }
.jemars-tool-howcard-num { width:42px; height:42px; border-radius:12px; background:#1e66ff; color:#fff; font-size:19px; font-weight:800; display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.jemars-tool-howcard-num i { font-size:1.3rem; }
.jemars-tool-howcard-title { font-size:18px; font-weight:700; color:#1e266d; margin-bottom:0.5rem; }
.jemars-tool-howcard-text { font-size:14.5px; color:#787da7; line-height:1.65; }
.jemars-tool-howcard-text code { background:#eef3ff; color:#1e66ff; padding:1px 6px; border-radius:5px; font-weight:700; font-size:0.92em; }

.jemars-tool-reftable { border:1px solid #e8ecf4; border-radius:16px; overflow:hidden; background:#fff; }
.jemars-tool-refrow { display:flex; gap:1rem; padding:0.95rem 1.25rem; border-bottom:1px solid #eef1f7; }
.jemars-tool-refrow:last-child { border-bottom:0; }
.jemars-tool-refrow:nth-child(even):not(.jemars-tool-refrow--head) { background:#fafbff; }
.jemars-tool-refrow--head { background:#f3f7ff; font-weight:700; }
.jemars-tool-refrow--head .jemars-tool-refrow-term, .jemars-tool-refrow--head .jemars-tool-refrow-desc { color:#1e266d; font-size:13px; text-transform:uppercase; letter-spacing:0.04em; }
.jemars-tool-refrow-term { flex:0 0 160px; }
.jemars-tool-refrow-term code { background:#eef3ff; color:#1e66ff; padding:3px 9px; border-radius:6px; font-size:13px; font-weight:700; }
.jemars-tool-refrow-desc { flex:1; color:#5c6178; font-size:14.5px; line-height:1.6; }
.jemars-tool-refrow-desc code { background:#eef3ff; color:#1e66ff; padding:1px 6px; border-radius:5px; font-weight:700; font-size:0.92em; }

.jemars-tool-cta { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; background:#1e266d; border-radius:20px; padding:2rem 2.25rem; }
.jemars-tool-cta-text { max-width:640px; }
.jemars-tool-cta-title { font-size:22px; font-weight:800; color:#fff; margin-bottom:0.5rem; line-height:1.3; }
.jemars-tool-cta-desc { font-size:15px; color:rgba(255,255,255,0.85); line-height:1.65; }
.jemars-tool-cta-btn { display:inline-flex; align-items:center; gap:0.5rem; background:#fff; color:#1e266d; padding:0.9rem 1.5rem; border-radius:12px; font-size:15px; font-weight:700; text-decoration:none; white-space:nowrap; transition:transform 0.2s, box-shadow 0.2s, color 0.2s; flex-shrink:0; }
.jemars-tool-cta-btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,0.18); color:#1e66ff; }
.jemars-tool-cta-btn i { font-size:1.2rem; }
@media (max-width:768px) {
  .jemars-tool-refrow-term { flex:0 0 110px; }
  .jemars-tool-cta { padding:1.5rem; }
  .jemars-tool-cta-btn { width:100%; justify-content:center; }
}