/* dmarc preview page additions; base is ../../styles.css */
.muted { color: var(--fg-muted); margin: 0 0 1rem; }
.status-note { margin: 1.25rem auto 0; font-size: 0.85rem; color: var(--fg); letter-spacing: 0.02em; border: 1px solid var(--border); display: inline-block; padding: 0.4rem 0.8rem; border-radius: 2px; }
.sub { margin: 1.5rem 0 0.5rem; font-size: 1rem; font-weight: 500; }
.form { display: grid; gap: 0.4rem; margin-top: 1.25rem; }
.form label { font-size: 0.9rem; color: var(--fg); margin-top: 0.6rem; }
.opt { color: var(--fg-subtle); font-size: 0.8rem; }
.form input, .form select { font: inherit; font-size: 1rem; color: var(--fg); background: var(--bg-elevated); border: 1px solid #2a2a28; border-radius: 2px; padding: 0.6rem 0.7rem; min-height: 44px; width: 100%; }
.form input:focus, .form select:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
.form button { border: 0; cursor: pointer; justify-self: start; font-family: inherit; }
.form button[disabled] { opacity: 0.6; cursor: wait; }
.hint { margin: 0.2rem 0 0; font-size: 0.82rem; color: var(--fg-subtle); }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.status { margin-top: 1rem; font-size: 0.92rem; color: var(--fg-muted); min-height: 1.2em; }
.status.err { color: #e0a0a0; }
.status.ok { color: #a8d8a8; }
.results { margin-top: 0.5rem; }
.card { border: 1px solid var(--border); background: var(--bg-elevated); border-radius: 2px; padding: 1rem; margin-top: 1rem; }
.card h3 { margin: 0 0 0.6rem; font-size: 1rem; font-weight: 500; }
.checks { list-style: none; margin: 0.5rem 0 0; padding: 0; font-size: 0.92rem; }
.checks li { padding: 0.2rem 0 0.2rem 1.6rem; position: relative; color: var(--fg-muted); }
.checks li::before { position: absolute; left: 0; width: 1.2rem; text-align: center; font-weight: 500; }
.checks li.pass::before { content: "ok"; color: #a8d8a8; font-size: 0.72rem; top: 0.35rem; }
.checks li.warn::before { content: "!"; color: #e8c880; }
.checks li.fail::before { content: "x"; color: #e0a0a0; }
.checks li.info::before { content: "i"; color: var(--fg-subtle); }
.raw { margin: 0.5rem 0 0; padding: 0.6rem; background: #070707; border: 1px solid var(--border); border-radius: 2px; font-family: ui-monospace, Consolas, monospace; font-size: 0.8rem; color: var(--fg); white-space: pre-wrap; word-break: break-all; }
.rawlabel { margin: 0.6rem 0 0; font-size: 0.8rem; color: var(--fg-subtle); }