.mrw-identities { padding: 12px 0; display: grid; gap: 10px; color: var(--mr-card-ink); }
.mrw-identities label { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 14px; }
.mrw-identities select,.mrw-identities input:not([type=checkbox]),.mrw-identities button,.mrw-controls select,.mrw-controls button,.mrw-inbox header button,.mrw-inbox>button { font: inherit; color: var(--mr-card-ink); background: var(--mr-card); border: 1px solid var(--mr-card-edge); border-radius: 8px; min-height: 44px; padding: 8px 12px; max-width: 100%; }
.mrw-identities select { flex: 1; min-width: 0; width: 100%; }
.mrw-identities summary { padding: 10px 0; cursor: pointer; }
.mrw-compose-tools { display:flex; gap:8px; flex-wrap:wrap; }
.mrw-compose-tools:not(:has(> :not([hidden]))) { display:none; }
.mrw-signature-choice { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px; margin:8px 0 0; }
.mrw-signature-choice label { font-size:13px; color:var(--mr-card-ink); }
.mrw-signature-choice select { min-width:0; min-height:44px; width:100%; padding:8px 10px; font:inherit; color:var(--mr-card-ink); background:var(--mr-card); border:1px solid var(--mr-card-edge); border-radius:8px; }
.mrw-signature-choice button { min-width:44px; min-height:44px; padding:8px 10px; font:inherit; color:var(--mr-card-ink); background:transparent; border:0; border-radius:8px; cursor:pointer; }
.mrw-signature-choice button:hover,.mrw-signature-choice button:focus-visible { background:var(--mr-card); }
#cmpIdentityStatus:empty { display:none; }
.mrw-manage-signatures { min-height:44px; padding:8px 12px; margin-top:12px; font:inherit; color:var(--mr-card-ink); background:var(--mr-card); border:1px solid var(--mr-card-edge); border-radius:8px; }
.mrw-rewrite-proposal { display:grid; gap:10px; }
.mrw-rewrite-proposal textarea { min-height:120px; width:100%; box-sizing:border-box; font:inherit; }
.mrw-sig-actions { position:sticky; bottom:-24px; padding:12px 0; background:var(--mr-page-solid); border-top:1px solid var(--mr-card-edge); }
.mrw-identities iframe { width: 100%; height: 220px; border: 1px solid var(--mr-card-edge); background: white; border-radius: 8px; }
#cmpSignaturePaste { min-height: 80px; max-height: 240px; overflow: auto; width: 100%; border: 1px solid var(--mr-card-edge); padding: 12px; background: var(--mr-card); }
#cmpSignaturePaste img { max-width: 100%; height: auto; }
.mrw-inbox { position: fixed; inset: 0; z-index: 140; padding: calc(16px + env(safe-area-inset-top)) max(16px,calc((100vw - 900px)/2)) calc(24px + env(safe-area-inset-bottom)); overflow: auto; background: var(--mr-page-solid); color: var(--mr-page-ink); }
#lock:not(.hide) { z-index: 150; }
.mrw-inbox[hidden] { display: none; }
.mrw-inbox header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mrw-inbox h1 { font-size: 28px; margin: 8px 0 20px; }
.mrw-controls { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.mrw-controls details { width: 100%; }
.mrw-controls label { display: flex; gap: 8px; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
.mrw-mails { margin: 20px 0; }
.mrw-mail { display: grid; text-align: left; width: 100%; gap: 5px; padding: 16px 0; background: transparent; color: inherit; border: 0; border-bottom: 1px solid var(--mr-card-edge); font: inherit; cursor: pointer; }
.mrw-mail p { margin: 0; font-size: 14px; overflow-wrap: anywhere; }
.mrw-mail small { color: var(--mr-ink-muted); }
.mrw-mail:hover { background: var(--mr-card); }
.mrw-inbox button:focus-visible,.mrw-identities :focus-visible,.mrw-controls :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.mrw-inbox button:disabled,.mrw-identities button:disabled { opacity: .7; cursor: wait; }
@media (max-width: 600px) { .mrw-identities label { display: grid; grid-template-columns: auto 1fr; } .mrw-inbox h1 { font-size: 24px; } }
.mrw-signature-editor { width: min(1000px,calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 24px; border: 1px solid var(--mr-card-edge); border-radius: 16px; background: var(--mr-page-solid); color: var(--mr-page-ink); box-sizing: border-box; font: 16px/1.5 system-ui; }
.mrw-signature-editor::backdrop { background: var(--mr-sheet-dim,rgba(0,0,0,.5)); }
.mrw-signature-editor header { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
.mrw-signature-editor header > div { flex: 1; min-width: 0; }
.mrw-signature-editor header select { width: 100%; }
.mrw-signature-editor h2 { font-family: var(--mr-font-display,Georgia,serif); font-size: 30px; margin: 0; }
.mrw-signature-editor header p { margin: 4px 0 0; overflow-wrap: anywhere; }
.mrw-signature-editor h3 { font-size: 16px; margin: 0; }
.mrw-signature-editor label { display: grid; gap: 6px; font-size: 14px; }
.mrw-signature-editor button,.mrw-signature-editor select,.mrw-signature-editor input { min-height: 44px; font: inherit; border: 1px solid var(--mr-card-edge); border-radius: 8px; padding: 8px 12px; box-sizing: border-box; background: var(--mr-card); color: var(--mr-card-ink); max-width: 100%; }
.mrw-signature-editor button { cursor: pointer; }
.mrw-signature-editor button:hover { background: var(--mr-page-solid); }
.mrw-signature-editor :focus-visible { outline: 2px solid var(--mr-page-ink); outline-offset: 3px; }
.mrw-defaults { display:flex; flex-direction:column; align-items:stretch; gap:12px; }
.mrw-defaults label { min-width:0; }
.mrw-signature-layout { display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:28px; padding-top:20px; }
.mrw-signature-layout aside,.mrw-signature-layout main { min-width:0; display:flex; flex-direction:column; gap:12px; }
.mrw-signature-layout summary { min-height:44px; cursor:pointer; padding:8px 0; box-sizing:border-box; }
.mrw-default-options > summary { font-weight:600; border-bottom:1px solid var(--mr-card-edge); }
.mrw-sig-advanced-body { display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding-top:14px; }
.mrw-sig-advanced-body .mrw-defaults,.mrw-sig-advanced-body .mrw-sig-copy { width:100%; }
.mrw-sig-copy label { margin-top:10px; }
.mrw-sig-help,.mrw-signature-layout details p { font-size:13px; margin:4px 0; }
.mrw-sig-picker { display:flex; align-items:end; gap:8px; }
.mrw-sig-picker label { flex:1; min-width:0; }
.mrw-sig-picker select { width:100%; }
.mrw-sig-picker button { flex:0 0 auto; }
.mrw-sig-toolbar { display:flex; flex-wrap:wrap; gap:6px; }
.mrw-sig-toolbar button { min-width:44px; padding-inline:10px; }
.mrw-sig-link-fields { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.mrw-sig-link-fields[hidden] { display:none; }
.mrw-sig-link-fields input { flex:1 1 180px; min-width:0; }
#mrSigCanvas { min-height:180px; max-height:420px; overflow:auto; background:#fff; color:#1b1b1b; color-scheme:only light; caret-color:#1b1b1b; border:1px solid #c9c6be; border-radius:8px; padding:16px; overflow-wrap:anywhere; }
#mrSigCanvas img { max-width: 100%; height: auto; }
.mrw-sig-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#mrSigPreview { display: block; width: 100%; height: 250px; max-width: 100%; border: 1px solid var(--mr-card-edge); border-radius: 8px; background: white; box-sizing: border-box; }
#mrSigPreview.mrw-phone-preview { width: 320px; }
.mrw-signature-editor .mrw-sig-actions { display:flex; gap:8px; flex-wrap:wrap; position:static; bottom:auto; margin:2px 0 8px; }
#mrSigSave,#mrSigUse { background: var(--mr-primary); color: var(--mr-primary-ink); }
#mrSigStatus { min-height: 24px; margin: 20px 0 0; }
@media(max-width:600px) { .mrw-signature-editor { width:100%; max-width:100%; max-height:95dvh; margin:auto 0 0; padding:20px 16px calc(20px + env(safe-area-inset-bottom)); border-radius:16px 16px 0 0; } .mrw-signature-editor h2 { font-size:26px; } .mrw-signature-layout { grid-template-columns:1fr; gap:18px; padding-top:18px; } .mrw-signature-layout main { gap:10px; } .mrw-default-options > summary { padding:12px 0; } .mrw-sig-toolbar { flex-wrap:nowrap; } .mrw-sig-toolbar button { font-size:14px; padding-inline:8px; } .mrw-sig-preview-head { margin-top:4px; } #mrSigPreview { height:190px; } .mrw-sig-advanced-body { gap:14px; } }
.mrw-identities[hidden] { display: none; }
.mrw-review-reply { width:100%; min-height:44px; margin:12px 0; }
html.mrd-on #detail.mrd-pane > .mrw-review-reply { order:20; width:auto; flex:0 0 auto; margin:12px 8px 0 28px; }
/* The chosen signature continues the message on the same writing surface. */
#cmpCompose.mrw-has-signature #cmpBody { display:block; min-height:72px; box-sizing:border-box; field-sizing:fixed !important; overflow:hidden; resize:none; margin-bottom:0; }
html.mrd-on #cmpCompose.mrw-has-signature:not(.mrd-docked) #cmpBody { min-height:72px !important; }
#cmpSignatureFooter { display:block; margin:0; padding:0; color:var(--mr-page-ink); }
#cmpSignatureFooter[hidden] { display:none; }
#cmpSignaturePreview { display:block; width:100%; height:0; max-width:100%; box-sizing:border-box; background:transparent; border:0; color-scheme:normal; }

#sheet #sigSet.mrw-signatures-replaced { display:none !important; }

/* Settings polish: keep the existing paper, copper and single-scroller layout. */
/* Home has its own rounded list. The canon page gradient on the rectangular scroller showed
   as a black frame around that list, especially above the first row in dark mode. */
@media (max-width:1023.98px) {
  html:not(.mrd-on) #sheet[data-mrs-view="home"] [data-dc-tpl="602"].mrs-on { background:transparent !important; }
  #sheet[data-mrs-view="home"] .mrs-home > .mrs-group {
    background:var(--mrd-raised); border:1px solid var(--mr-hairline);
    box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
  }
}
#sheet [data-dc-tpl="601"] { display:none !important; }
html.mrd-on #sheet[data-mrs-view] [data-dc-tpl="601"] { display:none !important; }
#sheet #mrs-root .mrs-bar { margin-bottom:8px; }
#sheet #mrs-root .mrs-page { scroll-margin-top:57px; }
#sheet #mrs-root :is(button,select,input,textarea):focus-visible { outline:2px solid var(--mr-urgent-ink) !important; outline-offset:2px; }
#sheet #mrs-page-replies .mrs-reply-scope {
  margin:4px 0 10px !important; padding:0 !important; border:0 !important;
  color:var(--mr-ink-muted); font-size:13px; line-height:1.4; overflow-wrap:anywhere;
}
#sheet #mrs-page-replies .mrs-body > .mrs-reply-scope + * { border-top:0 !important; }
#sheet #mrs-page-replies #sendRowSub { display:none !important; }
#sheet #mrs-page-replies .mrs-foot:has(#mrs-sendupgrade[hidden]) { display:none !important; }
#sheet #mrs-page-look .mrs-body button { min-height:44px !important; }
#sheet #mrs-page-account #diagLink { position:relative; }
#sheet #mrs-page-account #diagLink::before { content:""; position:absolute; inset:-12px -8px; }

/* Replies: sending applies to the active mailbox; signature preview can inspect another address. */
#sheet #mrwSettingsSignatures.mrw-settings-signatures {
  display:grid; gap:0; min-width:0; padding:16px 0 18px !important;
  background:none !important; box-shadow:none !important; border-left:0 !important;
  border-right:0 !important; border-bottom:0 !important;
  color:var(--mr-page-ink);
}
#sheet #mrwSettingsSignatures[hidden] { display:none !important; }
#sheet .mrw-settings-signature-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#sheet .mrw-settings-signature-head h3 { margin:0; color:var(--mr-page-ink); font-size:17px; font-weight:600; line-height:1.3; }
#sheet .mrw-settings-signature-head button,
#sheet #mrwSettingsSignatureReload {
  min-height:44px; padding:8px 16px; border:1px solid var(--mr-quiet-edge);
  border-radius:22px; background:transparent; color:var(--mr-page-ink); font:inherit;
  font-size:14px; font-weight:600; cursor:pointer;
}
#sheet .mrw-settings-signature-head button { flex:0 0 auto; }
#sheet #mrwSettingsSignatures > label { display:grid; gap:5px; margin-top:12px; color:var(--mr-ink-muted); font-size:13px; font-weight:600; }
#sheet #mrwSettingsSignatures select {
  display:block; width:100%; min-width:0; min-height:44px; box-sizing:border-box;
  padding:8px 12px; border:1px solid var(--mr-quiet-edge); border-radius:10px;
  background:var(--mr-paper); color:var(--mr-paper-ink); font:inherit; font-size:14px;
}
#sheet #mrwSettingsSignatures .mrw-settings-signature-defaults {
  margin:12px 0 0; color:var(--mr-ink-muted); font-size:13px; line-height:1.45;
  overflow-wrap:anywhere;
}
#sheet #mrwSettingsSignaturePreview {
  display:block; width:100%; max-width:100%; min-width:0; height:0;
  margin:10px 0 0; border:0; background:transparent; box-sizing:border-box;
}
#sheet #mrwSettingsSignaturePreview[hidden] { display:none !important; }
#sheet #mrwSettingsSignatureReload { justify-self:start; margin-top:12px; }
#sheet #mrwSettingsSignatures .mrw-settings-signature-status {
  margin:8px 0 0; color:var(--mr-ink-muted); font-size:13px; line-height:1.4;
  overflow-wrap:anywhere;
}
#sheet #mrwSettingsSignatures .mrw-settings-signature-status:empty { display:none; }
#sheet #mrwSettingsSignatures :is(button,select):disabled { opacity:.62; cursor:not-allowed; }

