/* ==========================================================================
   NetQuery 2.0 — E-posta Güvenliği ek stilleri
   Yalnızca app.css'te karşılığı olmayan yardımcı sınıflar burada tanımlanır.
   ========================================================================== */

.mail-score-card { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.mail-score-meta { flex: 1 1 260px; min-width: 0; }
.mail-status-row { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin-bottom: .5rem; }
.mail-score-value { font-family: var(--font-mono); font-size: .9rem; word-break: break-all; margin: .5rem 0 0; }

.mail-grade {
    display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 12px;
    background: var(--tone-soft, var(--bg-tint)); color: var(--tone, var(--violet-700));
    font-size: 1.35rem; font-weight: 800; line-height: 1;
}

.mail-table-head {
    display: flex; align-items: baseline; justify-content: space-between;
    gap: 1rem; flex-wrap: wrap; margin: 1.6rem 0 .6rem;
}
.mail-table-head .section-title { margin: 0; }

.mail-values { display: flex; flex-direction: column; gap: .2rem; }
.mail-values .mono { word-break: break-all; }

/* Kayıt / sorun etiketleri */
.mail-issue-row { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .5rem; }
.mail-issue { font-size: .78rem; font-weight: 600; }

/* Ek kayıt (MTA-STS, TLS-RPT, BIMI) kutucukları */
.mail-extra-grid { display: grid; gap: .85rem; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.mail-extra {
    border: 1px solid var(--line); border-radius: var(--r-card); padding: .9rem 1rem;
    background: linear-gradient(160deg, #fff 0%, var(--tone-soft, var(--bg-soft)) 100%);
}
.mail-extra h4 { display: flex; align-items: center; gap: .45rem; margin: 0 0 .35rem; font-size: .92rem; }
.mail-extra .mail-values { font-size: .82rem; }

/* DNSBL durum hücresi */
.mail-dnsbl-ip { font-family: var(--font-mono); font-size: .86rem; }

@media (max-width: 640px) {
    .mail-score-card { flex-direction: column; align-items: flex-start; }
}