.mail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:14px}.mail-compose,.mail-history-card{padding:22px}.mail-compose form{margin-top:20px}.mail-address-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mail-editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:#0b1722;border:1px solid #344858;border-bottom:0;border-radius:8px 8px 0 0}.mail-editor-toolbar button{border:1px solid #2c4655;background:#132434;color:#bdd0d8;border-radius:6px;padding:6px 9px}.mail-editor-toolbar button:hover{border-color:#5ad8c6;color:#fff}.mail-editor{min-height:220px;max-height:420px;overflow:auto;border:1px solid #344858;background:#0b1722;border-radius:0 0 8px 8px;padding:14px;color:#fff;outline:none;line-height:1.65}.mail-editor:focus{border-color:#5ad8c6}.mail-editor:empty:before{content:attr(data-placeholder);color:#667c8d;pointer-events:none}.mail-editor a{color:#7be1d2;text-decoration:underline}.mail-actions{display:flex;gap:9px;align-items:center}.mail-over-limit{color:#ff9fa2}.mail-sent-list{max-height:560px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin-top:18px}.mail-sent-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #263544}.mail-sent-main{min-width:0}.mail-sent-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-sent-main small{display:block;color:#7f94a3;line-height:1.55;margin-top:7px;overflow-wrap:anywhere}.mail-state{flex:none;font-size:10px;border-radius:14px;padding:5px 8px;background:#263747;color:#a9bbc5}.mail-state.sent{background:#1b4943;color:#91efd2}.mail-state.failed{background:#532a33;color:#ffd3d3}.mail-sent-list::-webkit-scrollbar{width:8px}.mail-sent-list::-webkit-scrollbar-thumb{background:#294452;border-radius:10px}.recovery-panel{border-top:1px solid #29404e;margin-top:16px;padding-top:3px}.recovery-panel[hidden]{display:none}.recovery-submit-actions{display:flex;gap:12px;align-items:center}.login-form .recovery-submit-actions .secondary{width:auto;text-align:center;background:#14202c;color:#c1d0d9;border:1px solid #2b3c4b;margin:0}.login-form .recovery-submit-actions .login-link{margin:0}.login-form .recovery-panel input{margin-bottom:12px}@media(max-width:950px){.mail-grid{grid-template-columns:1fr}.mail-history-card{min-height:260px}}@media(max-width:700px){.mail-address-row{grid-template-columns:1fr}.mail-actions{align-items:stretch;flex-direction:column}.mail-actions button{width:100%}.mail-editor{min-height:180px}}