.mail-settings-panel{background:#fff;min-width:0}.mail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#f9fafb;border-bottom:1px solid var(--line)}.mail-section-heading>div{min-width:0}.mail-section-heading h3{font-size:15px;margin-bottom:5px}.mail-account{font-size:12px;color:#666e77;overflow-wrap:anywhere}.mail-status-label{background:#f4f0e9;color:#8c6834;font-size:11px;padding:3px 9px;border-radius:2px;flex:none}.mail-status-label.is-verified{background:#edf5f0;color:var(--green)}.mail-settings-content{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);gap:35px;padding:24px}.mail-settings-intro h4{font-size:16px;margin-bottom:10px}.mail-settings-intro>p{font-size:12px;color:#707780;line-height:1.9;margin-bottom:11px}.mail-settings-intro>a{font-size:12px;color:#496786}.mail-setup-help{font-size:12px;margin-top:20px;color:#646d76}.mail-setup-help summary{cursor:pointer;font-weight:600;color:#424e59}.mail-setup-help ol{padding-left:20px;line-height:1.9;margin:10px 0}.mail-setup-help li+li{margin-top:5px}.mail-setup-help p{font-size:11px;line-height:1.8}.mail-hint{font-size:11px;color:#7b838c;line-height:1.8;overflow-wrap:anywhere}.mail-settings-form>.mail-hint{margin-top:12px}.mail-checkbox{display:flex;align-items:flex-start;gap:9px;margin:17px 0;font-size:12px;color:#515c67;line-height:1.8}.mail-checkbox input{flex:none;width:16px;height:16px;margin:3px 0 0;accent-color:var(--ink)}.mail-setting-buttons{display:flex;flex-wrap:wrap;gap:8px}.mail-setting-buttons .button{font-size:11px;min-height:36px}.mail-composer{padding:22px 24px;border-top:1px solid var(--line)}.mail-composer>.mail-hint{margin-bottom:17px}.mail-composer .detail-section-heading{margin-bottom:10px}.mail-composer .field input,.mail-composer .field textarea{font-size:12px}.mail-compose-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mail-preview-panel{padding:16px;background:#f6f8fa;border:1px solid #dce4eb;margin-top:18px;border-radius:3px}.mail-preview-panel h4{margin-bottom:12px}.mail-preview-panel dl{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;font-size:12px;margin:0 0 14px}.mail-preview-panel dt{color:#7a838d}.mail-preview-panel dd{margin:0;overflow-wrap:anywhere}.mail-preview-panel>p{white-space:pre-wrap;font-size:12px;line-height:1.9;border-top:1px solid var(--line);padding-top:12px;margin-bottom:18px;max-height:260px;overflow:auto}.mail-preview-panel .button{margin:0 6px 7px 0;min-height:36px;font-size:11px;padding:8px 12px}.mail-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.mail-history-heading+.mail-hint{margin:10px 0 16px}.mail-history-heading .button{font-size:10px;min-height:31px;padding:6px 9px}.mail-history{display:grid;gap:10px}.mail-record{border:1px solid #e5e8eb;padding:13px 14px;border-radius:3px;min-width:0}.mail-record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.mail-record-heading strong{font-size:11px;color:#6b7681}.mail-record-sent .mail-record-heading strong{color:var(--green)}.mail-record-failed .mail-record-heading strong{color:#9b5739}.mail-record-unknown .mail-record-heading strong{color:var(--amber)}.mail-record-heading .muted{font-size:9px}.mail-record>p{font-size:10px;color:#76808b}.mail-record .mail-record-subject{font-size:11px;color:#4c5863;margin-top:4px}.mail-record .mail-record-error,.mail-record-error{font-size:11px;color:#9b5739;margin-top:5px}.mail-record details{margin-top:9px;font-size:11px}.mail-record summary{cursor:pointer;color:#657687}.mail-record-body{white-space:pre-wrap;max-height:220px;overflow:auto;font-size:11px;line-height:1.8;margin-top:8px}.mail-pending-actions{margin-top:12px}.mail-pending-actions .button{margin-top:10px}
.mail-settings-form{min-width:0}.mail-sender-settings h3,.mail-recipient-heading h3{font-size:14px}.mail-sender-address{font-size:12px;color:#646e78;margin:8px 0 17px;overflow-wrap:anywhere}.mail-connection-actions{margin-top:14px}.mail-recipient-settings{border-top:1px solid var(--line);padding-top:22px;margin-top:23px}.mail-recipient-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.mail-recipient-heading>.mail-hint{flex:none}.mail-notification-recipients{display:grid;gap:14px}.mail-notification-recipient{min-width:0;margin:0;padding:12px 14px 11px;border:1px solid #dfe4e8;border-radius:3px;background:#fcfdfe}.mail-notification-recipient legend{padding:0 5px;font-size:11px;color:#77828d}.mail-recipient-fields{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:12px}.mail-recipient-fields .field+.field{margin:0}.mail-recipient-fields .field input{font-size:12px;min-height:39px;padding:8px 10px}.mail-recipient-fields .field label{font-size:11px}.mail-recipient-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.mail-recipient-actions .mail-checkbox{margin:0;font-size:11px}.mail-remove-recipient{min-height:31px;font-size:10px;padding:5px 9px;flex:none;color:#805f52}.mail-recipient-settings>#mail-add-recipient{margin-top:14px;font-size:11px}.mail-recipient-settings>#mail-recipients-empty{margin-top:12px;padding:16px;background:#f6f8fa;border:1px dashed #d9dfe5}.mail-save-actions{margin-top:24px;align-items:center}.mail-save-actions #mail-settings-draft{color:#8c6834;font-size:11px}.mail-record-cancelled .mail-record-heading strong{color:#747980}
@media(max-width:1050px){.mail-recipient-fields{grid-template-columns:1fr}}
@media(max-width:850px){.mail-settings-content{gap:22px;grid-template-columns:1fr}.mail-settings-intro{padding-bottom:19px;border-bottom:1px solid var(--line)}.mail-setup-help{margin-top:13px}.mail-composer{padding:22px 24px}.mail-recipient-fields{grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr)}}
@media(max-width:600px){.mail-section-heading{padding:16px;gap:10px;align-items:flex-start}.mail-account{display:block;font-size:11px;margin-top:4px}.mail-status-label{font-size:10px;padding:3px 6px}.mail-settings-content{padding:18px;gap:18px}.mail-setting-buttons .button{flex:1;font-size:10px;padding:8px 9px}.mail-setting-buttons .button:last-child{flex-basis:100%}.mail-composer{padding:20px 18px}.mail-composer .detail-section-heading{align-items:flex-start}.mail-preview-panel{padding:13px}.mail-record-heading{gap:7px}.mail-record-heading .muted{max-width:95px;text-align:right}.mail-checkbox{font-size:11px}}
@media(max-width:600px){.mail-recipient-fields{grid-template-columns:1fr;gap:13px}.mail-notification-recipient{padding:12px}.mail-recipient-heading{align-items:flex-start;gap:8px}.mail-recipient-heading h3{font-size:13px}.mail-recipient-heading>.mail-hint{font-size:10px}.mail-connection-actions .button{flex-basis:100%}.mail-save-actions .button{flex-basis:100%}.mail-save-actions #mail-settings-draft{width:100%}}

.mail-open-settings{margin:0 0 18px;font-size:11px}
.mail-primary-fields{display:grid;gap:16px;margin:18px 0}.mail-primary-fields>.field{margin:0;min-width:0}.mail-primary-fields input,.mail-primary-fields select{font-size:13px}.mail-settings-intro .mail-setup-help p{margin-top:10px}.mail-settings-intro .mail-setup-help a{color:#456b8c;text-decoration:underline;text-underline-offset:3px}
.mail-sender-identity{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 12px;margin:14px 0 12px;padding:14px 15px;background:#f6f8fa;border:1px solid #e4e9ed;border-radius:3px;font-size:12px;line-height:1.7}
.mail-sender-identity dt{color:#78828c;font-size:11px}.mail-sender-identity dd{margin:0;overflow-wrap:anywhere;color:#46525e}
.mail-record .mail-record-sender{margin-top:7px;line-height:1.8;overflow-wrap:anywhere}
.mail-profiles-panel{border-top:1px solid var(--line);min-width:0;background:#fff}
.mail-profiles-panel .mail-section-heading{align-items:flex-start}.mail-profiles-panel .mail-section-heading>.button{flex:none}
.mail-profiles-content{padding:24px}.mail-profiles-content>.mail-hint{font-size:12px;margin-bottom:14px}
.mail-profiles-content>.mail-setup-help{padding:13px 15px;margin:0 0 21px;border:1px solid #e3e7eb;background:#fafbfc;border-radius:3px}
.mail-profiles-content .mail-setup-help p{margin-top:10px;font-size:12px}.mail-profiles-content .mail-setup-help a{color:#456b8c;text-decoration:underline;text-underline-offset:3px}
.mail-senders-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mail-senders-empty{grid-column:1/-1;padding:23px 18px;background:#f8fafb;border:1px dashed #d8e0e7;color:#77828d;font-size:12px;line-height:1.9;text-align:center}
.mail-sender-card{min-width:0;padding:17px;border:1px solid #dde3e8;border-radius:4px;background:#fff}
.mail-sender-card-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:7px}
.mail-sender-card-heading>div{min-width:0}.mail-sender-card-heading strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.mail-sender-card-email{margin-top:5px;font-size:12px;color:#697582;overflow-wrap:anywhere}
.mail-sender-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.mail-sender-card-actions .button{min-height:33px;padding:7px 9px;font-size:11px}
.mail-sender-form{padding:22px;margin-top:20px;border:1px solid #cfdbe5;border-radius:4px;background:#f9fbfc}
.mail-sender-form .detail-section-heading{margin-bottom:19px}.mail-sender-form h4{font-size:14px}
.mail-sender-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.mail-sender-grid>.field{min-width:0;margin:0}.mail-sender-grid>.mail-sender-wide{grid-column:1/-1}
.mail-sender-form .field input,.mail-sender-form .field select{font-size:13px;background:#fff}.mail-sender-form .field input:disabled,.mail-sender-form .field select:disabled{background:#eef1f4;color:#78818a}
.mail-sender-form .mail-checkbox{margin:18px 0}.mail-sender-form>.message{margin-bottom:16px}
@media(max-width:850px){.mail-senders-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.mail-profiles-content{padding:18px}.mail-profiles-panel .mail-section-heading{flex-wrap:wrap}.mail-profiles-panel .mail-section-heading>.button{min-height:38px}.mail-sender-form{padding:16px}.mail-sender-grid{grid-template-columns:minmax(0,1fr);gap:16px}.mail-sender-card{padding:15px}.mail-sender-card-actions .button{min-height:38px}.mail-sender-form .field input,.mail-sender-form .field select{font-size:16px}.mail-sender-form .mail-setting-buttons .button{flex-basis:auto}.mail-sender-identity{grid-template-columns:70px minmax(0,1fr);padding:12px;gap:7px 9px;font-size:11px}}
@media(max-width:600px){.mail-primary-fields input,.mail-primary-fields select{font-size:16px}}