.email-dialog{width:min(580px,calc(100vw - 30px));max-height:92dvh}.email-dialog form{margin:0}.email-dialog .dialog-header{position:sticky;top:0;background:#fff;z-index:3}.email-content{padding:21px 23px;display:grid;gap:17px}.email-sender{display:flex;gap:10px;align-items:center;padding:2px 0 0}.email-sender-icon{background:#edf2fc;border-radius:7px;padding:10px;color:#6681c7}.email-sender>div{min-width:0}.email-sender>div>span{display:block;font-size:8px;letter-spacing:1.5px;color:#8a9bb3}.email-sender strong{display:block;font-size:11px;font-weight:550;margin-top:3px;overflow-wrap:anywhere}.email-service-message{font-size:10px;line-height:1.8;color:#94783e;background:#fff8e9;border:1px solid #f1e5c9;padding:11px 13px;border-radius:6px}.email-service-message.ready{color:#607999;background:#f3f7fd;border-color:#e1e9f5}.email-label{display:flex;justify-content:space-between;gap:10px}.email-label>span{font-size:9px;color:#95a3b6}.email-content .field textarea{min-height:0;resize:vertical}.email-hint{display:block;font-size:9px;color:#96a4b7;margin-top:6px;line-height:1.7}.email-attachment{display:flex;align-items:center;gap:10px;background:#f7f9fc;border:1px solid #e3e9f1;padding:13px;border-radius:6px}.email-attachment>span:first-child{padding:8px;border:1px solid #e4eaf4;border-radius:5px;color:#7890c8;background:#fff}.email-attachment>div{min-width:0;flex:1}.email-attachment strong{display:block;font-size:10px;font-weight:550;overflow-wrap:anywhere}.email-attachment>div>span{display:block;font-size:9px;margin-top:4px;color:#93a2b6}.email-code-field input{letter-spacing:1.1px}.email-code-field input::placeholder{letter-spacing:0}.email-result{padding:13px 15px;font-size:11px;line-height:1.8;border-radius:6px;background:#fff0ef;color:#ae534b;border:1px solid #f2d7d3}.email-result.success{background:#edf8f1;color:#4b8368;border-color:#d3eadc}.email-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:15px 23px;border-top:1px solid #e4eaf2;background:#fafbfd;position:sticky;bottom:0}.form-actions{flex-wrap:wrap}.form-actions>div{flex-wrap:wrap}.form-actions>.button{flex-shrink:0}@media(max-width:720px){.form-actions #email-button{grid-column:1/-1}.email-dialog{max-height:94dvh}.email-content{padding:18px;gap:16px}.email-content input,.email-content textarea{font-size:16px}.email-content textarea{line-height:1.6}.email-content .field label{font-size:11px}.email-label>span,.email-hint{font-size:9px}.email-attachment strong{font-size:10px}.email-sender strong{font-size:12px}.email-footer{padding:13px 18px}.email-footer .button{font-size:12px;min-height:42px}.email-service-message{font-size:11px}}