.boai-mail-app{--p:#0d1829;--line:#2a405b;--muted:#98aac0;--accent:#57dcf8;max-width:1280px;margin:0 auto;padding:26px 18px 65px;color:#eef5ff}
.boai-mail-hero{padding:37px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#10213b,#081523);margin-bottom:14px}.boai-mail-hero>span{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-size:.74rem;font-weight:900}.boai-mail-hero h1{margin:7px 0 9px!important;color:#fff!important;font-size:clamp(2.15rem,5.5vw,3.8rem)!important}.boai-mail-hero p{max-width:900px;color:#a9bacd;margin:0}
.boai-mail-tabs{display:flex;gap:8px;overflow:auto;padding:2px 1px 9px;margin:14px 0}.boai-mail-tabs button{flex:0 0 auto;border:1px solid #314a67;background:#0c1829;color:#c2d1e1;border-radius:999px;padding:9px 13px;font-weight:850;cursor:pointer;touch-action:manipulation}.boai-mail-tabs button.active,.boai-mail-tabs button:hover{border-color:#5a789a;background:#172944;color:#fff}
.boai-mail-panel{display:none}.boai-mail-panel.active{display:block}.boai-mail-box,.boai-mail-diag{border:1px solid var(--line);border-radius:15px;background:var(--p);padding:17px;margin-bottom:14px}.boai-mail-box h2,.boai-mail-diag h2,.boai-mail-diag h3{color:#fff!important;margin-top:0!important}.boai-mail-box p,.boai-mail-diag li{color:#a9bacd}
.boai-mail-box textarea,.boai-mail-form input,.boai-mail-search{box-sizing:border-box;width:100%;border:1px solid #37506c;background:#071321;color:#fff;border-radius:9px;padding:11px 12px;font:inherit}.boai-mail-primary{border:0;background:linear-gradient(135deg,#7c3aed,#0891b2);color:#fff;border-radius:9px;padding:10px 13px;font-weight:900;cursor:pointer;margin-top:10px}
.boai-mail-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.boai-mail-form label{display:flex;flex-direction:column;gap:5px;color:#bed0e2;font-size:.82rem;font-weight:850}
.boai-mail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.boai-mail-card{display:flex;flex-direction:column;align-items:flex-start;min-height:145px;border:1px solid var(--line);border-radius:14px;background:var(--p);padding:15px;color:#fff;text-align:left;cursor:pointer;touch-action:manipulation}.boai-mail-card:hover{border-color:#4f6e91;background:#13233b;transform:translateY(-2px)}.boai-mail-card strong{font-size:1.02rem}.boai-mail-card span{color:#94a7bd;margin-top:6px;font-size:.82rem}.boai-mail-card b{margin-top:auto;color:var(--accent)}
.boai-mail-alert{margin-top:10px;padding:11px 13px;border:1px solid #2e4661;border-radius:10px;background:#081522;color:#c8d9e9}.boai-mail-alert.good{border-color:#166534;background:rgba(22,101,52,.13);color:#bbf7d0}.boai-mail-alert.warn{border-color:#72551b;background:rgba(114,85,27,.11);color:#f3dfad}.boai-mail-alert.bad{border-color:#7f1d1d;background:rgba(127,29,29,.13);color:#fecaca}
.boai-mail-dns-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.boai-mail-dns-grid>div{border:1px solid #2e4661;background:#081522;border-radius:11px;padding:12px}.boai-mail-dns-grid h3{color:#fff!important;margin:0 0 8px!important;font-size:1rem!important}.boai-mail-dns-grid code{display:block;color:#cde1f3;word-break:break-word;margin:5px 0}
.boai-mail-search{margin-bottom:11px}.boai-mail-command-list{display:grid;gap:8px}.boai-mail-command{display:grid;grid-template-columns:210px minmax(0,1fr) 76px;gap:12px;align-items:center;border:1px solid var(--line);background:var(--p);border-radius:11px;padding:11px}.boai-mail-command[hidden]{display:none}.boai-mail-command>div{display:flex;flex-direction:column}.boai-mail-command span{color:var(--accent);font-size:.67rem;text-transform:uppercase;font-weight:900}.boai-mail-command strong{color:#fff;font-size:.86rem}.boai-mail-command code{color:#d4e7f8;word-break:break-word}.mail-copy{border:1px solid #3a5576;background:#172a44;color:#e5eff9;border-radius:8px;padding:7px 9px;font-weight:850;cursor:pointer}
.boai-mail-memo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.boai-mail-memo>div{border:1px solid var(--line);background:var(--p);border-radius:13px;padding:14px}.boai-mail-memo>div>strong{display:grid;place-items:center;min-width:42px;width:max-content;height:32px;padding:0 8px;border-radius:999px;background:#173453;color:var(--accent)}.boai-mail-memo h3{color:#fff!important;margin:9px 0 5px!important;font-size:1rem!important}.boai-mail-memo p{color:#9fb0c6;margin:0}.boai-mail-note{margin-top:15px;padding:12px 14px;border:1px solid #72551b;background:rgba(114,85,27,.1);border-radius:10px;color:#ead9ad;font-size:.84rem}
@media(max-width:900px){.boai-mail-grid,.boai-mail-memo{grid-template-columns:repeat(2,minmax(0,1fr))}.boai-mail-command{grid-template-columns:1fr}}
@media(max-width:600px){.boai-mail-hero{padding:27px 21px}.boai-mail-grid,.boai-mail-memo,.boai-mail-form,.boai-mail-dns-grid{grid-template-columns:1fr}}