.mail-active .reader-pane{grid-template-rows:auto auto minmax(0,1fr)}
.message-actions{padding:9px 24px;border-bottom:1px solid var(--line);background:#fff;min-width:0}
.reader-actions-main{display:flex;gap:6px;flex-wrap:wrap}
.reader-actions-main .outline{padding:7px 11px;font-size:.875rem;min-height:34px}
.reader-actions-main #reply{background:#edf4fa;color:#173e61;border-color:#b9ccdc;font-weight:600}
.reader-actions-main #move-mail{margin-right:8px}
.reader-actions-main #report-spam,.reader-actions-main #block-sender{color:#80402c}
.mail-active .message-body{max-width:none;font-size:1rem;line-height:1.85;min-height:0}
.mail-active #mail-settings-button{margin-top:6px;border-top:1px solid var(--line);border-radius:0;padding-top:15px}
.compose-body-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px}.compose-body-heading label{margin:0}.compose-body-heading>div{display:flex;gap:7px}.compose-body-heading button{font-size:.875rem;padding:5px 10px}
#mail-settings-dialog{width:min(720px,calc(100% - 28px));max-width:720px}#mail-settings-dialog form{padding:26px 30px}#mail-settings-dialog h3{font-size:1rem;margin:25px 0 12px}#settings-owner{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}
.settings-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.settings-heading label{margin:0}.settings-heading button{font-size:.875rem;padding:6px 10px}
#signature{width:100%;margin:12px 0;min-height:145px;font-size:1rem;line-height:1.65;resize:vertical}
.signature-options{display:flex;gap:18px;flex-wrap:wrap}.signature-options label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:400;margin:0}.signature-options input{width:17px;height:17px;accent-color:var(--navy)}
#signature-preview{white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid #bb741f;background:#f6f8fb;padding:18px 20px;min-height:70px;font-size:1rem;line-height:1.7}
.settings-help{font-size:.875rem;color:var(--muted);line-height:1.65}#blocked-section{margin-top:24px;border-top:1px solid var(--line)}#blocked-section summary{cursor:pointer;font-weight:600;padding:20px 0 5px}#blocked-list{list-style:none;padding:0;margin:10px 0;max-height:220px;overflow:auto}#blocked-list li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}#blocked-list span{overflow-wrap:anywhere;font-size:.9375rem}#blocked-list button{font-size:.875rem;white-space:nowrap;padding:6px 10px}
#forward-progress{font-size:.875rem;background:#edf4fa;padding:12px;color:#173e61}
@media(max-width:760px){.message-actions{padding:8px 12px}.reader-actions-main{gap:5px}.reader-actions-main .outline{padding:6px 9px;min-height:33px}.reader-actions-main #move-mail{margin-right:0}.mail-active #mail-settings-button{margin:0;padding:8px 10px;border:0}#mail-settings-dialog form{padding:22px 18px}.compose-body-heading{flex-wrap:wrap}}
.reader-pane>.reader-toolbar{grid-row:1}.reader-pane>.message-actions{grid-row:2}.reader-pane>.message-detail{grid-row:3}

.signature-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 8px}.signature-list-row label{margin:0}.signature-list-row>div{display:flex;gap:8px}#signature-count{font-size:.875rem;font-weight:400;color:var(--muted);margin-left:6px}#signature-list{width:100%}#signature-name{width:100%;margin-bottom:18px}#signature-defaults{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}#signature-defaults select{width:100%}#signature-defaults label{font-size:.875rem;margin-top:0}#compose-signature{width:auto;max-width:220px;min-height:32px;padding:4px 28px 4px 9px;font-size:.875rem}.compose-body-heading>div{align-items:center;flex-wrap:wrap}#signature-manager[hidden],#signature-defaults[hidden],#compose-signature-wrap[hidden],#signature-legacy-options[hidden]{display:none}@media(max-width:600px){#signature-defaults{grid-template-columns:1fr}.signature-list-row{flex-wrap:wrap}#compose-signature{max-width:160px}}

.signature-image-tools{margin:12px 0 20px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.signature-image-tools label{margin-top:0}.signature-image-upload{display:flex;align-items:center;gap:10px}.signature-image-upload input{min-width:0;flex:1;font-size:.875rem}.signature-image-upload button{white-space:nowrap}.signature-image-tools .settings-help{margin:9px 0}.signature-image-tools input[type=range]{width:100%;accent-color:var(--navy)}#signature-image-width-value{margin-left:8px;color:var(--muted);font-weight:400}.signature-preview-card{padding:16px 20px;border-left:3px solid #bb741f;background:#f6f8fb}.signature-preview-card #signature-preview{padding:0;border:0;background:none;min-height:0}.signature-preview-card img{display:block;max-width:100%;height:auto;margin-top:12px}.compose-signature-image-wrap{flex:0 1 auto;overflow:auto;max-height:160px;padding:10px 16px;background:#f7f9fc;border:1px solid var(--line);border-top:0}.compose-signature-image-wrap span{display:block;color:var(--muted);font-size:.8125rem;margin-bottom:8px}.compose-signature-image-wrap img{display:block;max-width:100%;height:auto}.signature-image-tools[hidden],.signature-preview-card img[hidden],.compose-signature-image-wrap[hidden],.compose-signature-image-wrap img[hidden]{display:none}@media(max-width:600px){.signature-image-upload{align-items:flex-start;flex-direction:column}.signature-image-upload input{width:100%}}

/* Keep new signatures visibly separate from edits to an existing profile. */
.signature-editor-fields{min-width:0;border:0;padding:0;margin:0}
#signature-list[size]{min-height:122px;padding:5px;background:#fff}
#signature-list[size] option{padding:8px 10px;line-height:1.5}
.signature-editor-mode{margin:16px 0 4px;color:var(--navy);font-size:.9375rem;font-weight:600}
#signature-editor-help{margin:0 0 15px}
.signature-save-status{padding:11px 13px;margin:16px 0 0;border:1px solid #cde3d6;border-radius:5px;background:#f1f8f4;color:#286244;font-size:.875rem;line-height:1.6}
#mail-settings-dialog .dialog-actions{position:sticky;bottom:-26px;margin:12px -30px -26px;padding:14px 30px;background:#fff;z-index:1}
#signature-save-new[hidden],#signature-save-status[hidden]{display:none}
@media(max-width:760px){#mail-settings-dialog .dialog-actions{bottom:-22px;margin:12px -18px -22px;padding:12px 18px}}

#mail-settings-dialog #signature-save-new{order:1}#mail-settings-dialog #save-mail-settings{order:2}
