/* intodns.tr tarzı arayüz — genel (public) sayfa */
:root{
  --bg:#e9e9e9; --card:#fff; --line:#d7d7d7; --line-soft:#ececec;
  --ink:#333; --muted:#666;
  --orange:#e8890c; --orange-d:#b34700; --orange-darker:#8a3c00;
  --purple:#6a1fb8; --blue:#4a90d9; --blue-d:#2f6cb3;
  --green:#3cb54a; --green-d:#2e8b3a;
  --ok:#3cb54a; --warn:#f0a30a; --fail:#d9534f; --info:#4a90d9;
  --ok-bg:#e9f7eb; --warn-bg:#fdf3e0; --fail-bg:#fbe9e9; --info-bg:#e8f1fb;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:14px/1.5 Arial,Helvetica,"Segoe UI",sans-serif}
a{color:var(--blue-d);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:900px;margin:0 auto;padding:0 14px}

/* ---------- üst blok ---------- */
.top{background:#f4f4f4;border-bottom:1px solid var(--line);padding:14px 0 22px;position:relative}
.langbar{display:flex;justify-content:flex-end;gap:6px;margin-bottom:4px}
.langbar a{font-size:.78rem;padding:4px 10px;border-radius:4px;background:#e2e2e2;color:#555}
.langbar a.active{background:var(--blue);color:#fff}
.langbar a:hover{text-decoration:none;filter:brightness(.96)}

.logo{display:flex;justify-content:center;align-items:center;gap:14px;margin:6px 0 18px}
.logo svg{width:74px;height:74px;flex:none}
.logo .logoimg{max-height:110px;max-width:min(420px,80vw);display:block}
.logo .name{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;color:#2b3440}
.logo .name a{color:inherit}
.logo .name a:hover{text-decoration:none}

.qrow{display:flex;justify-content:center;gap:10px}
.qrow input{width:min(420px,70vw);border:2px solid var(--blue);border-radius:4px;
  padding:10px 12px;font:15px/1.2 Consolas,"Courier New",monospace;color:var(--ink)}
.qrow input:focus{outline:none;border-color:var(--blue-d)}
.qrow button{background:var(--blue);color:#fff;border:0;border-radius:4px;
  padding:0 26px;font-weight:700;font-size:.95rem;cursor:pointer}
.qrow button:hover{background:var(--blue-d)}
.qrow button:disabled{opacity:.6;cursor:default}
.tagline{text-align:center;color:var(--muted);font-size:.85rem;max-width:640px;
  margin:14px auto 0}

/* ---------- sekmeler ---------- */
.tabsbar{background:#fff;border-bottom:1px solid var(--line)}
.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding:14px}
.tab{background:var(--orange);color:#fff;border:0;border-radius:4px;cursor:pointer;
  font-size:.82rem;font-weight:700;padding:7px 13px;transition:background .12s}
.tab:hover{background:var(--orange-d)}
.tab.active{background:var(--orange-darker);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.tab:disabled{opacity:.5;cursor:default}

/* ---------- rapor gövdesi ---------- */
.stage{background:#fff;min-height:340px;padding-bottom:44px}
.pane{display:none;padding-top:2px}
.pane.on{display:block}

.band{color:#fff;font-weight:700;font-size:.95rem;padding:10px 14px;margin:22px 0 0;
  border-radius:3px 3px 0 0}
.band.b-orange{background:var(--orange)}
.band.b-purple{background:var(--purple)}
.band.b-blue{background:var(--blue)}
.band.b-green{background:var(--green-d)}
.band.b-slate{background:#5a6b7c}

table.rt{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
table.rt th{background:#f5f5f5;color:#444;text-align:left;font-size:.82rem;
  padding:9px 12px;border-bottom:1px solid var(--line);font-weight:700}
table.rt td{border-bottom:1px solid var(--line-soft);padding:10px 12px;vertical-align:top}
table.rt tr:nth-child(even) td{background:#fafafa}
td.c-stat{width:64px;text-align:center}
td.c-name{width:210px;color:var(--blue-d);font-size:.9rem}
td.c-info{font-size:.9rem;color:#444;word-break:break-word}
td.c-info code, .reccode{display:inline-block;background:#f2f5f7;border:1px solid #e0e6ea;
  border-radius:3px;padding:2px 7px;font:.84rem/1.5 Consolas,"Courier New",monospace;color:#2b3440;
  word-break:break-all}

.dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  border-radius:50%;color:#fff;font-weight:700;font-size:.8rem}
.dot.ok{background:var(--ok)} .dot.warn{background:var(--warn)}
.dot.fail{background:var(--fail)} .dot.info{background:var(--info)}
.dot.grade{width:34px;height:34px;font-size:1rem;background:var(--warn)}
.dot.grade.A{background:var(--ok)} .dot.grade.B{background:#9ac33c}
.dot.grade.C{background:var(--warn)} .dot.grade.D{background:#e07b39}
.dot.grade.F{background:var(--fail)}

/* skor kutusu */
.scorebox{background:#fff;border-left:4px solid var(--warn);border-radius:4px;
  box-shadow:0 1px 3px rgba(0,0,0,.08);padding:14px 18px;margin:4px 0}
.scorebox .grade{font-size:1.5rem;font-weight:800}
.scorebox .grade.A{color:var(--ok)} .scorebox .grade.B{color:#8ab52f}
.scorebox .grade.C{color:var(--warn)} .scorebox .grade.D{color:#e07b39}
.scorebox .grade.F{color:var(--fail)}
.scorebox .parts{display:flex;gap:26px;margin-top:8px;flex-wrap:wrap}
.scorebox .parts b{display:block;font-size:.95rem}
.scorebox .parts span{font-size:.78rem;color:var(--muted)}
.p-ok{color:var(--ok)} .p-warn{color:var(--warn)} .p-fail{color:var(--fail)}

/* iç kutular (SPF/DKIM/DMARC analiz blokları) */
.inner{border-radius:5px;padding:11px 13px;margin:9px 0}
.inner.g{background:var(--ok-bg);border:1px solid #cdeacf}
.inner.y{background:var(--warn-bg);border:1px solid #f3e0b3}
.inner.r{background:var(--fail-bg);border:1px solid #f0caca}
.inner.b{background:var(--info-bg);border:1px solid #cadef2}
.inner .hd{font-weight:700;font-size:.88rem;margin-bottom:6px}
.ticks{list-style:none;margin:8px 0 0;padding:0}
.ticks li{font-size:.86rem;margin:4px 0;display:flex;gap:8px;align-items:flex-start}
.ticks .mini{flex:none;width:16px;height:16px;border-radius:3px;color:#fff;display:inline-flex;
  align-items:center;justify-content:center;font-size:.68rem;font-weight:700;margin-top:1px}
.mini.ok{background:var(--ok)} .mini.warn{background:var(--warn)}
.mini.fail{background:var(--fail)} .mini.info{background:var(--info)}
.chipset{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.chip{background:#eef2f5;border:1px solid #dde4e9;border-radius:3px;
  font:.8rem/1.4 Consolas,monospace;padding:2px 8px}

/* DKIM sorgu aracı */
.tool{background:#f7f7f7;border:1px solid var(--line);border-radius:6px;padding:18px;margin-top:14px}
.tool .dom{font-weight:700;margin-bottom:12px}
.tool .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tool label{font-weight:700;font-size:.9rem}
.tool input{flex:1;min-width:220px;border:1px solid var(--line);border-radius:4px;
  padding:9px 11px;font:.9rem/1.2 Consolas,monospace}
.tool input:focus{outline:none;border-color:var(--blue)}
.tool .go{background:var(--blue);color:#fff;border:0;border-radius:4px;
  padding:9px 20px;font-weight:700;cursor:pointer}
.tool .go:hover{background:var(--blue-d)}
.quick{margin-top:14px}
.quick .lbl{font-weight:700;font-size:.85rem;margin-bottom:8px}
.qbtns{display:flex;gap:7px;flex-wrap:wrap}
.qbtns button{background:#fff;border:1px solid var(--line);border-radius:4px;
  font-size:.8rem;padding:6px 11px;cursor:pointer;color:#444}
.qbtns button:hover{border-color:var(--blue);color:var(--blue-d)}

/* durum / notlar */
.note{margin:16px 0;padding:11px 13px;border:1px solid var(--line);
  background:#fff;border-radius:4px}
.note.err{border-color:var(--fail);background:var(--fail-bg);color:var(--fail)}
.spin{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:8px;
  border:2px solid #ccc;border-top-color:var(--blue);border-radius:50%;
  animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.placeholder{color:var(--muted);text-align:center;padding:60px 20px 20px;font-size:.95rem}

/* özet kartları */
.sumgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:16px 0}
.sumcard{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px;text-align:center}
.sumcard .n{font-size:1.7rem;font-weight:800}
.sumcard .l{font-size:.78rem;color:var(--muted);margin-top:2px}
.sumcard.ok .n{color:var(--ok)} .sumcard.warn .n{color:var(--warn)}
.sumcard.fail .n{color:var(--fail)} .sumcard.info .n{color:var(--info)}

.foot{text-align:center;color:var(--muted);font-size:.8rem;padding:20px 0 34px;
  border-top:1px solid var(--line);background:#fff}
.adminlink{position:absolute;top:10px;left:14px;font-size:.78rem;color:#888}

@media (max-width:600px){
  .logo .name{font-size:1.8rem}
  .logo svg{width:52px;height:52px}
  .logo .logoimg{max-height:80px}
  td.c-name{width:120px}
  .qrow{flex-wrap:wrap}
  .qrow input{width:100%}
  .qrow button{width:100%;padding:10px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

/* DKIM sorgu sonucu kartı */
.qbtns button.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.dkc{background:var(--ok-bg);border:1px solid #cdeacf;border-radius:6px;padding:14px;margin-top:16px}
.dkc.notfound{background:var(--fail-bg);border-color:#f0caca}
.dkc>.hd{font-weight:700;margin-bottom:10px;color:#2e7d32}
.dkc.notfound>.hd{color:var(--fail)}
.dkbox{background:#fff;border:1px solid #e2e8e2;border-radius:5px;padding:14px 16px}
.dkbox .kv{margin:3px 0;font-size:.9rem}
.dkbox .kv b{display:inline-block;min-width:76px}
.dkrec{display:block;background:#f2f5f7;border:1px solid #e0e6ea;border-radius:3px;
  padding:9px 11px;font:.83rem/1.6 Consolas,"Courier New",monospace;color:#2b3440;
  word-break:break-all;margin:6px 0 14px}
table.params{width:100%;border-collapse:collapse;margin-top:6px}
table.params td{padding:7px 10px;border-bottom:1px solid #eee;font-size:.88rem}
table.params td:first-child{width:80px;font-family:Consolas,monospace;font-weight:700}
.dknote{background:#d3f0ea;border:1px solid #b7e3da;color:#1e6e5f;border-radius:4px;
  padding:9px 12px;margin-top:14px;font-size:.88rem}
.dknote.warn{background:var(--warn-bg);border-color:#f3e0b3;color:#8a6d1a}
.dknote.err{background:var(--fail-bg);border-color:#f0caca;color:var(--fail)}