.diagnostic-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.diagnostic-form label{flex:1 1 260px;min-width:0}.diagnostic-form input{width:100%;margin-top:8px}.diagnostic-form button{flex-shrink:0}.diagnostic-form label:has(input[name=prefix]){flex:0 1 130px}.diagnostic-progress:empty{display:none}.diagnostic-progress{margin:18px 0 0}.diagnostic-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0 14px}.diagnostic-heading h2{margin:0;overflow-wrap:anywhere;font-size:1.2rem}.diagnostic-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:12px;min-width:0}.diagnostic-card-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.diagnostic-card h3{font-size:1rem;margin:0;overflow-wrap:anywhere}.diagnostic-state{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border-radius:7px;font-size:.78rem;font-weight:700;background:var(--panel);color:var(--muted)}.diagnostic-state:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.diagnostic-state.ok{color:#137447;background:#d8f5e7}.diagnostic-state.warn{color:#875303;background:#fff0cc}.diagnostic-card .query-history-facts{margin:0;padding:0}.diagnostic-card dd{overflow-wrap:anywhere;white-space:pre-wrap}.diagnostic-card dl>div{min-width:0}.diagnostic-result{min-width:0}.diagnostic-progress.error{color:var(--danger,#df504c)}@media(max-width:600px){.diagnostic-form{gap:12px}.diagnostic-form label{flex-basis:100%}.diagnostic-form button{width:100%}.diagnostic-card{padding:12px}.diagnostic-card .query-history-facts{grid-template-columns:1fr}.diagnostic-heading .soft-badge{white-space:normal}}
.diagnostic-card .query-history-facts{padding:12px;border:0}.diagnostic-card .query-history-facts>div:has(dd:only-child){min-width:0}

.simulator-dkim{flex-basis:100%;border:1px solid var(--line);border-radius:12px;padding:14px}.simulator-dkim>summary,.dmarc-source>summary,.diagnostic-card>summary{cursor:pointer;font-weight:700}.simulator-dkim[open]>.diagnostic-form{margin-top:16px}.diagnostic-form select{width:100%;margin-top:8px}.dmarc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.dmarc-metrics>div{padding:16px;border:1px solid var(--line);border-radius:12px}.dmarc-metrics span{display:block;color:var(--muted);font-size:.85rem}.dmarc-metrics strong{font-size:1.6rem}.dmarc-sources{border:1px solid var(--line);border-radius:12px;overflow:hidden}.dmarc-source{padding:12px 16px;border-bottom:1px solid var(--line)}.dmarc-source:last-child{border:0}.dmarc-source>summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dmarc-source>summary strong{overflow-wrap:anywhere;flex:1}.dmarc-source>summary::before{content:"▸"}.dmarc-source[open]>summary::before{content:"▾"}.dmarc-source .query-history-facts{margin-top:12px}.diagnostic-form input[type=file]{max-width:100%;font-size:.9rem}.diagnostic-card summary{overflow-wrap:anywhere}.diagnostic-card h3{margin-top:12px}.diagnostic-card p{overflow-wrap:anywhere}@media(max-width:600px){.dmarc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dmarc-source{padding:12px}.dmarc-source>summary{gap:8px}.dmarc-source>summary strong{flex-basis:70%}.dmarc-source .query-history-facts{grid-template-columns:1fr}}
