/* ── /resolve/ page-specific styles (loaded via $pageCss) ─────────────
   Extends the resolve-* foundation in shared.css with MX / NS / TXT
   record cards, per-record copy buttons, hero tools and skeletons. */

/* Hero: copy + share buttons on the right of the eyebrow row */
.resolve-hero-top{justify-content:space-between}
.resolve-hero-tools{display:flex;align-items:center;gap:8px}

/* Record rows now carry a copy button (4th column on linked IP rows) */
.resolve-record{grid-template-columns:auto 1fr auto auto}
.resolve-record--static{grid-template-columns:auto 1fr auto;cursor:default}
.resolve-record--static:hover{border-color:var(--border-default);background:var(--bg-elevated)}
.resolve-record .resolve-record-copy{width:26px;height:26px;opacity:.75}
.resolve-record .resolve-record-copy:hover{opacity:1}
.resolve-record .resolve-record-copy svg{width:13px;height:13px}

/* MX priority pill */
.resolve-mx-prio{color:var(--accent);border-color:var(--accent-subtle);background:var(--accent-subtle);font-size:11.5px}

/* Card icon tints */
.resolve-card-mx .ip-info-card-icon{background:rgba(52,211,153,.12)}
.resolve-card-mx .ip-info-card-icon svg{color:#34d399}
.resolve-card-ns .ip-info-card-icon{background:rgba(251,191,36,.12)}
.resolve-card-ns .ip-info-card-icon svg{color:#fbbf24}
.resolve-card-txt .ip-info-card-icon{background:rgba(168,85,247,.12)}
.resolve-card-txt .ip-info-card-icon svg{color:#a855f7}

/* TXT records */
.resolve-txt-list{display:flex;flex-direction:column;gap:6px}
.resolve-txt-record{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:0}
.resolve-txt-value{flex:1;min-width:0;font-family:var(--font-mono);font-size:12px;line-height:1.55;color:var(--text-secondary);word-break:break-all;overflow-wrap:anywhere;background:none;padding:2px 0}
.resolve-txt-record .resolve-record-copy{margin-top:1px}
.resolve-txt-badge{flex-shrink:0;display:inline-flex;align-items:center;padding:3px 9px;margin-top:1px;border-radius:100px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent}
.resolve-txt-badge--spf{background:rgba(52,211,153,.12);color:#34d399;border-color:rgba(52,211,153,.3)}
.resolve-txt-badge--dkim{background:var(--accent-subtle);color:var(--accent);border-color:rgba(56,189,248,.3)}
.resolve-txt-badge--dmarc{background:rgba(168,85,247,.12);color:#a855f7;border-color:rgba(168,85,247,.3)}
.resolve-txt-badge--verify{background:rgba(251,146,60,.12);color:#fb923c;border-color:rgba(251,146,60,.3)}
[data-theme="light"] .resolve-txt-badge--spf{color:#059669}
[data-theme="light"] .resolve-txt-badge--dkim{color:#0284c7}
[data-theme="light"] .resolve-txt-badge--dmarc{color:#7c3aed}
[data-theme="light"] .resolve-txt-badge--verify{color:#ea580c}
[data-theme="light"] .resolve-card-mx .ip-info-card-icon svg{color:#059669}
[data-theme="light"] .resolve-card-ns .ip-info-card-icon svg{color:#d97706}
[data-theme="light"] .resolve-card-txt .ip-info-card-icon svg{color:#7c3aed}

/* Loading skeleton cards */
.resolve-skeleton-card{display:flex;flex-direction:column;gap:12px;padding:22px}

/* Error retry button */
.resolve-retry-btn{margin-left:14px;flex-shrink:0}

@media (max-width:640px){
    .resolve-txt-record{flex-wrap:wrap}
    .resolve-txt-badge{order:-1}
}