@media (max-width:1023.98px) {
  /* The old double gutter consumed 82px on a 390px phone. Keep one 12px content inset. */
  #sheet #mrs-root .mrs-page .mrs-body,
  html[data-mr-canon1b="on"] #sheet #mrs-root #mrs-page-replies .mrs-body { padding:8px 12px 0 !important; }
  #sheet #mrs-root .mrs-page .mrs-back { width:44px; min-width:44px; padding:0 !important; justify-content:center; }
  #sheet #mrs-root .mrs-page .mrs-backlbl { display:none !important; }
  html.mrt-on #sheet #mrs-root .mrs-page .mrs-close { display:inline-flex !important; }
  /* Longer pages use more of the phone; short pages keep a compact sheet. */
  #sheet:has(#mrs-root #mrs-page-voice:not([hidden]),#mrs-root #mrs-page-replies:not([hidden]),#mrs-root #mrs-page-triage:not([hidden]),#mrs-root #mrs-page-alerts:not([hidden])) { min-height:min(84dvh,760px); }
  #sheet:has(#mrs-root #mrs-page-look:not([hidden]),#mrs-root #mrs-page-account:not([hidden]),#mrs-root #mrs-page-numbers:not([hidden])) { min-height:0; }
  #sheet:has(#mrs-root .mrs-page:not([hidden])) [data-dc-tpl="602"].mrs-on { --mrs-h:calc(min(84dvh,760px) - 79px) !important; }
  #sheet:has(#mrs-root #mrs-page-voice:not([hidden]),#mrs-root #mrs-page-replies:not([hidden]),#mrs-root #mrs-page-triage:not([hidden]),#mrs-root #mrs-page-alerts:not([hidden])) > [data-dc-tpl="596"] { min-height:min(84dvh,760px); box-sizing:border-box; }
  #sheet:has(#mrs-root #mrs-page-look:not([hidden]),#mrs-root #mrs-page-account:not([hidden]),#mrs-root #mrs-page-numbers:not([hidden])) > [data-dc-tpl="596"] { min-height:0; }
  #sheet:has(#mrs-root #mrs-page-look:not([hidden]),#mrs-root #mrs-page-account:not([hidden]),#mrs-root #mrs-page-numbers:not([hidden])) [data-dc-tpl="602"].mrs-on { min-height:0; }
  #sheet:has(#mrs-root #mrs-page-voice:not([hidden]),#mrs-root #mrs-page-replies:not([hidden]),#mrs-root #mrs-page-triage:not([hidden]),#mrs-root #mrs-page-alerts:not([hidden])) [data-dc-tpl="602"].mrs-on { min-height:var(--mrs-h); }
}
@media (max-width:360px) {
  #sheet #mrs-page-alerts #cadence { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  #sheet #mrs-page-alerts #cadence > .mr-radio-item { width:100%; min-height:44px; box-sizing:border-box; }
  #sheet #mrwSettingsSignatures.mrw-settings-signatures { padding-block:12px !important; }
}