.mail-studio{height:100%;min-height:0;position:relative;background:#f6f9fc;color:#263745;font:14px 'Segoe UI',system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}.mail-studio *{box-sizing:border-box}.mail-studio button,.mail-studio input,.mail-studio textarea,.mail-studio select{font:inherit}.mail-studio button{cursor:pointer}.mail-studio button:focus-visible,.mail-studio input:focus-visible,.mail-studio textarea:focus-visible{outline:2px solid #4e88de;outline-offset:2px}.mail-studio button{border:0;background:transparent;color:inherit}.mail-studio .mail-primary{background:#1765c1;color:white;border:0;border-radius:22px;padding:11px 23px;font-weight:600}.mail-studio .mail-secondary{background:#e9f0f9;color:#275e9d;border-radius:22px;padding:11px 20px;font-weight:600}.mail-simulation-note{padding:8px 18px;background:#eaf0f8;color:#627a94;text-align:center;font-size:12px;line-height:1.5;flex-shrink:0}.mail-account-wrap{flex:1;display:grid;place-items:center;overflow:auto;padding:25px}.mail-account-card{width:min(710px,100%);border-radius:25px;background:white;padding:34px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px}.mail-account-card .mail-wordmark{margin-bottom:25px}.mail-wordmark{display:flex;align-items:center;gap:8px;letter-spacing:-.3px;font-size:21px;font-weight:450;color:#51677c}.mail-logo{display:block;width:34px;height:27px;flex-shrink:0}.mail-account-card h2{font-size:27px;line-height:1.3;letter-spacing:-.8px;margin:0 0 15px;font-weight:450}.mail-account-card p{font-size:14px;color:#667e92;line-height:1.8;margin:9px 0}.mail-account-fields{align-self:center;min-width:0}.mail-account-fields label{display:block;font-size:13px;color:#596f84;margin:12px 0 6px}.mail-account-fields input,.mail-account-fields select{width:100%;border:1px solid #aebfce;border-radius:6px;padding:13px 11px;background:white;color:#263d53;font-size:14px}.mail-account-fields input[type=checkbox]{width:auto}.mail-account-fields .mail-check{display:flex;align-items:center;gap:8px}.mail-date-row{display:flex;gap:8px}.mail-date-row>label{flex:1;min-width:0}.mail-account-nav{display:flex;justify-content:flex-end;align-items:center;gap:12px;grid-column:1/-1;padding-top:9px}.mail-step-count{font-size:12px!important;color:#7590a7!important;margin-top:20px!important}.mail-rule{font-size:13px;line-height:1.7;color:#71869a}.mail-error{color:#af482f!important;min-height:20px;font-size:14px;line-height:1.6}.mail-top{display:flex;align-items:center;gap:20px;padding:14px 20px 12px;flex-shrink:0}.mail-top .mail-wordmark{min-width:142px}.mail-search-wrap{flex:1;position:relative;max-width:680px}.mail-search-wrap svg{position:absolute;left:13px;top:13px;width:18px;height:18px;pointer-events:none}.mail-search{width:100%;border:0;border-radius:24px;padding:13px 16px 13px 42px;background:#e8eef7;color:#415c73;outline:0}.mail-user{display:flex;align-items:center;gap:10px;margin-left:auto}.mail-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#9b75c9;color:white;font-size:16px}.mail-signout{font-size:12px!important;color:#67819a!important;white-space:nowrap}.mail-workspace{flex:1;min-height:0;display:grid;grid-template-columns:185px 1fr;padding:0 15px 14px 0}.mail-sidebar{padding:4px 8px 0 14px}.mail-compose-button{display:flex;align-items:center;gap:12px;background:#c9e5ff!important;color:#204c73!important;border-radius:16px;padding:17px 20px;font-size:14px!important;margin:0 0 17px 3px;box-shadow:0 2px 4px #2649680b}.mail-compose-button svg{width:20px;height:20px}.mail-folder{display:flex;align-items:center;gap:13px;width:100%;padding:10px 15px!important;border-radius:0 20px 20px 0;font-size:14px!important;text-align:left;color:#4f667d!important}.mail-folder svg{width:17px;height:17px;flex-shrink:0}.mail-folder.active{background:#d7e5fa;color:#254f83!important;font-weight:650}.mail-folder span:last-child{margin-left:auto;font-size:12px}.mail-storage-note{margin:24px 15px;color:#7a8d9e;font-size:12px;line-height:1.7}.mail-list{min-width:0;min-height:0;overflow:auto;border-radius:16px;background:white}.mail-list-toolbar{display:flex;align-items:center;gap:10px;padding:13px 17px;border-bottom:1px solid #e7edf2;background:white;position:sticky;top:0;z-index:1}.mail-list-toolbar b{font-size:14px;font-weight:650}.mail-list-toolbar>span{margin-left:auto;font-size:12px;color:#748a9e}.mail-row{display:grid;grid-template-columns:34px minmax(95px,125px) 1fr 48px;align-items:center;gap:9px;padding:12px 12px;border-bottom:1px solid #e8edf2;background:#f5f8fc;min-height:46px}.mail-row.unread{background:white}.mail-row button{padding:0;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row .mail-subject{display:flex;align-items:center;gap:8px;font-size:14px;width:100%;min-width:0}.mail-row .mail-subject b{overflow:hidden;text-overflow:ellipsis;max-width:55%;font-weight:550}.mail-row.unread b{font-weight:700}.mail-row .mail-preview{color:#7a8b9a;overflow:hidden;text-overflow:ellipsis;font-size:13px;flex:1}.mail-row time{font-size:12px;color:#74899b;white-space:nowrap}.mail-row .mail-star{font-size:20px;text-align:center;color:#899aaa}.mail-row .mail-star.starred{color:#c99719}.mail-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8193a3;padding:24px}.mail-empty svg{width:45px;height:45px;color:#b3c7d8;margin-bottom:15px}.mail-empty p{font-size:14px;line-height:1.7;max-width:320px}.mail-open-toolbar{display:flex;gap:10px;padding:12px 18px;border-bottom:1px solid #edf1f5}.mail-open-toolbar button{padding:7px!important;font-size:13px!important}.mail-open-message{padding:18px 30px;color:#374f62}.mail-open-message h2{font-size:23px;font-weight:450;margin:7px 0 20px}.mail-open-message .mail-address{font-size:13px;color:#698297;overflow-wrap:anywhere;line-height:1.8}.mail-message-body{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:26px 0;color:#324b5f}.mail-open-message .mail-reply{border:1px solid #b7c9d9!important;border-radius:18px;padding:10px 24px!important;font-size:14px!important;margin-top:20px}.mail-attachments{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mail-attachment{display:flex;align-items:center;gap:7px;border:1px solid #d6e2eb;border-radius:8px;background:#f6f9fc;padding:8px 10px;font-size:13px;max-width:100%;overflow-wrap:anywhere}.mail-attachment button{font-size:15px!important;color:#688197!important}.mail-composer{position:absolute;z-index:6;right:22px;bottom:14px;display:flex;flex-direction:column;width:min(555px,calc(100% - 28px));height:min(445px,calc(100% - 84px));background:white;border-radius:13px 13px 0 0;box-shadow:0 12px 60px #243c5a32;border:1px solid #d5e0eb;overflow:hidden}.mail-composer.minimized{height:40px}.mail-composer-head{display:flex;align-items:center;gap:12px;background:#edf3fb;padding:12px 16px;font-size:13px;font-weight:600;min-height:40px}.mail-composer-head>span{flex:1}.mail-composer-head button{font-size:16px!important;padding:0!important;min-width:22px}.mail-composer-content{min-height:0;display:flex;flex-direction:column;flex:1;padding:0 16px}.mail-recipient-row,.mail-subject-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e6ecf1;min-height:36px}.mail-recipient-row label{color:#7a8d9c;min-width:20px;font-size:13px}.mail-recipient-row input,.mail-subject-row input{flex:1;min-width:0;width:100%;border:0;padding:10px 0;color:#365064;font-size:14px;outline:0}.mail-recipient-row button{font-size:12px!important;color:#688094!important;padding:5px!important}.mail-composer textarea{border:0;resize:none;flex:1;padding:14px 0;font-size:14px;color:#304a60;line-height:1.7;outline:0;min-height:60px}.mail-composer-footer{padding:10px 16px 14px;display:flex;align-items:center;gap:12px;flex-shrink:0}.mail-composer-footer .mail-primary{padding:10px 27px;font-size:14px}.mail-composer-footer button svg{width:20px;height:20px}.mail-draft-status{margin-left:auto;color:#7a8e9f;font-size:11px}.mail-composer .mail-error{padding:0 16px;margin:0;min-height:0;font-size:13px;line-height:1.5}.mail-compose-attachments{max-height:85px;overflow:auto}.mail-picker{position:absolute;z-index:8;inset:17px;background:white;border:1px solid #c7d8e6;border-radius:15px;box-shadow:0 15px 50px #243c5a33;padding:18px;display:flex;flex-direction:column}.mail-picker header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfebf3;padding-bottom:13px}.mail-picker header button{font-size:22px!important}.mail-picker>p{font-size:14px;color:#6c859a;line-height:1.7}.mail-file-list{overflow:auto;flex:1;display:flex;flex-direction:column;gap:6px}.mail-file-list button{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #e0e9f1;border-radius:8px;text-align:left}.mail-file-list img{width:30px;height:30px}.mail-file-list button small{display:block;color:#8196a7;font-size:12px;margin-top:4px}.mail-feedback-bar{position:absolute;z-index:10;bottom:18px;left:18px;max-width:calc(100% - 36px);border-radius:6px;background:#243f55;color:white;padding:13px 20px;box-shadow:0 7px 20px #1733492e;font-size:14px;line-height:1.6}.mail-compose-hint{border-top:1px solid #eaf0f5;padding:9px 15px;color:#71889b;font-size:12px;line-height:1.7}.mail-password-strength{display:flex;gap:5px;margin:10px 0}.mail-password-strength i{height:4px;flex:1;background:#dfe7ef;border-radius:3px}.mail-password-strength i.good{background:#399b77}.mail-studio [hidden]{display:none!important}
@media(max-width:750px){.mail-workspace{grid-template-columns:135px 1fr}.mail-sidebar{padding-left:6px}.mail-compose-button{font-size:14px!important;padding:14px!important}.mail-folder{font-size:13px!important;padding:9px!important;gap:8px}.mail-top{padding:12px;gap:9px}.mail-top .mail-wordmark{min-width:105px;font-size:17px}.mail-logo{width:27px}.mail-user{gap:5px}.mail-row{grid-template-columns:25px 87px 1fr 37px;gap:5px;padding:10px 5px}.mail-row .mail-preview{display:none}.mail-row .mail-subject b{max-width:100%}.mail-account-card{padding:24px;gap:18px;grid-template-columns:1fr}.mail-account-card .mail-wordmark{margin-bottom:12px}.mail-account-card h2{font-size:25px}.mail-account-nav{padding-top:0}.mail-account-wrap{padding:15px}.mail-account-card .mail-step-count{display:none}.mail-storage-note{margin:17px 8px;font-size:11px}.mail-open-message{padding:15px}.mail-open-message h2{font-size:21px}.mail-composer{right:14px;bottom:12px}.mail-signout{font-size:11px!important}}