/* MH Academy Mail • Modern responsive dashboard */
.mail-hero,.mail-cta{background:linear-gradient(118deg,#101f36,#163653 55%,#056e72);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:30px 35px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px;box-shadow:0 18px 38px rgba(2,12,28,.14)}.mail-hero h1,.mail-cta h2{color:#fff;font-size:clamp(23px,3vw,35px);margin:9px 0}.mail-hero p,.mail-cta p{color:#c8dcdf;margin:0}.mail-hero-symbol{font-size:66px;opacity:.8}.mail-chip{font-size:11px!important;letter-spacing:1px;color:#6fe3c1;font-weight:800}.mail-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.mail-side,.mail-panel,.mail-paper,.mail-monitor{background:#fff;border:1px solid #e3eaf1;border-radius:21px;box-shadow:0 12px 30px rgba(20,37,58,.05);overflow:hidden}.mail-side{padding:22px}.mail-side h3{margin:0 0 16px}.mail-account{display:flex;gap:8px;align-items:center;padding:12px 10px;text-decoration:none;border-radius:11px;color:#35506b;font-size:12px;overflow-wrap:anywhere}.mail-account.active{background:#e6f7f4;color:#087a64;font-weight:800}.mail-primary{background:#00a982!important;border:0!important;color:white!important;border-radius:12px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;text-decoration:none;font-weight:800;cursor:pointer;font:inherit}.mail-primary:hover{background:#008c71!important}.mail-compose{margin-top:18px;width:100%}.mail-panel-head{display:flex;align-items:center;justify-content:space-between;padding:24px 27px;border-bottom:1px solid #eaf0f5;gap:12px}.mail-panel-head h2{margin:4px 0;font-size:22px}.mail-panel-head p{font-size:13px;color:#718096;margin:5px 0}.mail-refresh{display:inline-block;border:1px solid #d9e3ee;border-radius:10px;padding:9px 15px;text-decoration:none;background:#fff;color:#35516b;font:inherit;font-weight:700;cursor:pointer}.mail-list{display:flex;flex-direction:column}.mail-item{display:flex;align-items:center;gap:16px;padding:17px 24px;border-bottom:1px solid #edf1f6;text-decoration:none;color:#152e45;transition:.18s}.mail-item:hover{background:#f4fafb}.mail-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:linear-gradient(135deg,#09b792,#147e9b);color:#fff;display:grid;place-items:center;font-weight:900}.mail-item-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.mail-item-main strong,.mail-item-main span,.mail-item-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item-main span{color:#41566b}.mail-item-main small,.mail-item-date{font-size:11px;color:#8997a8}.mail-item-date{max-width:160px;overflow:hidden}.mail-empty{text-align:center;padding:65px 20px;color:#64748b;font-size:29px}.mail-empty h3{font-size:20px;color:#243e53;margin:12px 0}.mail-empty p{font-size:14px}.mail-paper{padding:34px;margin-top:16px}.mail-paper h1{font-size:clamp(23px,3vw,32px);color:#1b3046;margin:15px 0}.mail-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;color:#687f92;font-size:13px;padding-bottom:22px;border-bottom:1px solid #eaf0f5}.mail-body{font-size:15px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;min-height:140px;padding:25px 0;color:#233b50}.mail-back{color:#098d75;text-decoration:none;font-weight:800}.mail-form{display:grid;gap:17px;margin-top:25px}.mail-form label{display:grid;gap:8px;color:#354b61;font-weight:750}.mail-form input,.mail-form textarea,.mail-admin-actions input{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #dbe5ee;background:#f9fbfd;color:#21384e;font:inherit}.mail-form textarea{resize:vertical;line-height:1.8}.mail-form button{justify-self:start}.mail-monitor{margin:22px 0}.mail-admin-line{display:flex;justify-content:space-between;gap:24px;padding:19px 26px;border-bottom:1px solid #eaf0f5}.mail-admin-line>div:first-child{display:flex;flex-direction:column;gap:6px;min-width:160px}.mail-admin-line strong{font-size:15px;color:#17344b}.mail-admin-line small{font-size:12px;color:#8090a0}.mail-status{font-size:12px;color:#9b6a13;font-weight:700}.mail-status.mail-connected{color:#008b68}.mail-admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.mail-admin-actions form{display:flex;gap:8px;align-items:center}.mail-admin-actions input{width:230px;min-width:150px}.mail-alert{padding:14px;background:#fff2e8;color:#ad4b10;margin:18px;border-radius:12px}.mail-cta{margin:5px 0 25px}.mail-cta h2{font-size:24px}.mail-cta .mail-primary{background:#fff!important;color:#055a61!important;white-space:nowrap}@media(max-width:800px){.mail-layout{grid-template-columns:1fr}.mail-hero,.mail-cta{padding:24px 19px}.mail-hero-symbol{font-size:42px}.mail-admin-line{flex-direction:column}.mail-admin-actions form{flex-wrap:wrap}.mail-admin-actions input{width:100%}.mail-cta{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.mail-item{padding:15px 12px;gap:10px}.mail-item-date{display:none}.mail-paper{padding:20px}.mail-panel-head{padding:18px}.mail-hero-symbol{display:none}}

/* Receive-only email reader */
.mail-readonly-note{margin-top:20px;border:1px solid #d7e8e6;background:#f1fbf8;color:#126d62;padding:14px;border-radius:12px;font-size:13px;line-height:1.8;font-weight:700}
.mail-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:10px}
.mail-readonly-tag{padding:8px 12px;border-radius:999px;background:#e9f8f3;border:1px solid #d4eee5;color:#08775e;font-size:12px;font-weight:800}
.mail-message-paper{max-width:1100px;margin:18px auto 35px;padding:0}
.mail-message-heading{padding:32px 34px 23px;background:linear-gradient(135deg,#fff,#f7fbfd)}
.mail-message-heading h1{overflow-wrap:anywhere;line-height:1.5}
.mail-from-box{display:flex;align-items:center;gap:11px;min-width:0}
.mail-from-box div{display:flex;flex-direction:column;gap:5px;min-width:0}
.mail-from-box small{font-size:12px;color:#7c8e9f}
.mail-from-box strong{color:#233a50;font-weight:700;overflow-wrap:anywhere}
.mail-from-icon{height:41px;width:41px;border-radius:12px;display:grid;place-items:center;background:#e6f6f4;color:#08775e;font-size:20px}
.mail-email-window{padding:26px 30px 30px;background:#f4f7fb}
.mail-email-window-bar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#687c8e;font-size:12px;margin-bottom:12px}
.mail-html-frame{display:block;width:100%;height:min(72vh,840px);min-height:470px;box-sizing:border-box;border:1px solid #dfe7f0;background:#fff;border-radius:14px;box-shadow:0 8px 26px rgba(23,43,70,.06)}
.mail-text-message{padding:30px 35px}
@media(max-width:600px){.mail-message-heading{padding:21px 17px}.mail-email-window{padding:15px 10px}.mail-email-window-bar{padding:0 6px}.mail-html-frame{height:68vh;min-height:380px}.mail-text-message{padding:20px}}