/* Mailtester r22.4: scoped styles, shared Braintec site layout */
.bt-mailtester{padding:clamp(1.5rem,4vw,3.5rem) 0;background:#f5f8fc}
.bt-mailtester-inner{max-width:1080px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}
.bt-mailtester .bt-mail-breadcrumb{margin-bottom:1.35rem;font-size:.9rem;color:#52677c}
.bt-mailtester .bt-mail-breadcrumb a{color:#006db4;text-decoration:none}
.bt-mailtester .bt-mail-title{padding:clamp(1.25rem,3vw,2rem);background:#fff;border:1px solid #e0e9f2;border-radius:16px 16px 0 0}
.bt-mailtester h1{font-size:clamp(1.7rem,3vw,2.3rem);margin:.35rem 0 .5rem}
.bt-mailtester h2{font-size:1.35rem;margin:0 0 1rem}
.bt-mailtester p{line-height:1.55;color:#506277}
.bt-mailtester button{border:0;background:#0070ba;color:white;border-radius:8px;padding:11px 17px;cursor:pointer;font-weight:600}
.bt-mailtester button:disabled{opacity:.5;cursor:not-allowed}
.bt-mailtester input{border:1px solid #c6d2df;border-radius:8px;padding:11px;width:100%;max-width:400px;background:#fff}
.bt-mailtester section{border:1px solid #e0e9f2;border-top:0;padding:clamp(1.2rem,3vw,2rem);background:white}
.bt-mailtester section:last-of-type{border-radius:0 0 16px 16px}
.bt-mailtester .address{background:#eaf4ff;border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;overflow-wrap:anywhere;font-weight:700}
.bt-mailtester .status{font-weight:650;margin:14px 0}
.bt-mailtester .muted{font-size:.9rem;color:#687b8d}
.bt-mailtester .bar{height:13px;background:#e4eaf0;border-radius:12px;overflow:hidden}
.bt-mailtester .fill{height:100%;width:0;background:#1262a3;transition:width .5s}
.bt-mailtester .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.bt-mailtester .card{border:1px solid #dce5ef;border-radius:10px;padding:17px;background:#fff;min-width:0}
.bt-mailtester .card h3{margin:0 0 8px;font-size:1.08rem}
.bt-mailtester .badge{display:inline-block;padding:5px 9px;border-radius:6px;font-weight:700;font-size:.85rem}
.bt-mailtester .pass{background:#ddf5e7;color:#116638}.bt-mailtester .warning{background:#fff0d0;color:#875100}
.bt-mailtester .unknown{background:#e9edf2;color:#44566a}.bt-mailtester .fail{background:#ffe2e2;color:#a52222}
.bt-mailtester .info{background:#e5f0ff;color:#16548b}
.bt-mailtester pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fa;padding:15px;font-size:.8rem;max-height:500px;overflow:auto}
.bt-mailtester details{margin-top:15px}.bt-mailtester #addressBox,.bt-mailtester #result{display:none}
.bt-mailtester .small{font-size:.9rem}.bt-mailtester .bt-mail-footnote{padding:1rem 0;font-size:.9rem}
@media(max-width:620px){.bt-mailtester .address button{width:100%}.bt-mailtester #domain{max-width:100%;margin-bottom:.75rem}}


/* r22.5.0 structured report */
.bt-mailtester .bt-mail-json-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:.85rem 0}
.bt-mailtester .bt-mail-json-actions input{flex:1 1 220px;min-width:0;padding:.6rem .75rem;border:1px solid #c9d8e6;border-radius:7px}
.bt-mailtester .bt-mail-json-actions button{width:auto;padding:.6rem .85rem}
.bt-mailtester #jsonReport{max-height:480px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.84rem;line-height:1.55}

/* r22.5.2: responsive JSON controls and readable diagnostics */
.bt-mailtester .bt-mail-json{min-width:0;max-width:100%}
.bt-mailtester .bt-mail-json-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:stretch}
.bt-mailtester .bt-mail-json-actions input{box-sizing:border-box;width:100%;max-width:none;min-width:0;margin:0;height:44px}
.bt-mailtester .bt-mail-json-actions button{margin:0;min-height:44px;white-space:nowrap;padding:.65rem 1rem}
.bt-mailtester #jsonReport,.bt-mailtester #report{box-sizing:border-box;width:100%;max-width:100%;border:1px solid #e0e9f2;border-radius:10px;line-height:1.65;tab-size:2}
.bt-mailtester #jsonReport{white-space:pre;overflow:auto;overflow-wrap:normal;max-height:540px}
.bt-mailtester .bt-mail-json>summary,.bt-mailtester #result>details>summary{cursor:pointer;padding:.65rem .2rem;font-weight:600}
@media(max-width:700px){.bt-mailtester .bt-mail-json-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.bt-mailtester .bt-mail-json-actions input{grid-column:1/-1}.bt-mailtester .bt-mail-json-actions button{width:100%;white-space:normal}}
@media(max-width:370px){.bt-mailtester .bt-mail-json-actions{grid-template-columns:minmax(0,1fr)}.bt-mailtester .bt-mail-json-actions input{grid-column:1}}