/* ============================================================
   NGT DNC Portal — tab-name-checker.css
   Name Checker sub-tab (lives inside the DNC Checker widget) +
   the Super-Admin "Manage DNC Name List" panel below it.
   ============================================================ */

/* ── PHONE + NAME CHECKER — both boxes always visible (no toggle) ── */
.checker-section-label { display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:10px; }
.checker-section-label span { font-size:13px; }
.checker-section-divider { height:1px;background:var(--border2);margin:22px 0; }

/* ── NAME RESULT PILL (mirrors res-pill from the phone checker) ── */
.name-res-card { border-radius:12px;padding:18px;text-align:center;width:100%;animation:resIn .35s cubic-bezier(.34,1.56,.64,1); }
.name-res-card.is-dnc { background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35); }
.name-res-card.is-clean { background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35); }
.name-res-icon { font-size:32px;margin-bottom:6px; }
.name-res-headline { font-size:15px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px; }
.name-res-card.is-dnc .name-res-headline { color:#f87171; }
.name-res-card.is-clean .name-res-headline { color:#4ade80; }
.name-res-name { font-size:17px;font-weight:800;color:var(--text);margin-bottom:6px; }
.name-res-reason { font-size:11px;color:var(--text3);line-height:1.5; }

/* ── SUPER ADMIN: MANAGE DNC NAME LIST PANEL ── */
#name-admin-widget { margin-top:0; }
.na-count-badge { background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.28);color:#c084fc;font-size:10px;font-weight:800;padding:4px 10px;border-radius:20px;white-space:nowrap; }
.na-subtabs { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;border-bottom:1px solid var(--border2);padding-bottom:12px; }
.na-subtab-btn { background:var(--surface);border:1px solid var(--border2);border-radius:7px;padding:7px 12px;color:var(--text3);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s; }
.na-subtab-btn:hover { color:var(--text);background:rgba(255,255,255,.06); }
.na-subtab-btn.active { background:rgba(168,85,247,.15);border-color:rgba(168,85,247,.4);color:#c084fc; }
.na-pane { animation:resIn .25s ease; }
.na-result-msg { margin-top:10px;font-size:12px;line-height:1.6;min-height:0; }
.na-result-msg.ok { color:#4ade80; }
.na-result-msg.err { color:#f87171; }

/* ── ADMIN LIST TABLE ── */
.na-list-row { display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--border2);font-size:12px; }
.na-list-row:last-child { border-bottom:none; }
.na-list-row:hover { background:rgba(255,255,255,.03); }
.na-list-head { font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--text4); }
.na-list-name { color:var(--text);font-weight:600; }
.na-list-meta { font-size:10px;color:var(--text4); }
.na-del-btn { background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.28);color:#f87171;padding:4px 9px;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s; }
.na-del-btn:hover { background:rgba(239,68,68,.22); }
.na-pager-btn { background:var(--surface);border:1px solid var(--border2);border-radius:7px;padding:6px 14px;color:var(--text);font-size:12px;font-weight:700;cursor:pointer; }
.na-pager-btn:disabled { opacity:.35;cursor:not-allowed; }

/* ── NGT (light theme) overrides ── */
html[data-theme="ngt"] .checker-section-label { color:#78716c !important; }
html[data-theme="ngt"] .checker-section-divider { background:#c0b08a !important; }
html[data-theme="ngt"] .na-subtab-btn { background:#f7f0dc !important;border-color:#c0b08a !important;color:#78716c !important; }
html[data-theme="ngt"] .na-subtab-btn.active { background:rgba(147,51,234,.12) !important;color:#7e22ce !important; }
html[data-theme="ngt"] .na-list-row { border-bottom-color:#d4c6a0 !important; }
html[data-theme="ngt"] .na-list-name { color:#292524 !important; }

/* ── MOBILE ── */
@media (max-width: 560px) {
  .na-subtabs { gap:5px; }
  .na-subtab-btn { flex:1 1 45%; text-align:center; }
  .na-list-row { grid-template-columns:1fr auto; }
}