/* Email owns the page. Compose, exact preview and result share one paper. */
.email-workspace { max-width:880px; }
.email-workspace:has(.is-recipient-workspace) { max-width:1280px; }
.email-surface > section, .email-surface > div { min-width:0; }
.email-surface [tabindex="-1"] { outline:none; }
.sender-copy small, .email-preview-meta span { font-size:14px; color:var(--muted); font-weight:400; }
.sender-card { display:flex; gap:16px; align-items:center; padding:16px var(--surface-gutter); border-bottom:1px solid var(--line); }
.sender-copy { flex:1; display:flex; gap:14px; align-items:baseline; flex-wrap:wrap; min-width:0; }
.sender-copy small { min-width:58px; }
#senderName { font-weight:400; font-size:16px; overflow-wrap:anywhere; }
#senderEmail { color:var(--muted); font-size:14px; overflow-wrap:anywhere; }
.sender-copy #senderEmail:empty { display:none; }
.to-editor { border-bottom:1px solid var(--line); }
.to-editor > summary { display:flex; align-items:center; gap:14px; list-style:none; cursor:pointer; min-height:56px; padding:12px var(--surface-gutter); }
.to-editor summary::-webkit-details-marker { display:none; }
.to-editor .envelope-label { min-width:58px; }
.audience-selection { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 18px; min-width:0; flex:1; }
.audience-selection strong { font-size:16px; font-weight:450; white-space:nowrap; }
#audienceSource { font-size:14px; color:var(--muted); overflow-wrap:anywhere; min-width:0; }
.audience-selection-issue { color:var(--danger); font-size:13px; }
.to-editor[open] .audience-selection-issue, .to-editor[open][data-single="true"] #audienceSource { display:none; }
.to-edit-label { margin-left:auto; color:var(--accent-strong); font-size:13px; white-space:nowrap; }
.audience-editor { padding:0 var(--surface-gutter) 16px; min-width:0; }
.to-editor[open] > .audience-editor { animation:interface-arrive var(--motion-quick) var(--ease-standard) both; }
.recipient-control-bar {
  display:grid;
  grid-template-columns:max-content minmax(180px,230px) minmax(0,1fr) max-content;
  grid-template-areas:"entry destination . menu";
  align-items:center;
  gap:6px 16px;
  padding:0;
}
.recipient-workspace-head { display:grid; gap:6px; min-width:0; flex-shrink:0; }
.recipient-overview {
  display:grid;
  grid-template-columns:minmax(310px,max-content) minmax(0,1fr);
  align-items:center;
  gap:6px 14px;
  min-width:0;
  min-height:46px;
  margin:0 0 6px;
  padding:5px 8px;
  border:1px solid var(--line);
  background:var(--surface-softer);
}
.recipient-entry-actions { grid-area:entry; display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; }
.audience-add-several { flex-shrink:0; font-size:14px; }
.audience-add-several > summary { min-height:38px; display:inline-flex; align-items:center; gap:6px; padding:8px 0; color:var(--accent-strong); }
.audience-add-several > .disclosure-menu { min-width:210px; }
.recipient-destination { grid-area:destination; display:flex; align-items:center; gap:8px; min-width:180px; }
.recipient-destination .field-caption { display:flex; align-items:center; gap:5px; flex-shrink:0; white-space:nowrap; }
.recipient-destination select { flex:1 1 130px; min-width:120px; max-width:220px; min-height:36px; padding-block:5px; font-size:14px; }
.recipient-menu { grid-area:menu; margin:0; font-size:14px; }
.recipient-menu > summary { padding:8px 0 8px 12px; }
.recipient-menu .disclosure-menu { right:0; left:auto; min-width:210px; }
#clearAudienceButton { color:var(--danger); }
#closeAudienceButton { margin-left:auto; }
.audience-table-footer:has(.recipient-pager[hidden]):has(.recipient-column-view[hidden]):not(:has(#closeAudienceButton:not([hidden]))):not(:has(#audienceFilterNote:not([hidden]))) { display:none; }
.audience-workspace { position:relative; }
.mapping-grid { display:grid; gap:8px; margin:8px 0 14px; }
.recipient-mapping-inspector {
  position:absolute;
  z-index:12;
  top:52px;
  right:0;
  width:min(460px,100%);
  max-height:min(62dvh,430px);
  overflow:auto;
  margin:0;
  padding:14px;
  border:1px solid var(--line-strong);
  background:var(--surface);
  box-shadow:0 14px 42px rgba(17,17,16,.16);
}
.recipient-inspector-title { grid-column:1 / -1; font-size:15px; font-weight:500; }
.quick-field { display:flex; align-items:center; gap:12px; font-size:14px; }
.quick-field select { flex:1; min-width:0; }
.compact-mapping { grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); }
.compact-mapping .quick-field { flex-direction:column; align-items:stretch; gap:6px; }
#audienceMappingHint { grid-column:1 / -1; }
.audience-table-shell { overflow:auto; border:1px solid var(--line); overscroll-behavior:contain; scrollbar-gutter:stable; scroll-padding:44px 220px 12px 0; }
.audience-table { border-collapse:collapse; min-width:100%; font-size:14px; }
.audience-table th { font-weight:450; background:var(--surface-soft); text-align:left; padding:8px 10px; white-space:nowrap; position:sticky; top:0; z-index:2; }
.audience-table td { border-top:1px solid var(--line); padding:0; vertical-align:top; }
.audience-table td:first-child { padding:8px; color:var(--muted-secondary); font-size:13px; }
.audience-cell-input { border:0; background:transparent; border-radius:0; display:block; min-width:170px; min-height:40px; max-height:80px; resize:none; white-space:pre-wrap; overflow-wrap:anywhere; overflow-y:auto; line-height:1.5; font-size:14px; padding:8px 10px; transition:background-color var(--motion-quick) var(--ease-standard); scroll-margin-bottom:28px; scrollbar-width:thin; }
.audience-cell-input:focus { background:var(--surface); box-shadow:inset 0 0 0 1.5px var(--accent); outline-offset:-2px; }
.audience-cell-input.is-email { min-width:280px; }
.recipient-person-label { display:none; }
.audience-table-shell.is-people { border:0; scrollbar-gutter:auto; scroll-padding:0; }
.is-people .audience-table { width:100%; table-layout:fixed; }
.is-people .audience-table thead, .is-people .audience-table td:first-child { display:none; }
.is-people .audience-table tbody { display:grid; gap:12px; }
.is-people .audience-table tr { display:grid; grid-template-columns:minmax(85px,.7fr) minmax(150px,1.3fr) 100px; gap:12px; align-items:start; }
.is-people .audience-table td { border:0; min-width:0; padding:0; }
.is-people .recipient-person-label { display:block; color:var(--muted); font-size:13px; margin-bottom:6px; }
.is-people .audience-cell-input { width:100%; min-width:0; border:1px solid var(--line); border-radius:0; min-height:40px; }
.is-people .recipient-remove { min-width:0; padding:23px 0 0; }
.audience-table-footer { display:flex; align-items:center; flex-wrap:wrap; gap:6px 16px; justify-content:space-between; min-height:34px; font-size:13px; margin-top:5px; color:var(--muted); }
.recipient-summary-state { color:var(--muted); font-size:13px; font-weight:400; white-space:nowrap; }
.recipient-audience-invariant {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 0;
  min-width:0;
  margin:0;
  padding:0;
}
/* Keep the zero-state dimensions visible so the first recipient does not move when it becomes real. */
.recipient-audience-invariant.is-empty { pointer-events:none; }
.recipient-audience-invariant > div { display:flex; align-items:baseline; gap:5px; min-width:0; padding:0 10px; border-left:1px solid var(--line); }
.recipient-audience-invariant > div:first-child { padding-left:0; border-left:0; }
.recipient-audience-invariant dt { color:var(--muted-secondary); font-size:11px; line-height:1.25; letter-spacing:.03em; text-transform:uppercase; white-space:nowrap; }
.recipient-audience-invariant dd { margin:0; color:var(--ink-soft); font-size:15px; font-weight:500; font-variant-numeric:tabular-nums; }
.recipient-audience-invariant[data-attention]:not([data-attention="0"]) > div:last-child dd { color:var(--accent-strong); }
.recipient-column-view { display:flex; align-items:center; flex-wrap:wrap; gap:5px 10px; min-width:0; margin-left:auto; color:var(--muted-secondary); }
.recipient-column-view[hidden] { display:none; }
.recipient-column-view .text-action { min-height:30px; white-space:nowrap; }
.recipient-mode-bar {
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:center;
  gap:6px 10px;
  margin:0;
}
.recipient-mode-bar[hidden] { display:none; }
.recipient-mode-bar.is-empty { visibility:hidden; pointer-events:none; }
.recipient-task-switch { display:inline-flex; align-items:center; min-width:0; padding:2px; border:1px solid var(--line); background:var(--surface-soft); }
.recipient-task-option { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:32px; padding:4px 9px; border:0; border-radius:2px; background:transparent; color:var(--muted); font-size:13px; white-space:nowrap; }
.recipient-task-option:hover:not(:disabled), .recipient-task-option:focus-visible { background:var(--surface); color:var(--ink-soft); }
.recipient-task-option[aria-pressed="true"] { background:var(--surface); color:var(--ink); box-shadow:0 1px 3px rgba(17,17,16,.1); }
.recipient-task-option.has-attention:not([aria-pressed="true"]) { color:var(--accent-strong); }
.recipient-task-count { min-width:19px; padding:1px 5px; border-radius:999px; background:var(--surface-softer); color:inherit; font-size:11px; font-variant-numeric:tabular-nums; }
.recipient-task-option[aria-pressed="true"] .recipient-task-count { background:var(--accent-line); }
.recipient-tools, .recipient-undo { display:flex; align-items:center; gap:10px; }
.recipient-tools { min-width:0; flex-wrap:nowrap; justify-content:flex-end; }
.recipient-tools input { flex:1 1 180px; min-width:150px; width:0; min-height:34px; font-size:14px; }
/* Recipient views are local projections; decision controls remain beside each row. */
.recipient-view { display:flex; align-items:center; gap:8px; min-width:0; max-width:100%; color:var(--muted); font-size:13px; }
.recipient-view select { min-width:185px; max-width:230px; min-height:34px; padding-block:4px; font-size:14px; }
.recipient-decision-action { color:var(--danger); }
.recipient-group-context { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 16px; margin:0 0 8px; padding:7px 10px; border:1px solid var(--line); background:var(--surface-soft); font-size:13px; }
.recipient-group-copy { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 8px; min-width:min(100%,280px); flex:1; }
.recipient-group-copy > :is(strong,span) { min-width:0; overflow-wrap:anywhere; }
.recipient-group-copy strong { color:var(--text); font-size:13px; white-space:nowrap; }
.recipient-group-copy span { color:var(--muted); line-height:1.35; }
.recipient-group-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:2px 12px; }
.recipient-group-actions .text-action { min-height:30px; }
.recipient-row-decision { display:flex; align-items:center; flex-wrap:wrap; gap:5px 8px; min-width:0; }
.recipient-state-badge { display:inline-flex; align-items:center; min-height:20px; padding:1px 7px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:var(--surface-soft); font-size:11px; font-weight:500; line-height:1.2; white-space:nowrap; }
.recipient-state-badge[data-state="included"] { color:var(--success); border-color:var(--success); background:var(--success-soft); }
.recipient-state-badge[data-state="excluded"] { color:var(--muted-secondary); }
.recipient-row-issue, .recipient-excluded-reason { flex:1 1 110px; min-width:0; color:var(--muted); font-size:12px; font-weight:400; line-height:1.35; overflow-wrap:anywhere; }
.recipient-row-actions { display:flex; align-items:center; flex-wrap:wrap; gap:2px 10px; min-width:0; }
.recipient-row-actions .text-action { min-height:26px; padding:2px 0; font-size:13px; text-align:left; white-space:normal; line-height:1.35; }
.recipient-decision-cell > :is(.recipient-row-decision,.recipient-row-actions) { display:inline-flex; vertical-align:middle; }
.recipient-decision-cell > .recipient-row-actions { margin-inline-start:9px; }
.recipient-filter-note { flex:1 1 100%; min-width:0; margin:0; color:var(--muted-secondary); font-size:12px; line-height:1.35; }
.audience-table .recipient-remove { position:sticky; right:0; width:248px; min-width:220px; max-width:280px; background:var(--surface); padding:6px 10px; z-index:3; }
.audience-table tr[data-participation="excluded"] .audience-cell-input { color:var(--muted-secondary); background:var(--surface-softer); }
.audience-table th.recipient-remove { z-index:5; background:var(--surface-soft); }
.audience-table :is(th,td).recipient-row-number { position:sticky; left:0; width:44px; min-width:44px; max-width:44px; background:var(--surface); z-index:2; }
.audience-table th.recipient-row-number { background:var(--surface-soft); z-index:5; }
.audience-table :is(th,td).recipient-identity-column { position:sticky; left:44px; background:var(--surface); box-shadow:1px 0 var(--line); z-index:2; }
.audience-table th.recipient-identity-column { background:var(--surface-soft); z-index:4; }
.audience-table tr:focus-within td.recipient-identity-column { background:var(--surface); }
.is-people .audience-table :is(.recipient-row-number,.recipient-identity-column) { position:static; box-shadow:none; }
.recipient-cell-issue { display:block; padding:0 10px 6px; font-size:13px; line-height:1.4; color:var(--danger); max-width:260px; }
.audience-cell-input[aria-invalid="true"] { box-shadow:inset 2px 0 var(--danger); }
.audience-cell-input[aria-invalid="true"]:focus { box-shadow:inset 0 0 0 1.5px var(--danger); background:var(--danger-soft); }
.recipient-pager {
  display:grid;
  grid-template-columns:32px minmax(17ch,max-content) 32px;
  align-items:center;
  gap:7px;
  min-width:calc(17ch + 78px);
  font-size:13px;
}
.recipient-pager > button:first-of-type { grid-column:1; }
.recipient-pager > span { grid-column:2; text-align:center; font-variant-numeric:tabular-nums; }
.recipient-pager > button:last-of-type { grid-column:3; }
.recipient-no-matches { padding:12px; }
.recipient-undo { flex-wrap:wrap; font-size:14px; color:var(--muted); }
.recipient-decision-feedback { justify-content:space-between; min-height:32px; margin:0 0 8px; padding:5px 9px; border:1px solid var(--line); background:var(--surface-soft); color:var(--ink-soft); }
.recipient-decision-feedback .text-action { flex:none; }
/* Audience inspection uses the current compose stage and preserves its native inputs. */
.is-recipient-workspace :is(.message-from,.message-subject,.message-design-tools,.message-writing-tools,.message-editor,.compose-presentation,.compose-design-state,.email-actions[data-stage-panel="create"]) { display:none; }
.is-recipient-workspace .to-editor { border-bottom:0; }
.is-recipient-workspace .to-editor > summary { border-bottom:1px solid var(--line); }
.is-recipient-workspace #audienceSummary > :is(.envelope-label,.to-edit-label) { display:none; }
.is-recipient-workspace .audience-selection strong { font-size:20px; font-weight:400; }
.is-recipient-workspace .recipient-summary-state { display:none; }
.is-recipient-workspace .audience-editor { height:calc(100dvh - 180px); min-height:420px; padding-top:10px; display:flex; flex-direction:column; }
.is-recipient-workspace .audience-workspace { display:flex; flex-direction:column; flex:1; min-height:0; }
.is-recipient-workspace .audience-table-shell { flex:1; min-height:320px; }
.is-recipient-workspace :is(.recipient-workspace-head,.mapping-grid,.audience-table-footer,.recipient-undo,.recipient-group-context,#audienceFilterNote,#audienceImportError) { flex-shrink:0; }
.is-duplicate-group :is(.recipient-row-issue,.recipient-cell-issue) { width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.is-duplicate-group .recipient-row-issue { flex:0 0 1px; }
.is-recipient-workspace #emailActionBar { grid-template-columns:1fr; }
.message-subject { display:flex; gap:14px; align-items:center; padding:12px var(--surface-gutter); border-bottom:1px solid var(--line); }
.message-subject .envelope-label { min-width:58px; }
.message-subject input { flex:1; min-width:0; border:0; border-radius:0; padding-inline:0; font-size:24px; font-weight:var(--type-display-weight); }
.message-subject > .field-picker { flex:none; min-width:0; }
.message-subject > .field-picker > summary { white-space:nowrap; }
.subject-field-trigger {
  display:inline-flex; align-items:center; gap:5px; min-height:32px; padding:4px 6px;
  border-radius:3px; color:var(--muted); font-size:12px; line-height:1; text-decoration:none;
}
.subject-field-trigger:hover, .subject-field-trigger:focus-visible,
.field-picker-subject[open] > .subject-field-trigger { background:var(--surface-soft); color:var(--accent-strong); }
.subject-field-label { margin:0; }
.subject-field-trigger .field-picker-caret { margin-left:1px; color:var(--muted-secondary); font-size:10px; }
.email-workspace .message-writing-tools:not([hidden]) {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:8px var(--surface-gutter); border-top:0; border-bottom:1px solid var(--line);
}
.email-workspace .message-writing-tools > .envelope-label { min-width:58px; }
.email-workspace .field-picker-trigger { flex:none; display:inline-flex; align-items:center; gap:5px; min-height:32px; white-space:nowrap; }
.email-workspace .field-picker-trigger[aria-expanded="true"] { color:var(--accent-strong); }
.message-design-tools {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px;
  padding:10px var(--surface-gutter); border-bottom:1px solid var(--line); background:var(--surface-softer);
}
.message-authoring-choice {
  appearance:none; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px;
  min-width:0; min-height:48px; padding:7px 10px; border:1px solid transparent; border-radius:0;
  background:transparent; color:var(--ink); text-align:left; cursor:pointer;
  transition:background-color var(--motion-quick) var(--ease-standard),border-color var(--motion-quick) var(--ease-standard);
}
.message-authoring-choice:hover { background:var(--surface); border-color:var(--line); }
.message-authoring-choice:focus-visible { outline:2px solid var(--accent); outline-offset:1px; background:var(--surface); }
.message-authoring-choice[aria-expanded="true"] { background:var(--surface); border-color:var(--line); }
.message-authoring-choice:disabled {
  background:transparent; border-color:transparent; color:var(--muted); cursor:default; opacity:.82;
}
.message-authoring-choice:disabled:hover { background:transparent; border-color:transparent; }
.message-authoring-choice[data-catalogue-availability="unavailable"] .message-authoring-caret { visibility:hidden; }
.message-authoring-copy { display:grid; gap:1px; min-width:0; }
.message-authoring-copy small { color:var(--muted); font-size:11px; line-height:1.25; }
.message-authoring-copy strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:450; line-height:1.35; }
.message-authoring-caret { align-self:center; color:var(--muted-secondary); font-size:11px; }
.message-editor { display:block; width:100%; min-height:300px; height:auto; max-height:960px; overflow-y:hidden; border:0; padding:20px var(--surface-gutter) 28px; border-radius:0; background:transparent; font-size:18px; font-weight:350; line-height:1.65; resize:none; }
.message-editor:focus { box-shadow:inset 3px 0 0 var(--accent-soft); outline-offset:-3px; }
/* Keep Preview reachable as approved design imagery adds document height. */
@media (min-width:761px) and (min-height:600px) {
  #emailSurface[data-mode="create"]:not(.is-recipient-workspace) .email-action-bar { position:sticky; bottom:0; z-index:4; }
}
#emailActionBar { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px 20px; }
#emailActionBar > #sendStage { grid-column:1 / -1; }
#reviewStage, #sendStage { scroll-margin-top:calc(var(--workflow-height) + 16px); }
.email-actions { display:flex; gap:18px; align-items:center; justify-content:space-between; }
.email-actions > .button { margin-left:auto; }
.review-secondary-actions { flex-shrink:0; font-size:14px; }
.review-secondary-actions > summary { min-height:38px; display:inline-flex; align-items:center; gap:6px; color:var(--ink-soft); }
.review-secondary-actions > .disclosure-menu { top:auto; bottom:calc(100% + 6px); right:0; left:auto; min-width:190px; }
.email-actions .action-note { min-width:0; flex:1; overflow-wrap:anywhere; }
.email-preview-card { min-width:0; }
.email-preview-meta { padding:8px var(--surface-gutter); border-bottom:1px solid var(--line); }
.email-preview-meta > div { display:grid; grid-template-columns:minmax(72px,max-content) minmax(0,1fr); gap:14px; padding:10px 0; align-items:baseline; }
.email-preview-meta strong { font-size:16px; font-weight:400; overflow-wrap:anywhere; }
.email-preview-meta > div:last-child strong { font-size:18px; }
.email-workspace .email-preview-meta > div:last-child { padding-block:16px; }
.email-workspace .email-preview-meta > div:last-child strong { font-size:24px; font-weight:var(--type-display-weight); }
.email-preview-body { min-height:300px; padding:24px var(--surface-gutter) 32px; line-height:1.65; font-size:18px; font-weight:350; white-space:pre-wrap; overflow-wrap:anywhere; }
/* A recovered operation reference is metadata, never an empty email preview. */
.email-reference-card { min-width:0; padding:24px var(--surface-gutter) 28px; border-block:1px solid var(--line); background:var(--surface-softer); }
.email-reference-heading { display:grid; gap:6px; max-width:760px; }
.email-reference-heading h2 { margin:0; font-size:22px; font-weight:var(--type-display-weight); line-height:1.25; }
.email-reference-heading p { margin:0; color:var(--muted); line-height:1.55; }
.email-reference-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 28px; margin:22px 0 0; }
.email-reference-meta > div { min-width:0; padding-top:10px; border-top:1px solid var(--line); }
.email-reference-meta dt { color:var(--muted); font-size:12px; }
.email-reference-meta dd { margin:3px 0 0; overflow-wrap:anywhere; font-size:15px; }
.issue-list { padding:14px var(--surface-gutter); border-bottom:1px solid var(--line); background:var(--danger-soft); }
.issue-item { overflow-wrap:anywhere; font-size:14px; color:var(--danger); padding:7px 0; line-height:1.5; }
.issue-item:has(button) { display:flex; gap:12px; align-items:flex-start; }
.issue-item .text-action { white-space:nowrap; margin-left:auto; flex-shrink:0; align-self:center; }
.send-result { display:grid; gap:4px; min-width:0; }
.send-result strong { font-size:36px; font-weight:var(--type-display-weight); line-height:1.2; }
.send-result span { font-size:16px; color:var(--ink-soft); }
.result-heading { flex-wrap:wrap; }
.result-heading-copy { flex:1 1 320px; }
.result-actions { flex-wrap:wrap; margin-left:auto; }
.result-actions .text-action { min-height:40px; }
.result-navigation { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 24px; margin-top:14px; }
.result-navigation .text-action { min-height:32px; }
.report-download-actions { position:relative; flex:none; }
.report-download-actions > summary { display:inline-flex; align-items:center; gap:6px; min-height:32px; color:var(--accent-strong); }
.report-download-actions > summary::after { content:"⌄"; display:inline-block; font-size:12px; line-height:1; transform:translateY(-1px); transition:transform var(--motion-quick) var(--ease-standard); }
.report-download-actions[open] > summary::after { transform:translateY(1px) rotate(180deg); }
.report-download-actions > summary[aria-disabled="true"] { cursor:default; opacity:.45; }
.report-download-actions > .disclosure-menu { right:0; left:auto; min-width:180px; }
.report-download-actions[data-state="reading"] > summary { color:var(--muted); }
.delivery-progress-track { height:3px; border-radius:0; overflow:hidden; background:var(--line); margin:14px 0; }
.delivery-progress-track span { height:100%; display:block; width:0; background:var(--accent); transition:width var(--motion-quick) var(--ease-standard); }
.result-details { margin-top:10px; font-size:13px; color:var(--muted); }
.result-details > summary { display:inline-flex; align-items:center; min-height:24px; cursor:pointer; width:max-content; }
.result-details p { line-height:1.5; margin-top:12px; }
.delivery-result-frame { position:relative; min-height:0; }
.delivery-recipient-results { list-style:none; margin:0; padding:0; max-height:360px; overflow:auto; transition:opacity var(--motion-quick) var(--ease-standard); }
.delivery-result-loading { position:absolute; top:10px; right:10px; z-index:2; pointer-events:none; }
.delivery-result-loading > span { display:inline-flex; align-items:center; min-height:30px; padding:5px 10px; border:1px solid var(--line); background:var(--surface); box-shadow:var(--shadow-soft); color:var(--ink-soft); font-size:13px; }
#deliveryRecipientResults[data-page-state="loading"] .delivery-recipient-results { opacity:.62; }
#deliveryRecipientResults[data-page-state="waiting"] .delivery-recipient-results { opacity:.78; }
.delivery-recipient-results li { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 22px; padding:12px 16px; border-top:1px solid var(--line); border-left:3px solid transparent; transition:background-color var(--motion-quick) var(--ease-standard),border-color var(--motion-quick) var(--ease-standard); }
.delivery-recipient-results li > div { display:grid; align-content:start; gap:3px; min-width:0; overflow-wrap:anywhere; }
.delivery-recipient-results strong { font-size:15px; font-weight:450; color:var(--ink); }
.delivery-recipient-results small { font-size:13px; line-height:1.5; }
#deliveryRecipientResults .recipient-tools { margin:12px 0; } #deliveryResultFilter { width:auto; max-width:100%; font-size:14px; }
#deliveryResultNote:empty { display:none; }
#deliveryResultPager { margin-top:12px; }
.recipient-source-dialog { width:min(720px,calc(100vw - 28px)); padding:0; overflow:hidden; }
.recipient-source-dialog .dialog-heading { padding:20px 24px 16px; border-bottom:1px solid var(--line); }
.recipient-source-dialog .dialog-heading p { margin-top:3px; }
.recipient-source-dialog > .field-stack { margin:16px 24px 0; }
.recipient-source-fields { display:grid; margin:16px 24px 24px; max-height:55dvh; overflow:auto; border-block:1px solid var(--line); }
.recipient-source-fields > div { display:grid; grid-template-columns:minmax(140px,190px) minmax(0,1fr); gap:16px; padding:10px 0; border-top:1px solid var(--line); }
.recipient-source-fields > div:first-child { border-top:0; }
.recipient-source-fields dt { color:var(--muted); font-size:13px; overflow-wrap:anywhere; }
.recipient-source-fields dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.5; }
.recipient-source-fields dd.is-empty { color:var(--muted-secondary); }
.paste-dialog { width:min(680px,calc(100% - 28px)); }
.paste-dialog textarea { height:clamp(160px,36dvh,320px); white-space:pre; overflow:auto; }
.dialog-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px
}

.dialog-heading h2 {
  margin:0
}

.account-dialog fieldset {
  padding:0;
  border:0;
  margin:20px 0 0
}

.account-summary { display:grid; gap:5px; margin-top:22px; overflow-wrap:anywhere }
.account-summary .status-pill { justify-self:start; margin-bottom:10px }
.account-summary>strong { font-size:20px; font-weight:400 }
.account-summary .account-server { margin:12px 0 0; font-size:13px }
.account-tools { display:flex; flex-wrap:wrap; gap:12px 18px; padding:18px 0; margin-top:10px; border-block:1px solid var(--line) }
.account-summary .field-description { margin:10px 0 0 }
.account-dialog [aria-busy="true"] { cursor:progress }
.account-status:empty { display:none }

.account-grid {
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:14px
}

.account-server-grid {
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:14px
}

.account-dialog small {
  font-size:13px;
  color:var(--muted)
}

.account-status,#testEmailStatus {
  font-size:14px;
  line-height:1.5;
  margin:14px 0;
  color:var(--muted)
}

.account-status.is-error {
  color:var(--danger)
}

.account-status.is-success {
  color:var(--success)
}

.account-dialog p,.test-email-dialog p {
  font-size:14px;
  line-height:1.5;
  color:var(--muted)
}

/* The test owns one scroll region. Metadata layout must never size the email paper. */
.app-dialog.test-email-dialog {
  width:min(760px,calc(100vw - 32px)); max-width:760px; max-height:calc(100dvh - 32px);
  padding:0; overflow:hidden;
}
.test-email-dialog form {
  display:flex; flex-direction:column; min-height:0; max-height:calc(100dvh - 34px);
}
.test-email-dialog .dialog-heading { flex:none; padding:20px 28px; border-bottom:1px solid var(--line); gap:12px; }
.test-title-group { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; min-width:0; }
.test-heading-actions { display:flex; gap:6px; flex:none; }
.test-mode { color:var(--muted); font-size:13px; line-height:1.4; }
.test-email-dialog .test-notes { padding:12px 14px; margin:14px 0 0; border-left:2px solid var(--accent); background:var(--surface-soft); }
.test-email-dialog #testEmailHelp { margin:8px 0 16px; }
.test-email-dialog #testEmailContext { margin:16px 0; color:var(--ink); }
.test-email-metadata { display:grid; gap:6px; margin:16px 0 0; }
.test-email-metadata p { margin:0; }
.test-email-sample { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; font-size:14px; }
.test-email-sample > span { color:var(--muted); }
.test-email-content {
  min-height:0; overflow:auto; overscroll-behavior:contain; scroll-padding-block:12px; padding:0 28px 20px;
}
.test-email-footer { flex:none; padding:16px 28px 20px; border-top:1px solid var(--line); }
.test-email-footer .dialog-actions { margin:0; }
.test-email-footer #testEmailStatus { margin:0 0 12px; overflow-wrap:anywhere; }
.test-email-dialog #testEmailSample { overflow-wrap:anywhere; }
.test-preview-content { margin-top:12px; color:var(--ink); overflow-wrap:anywhere; }
.test-preview-meta > div { display:grid; grid-template-columns:72px minmax(0,1fr); gap:12px; margin:8px 0; }
.test-preview-meta > div > span:first-child { color:var(--muted); }
.test-preview-content > .email-formatted-preview { width:100%; margin:20px 0 0; }
.test-email-dialog #testPreviewBody { color:var(--ink); white-space:pre-wrap; }
.test-email-from { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; font-size:14px; overflow-wrap:anywhere; }
.test-email-from span { color:var(--muted); }
.test-email-from strong { font-weight:400; min-width:0; }
@media (max-width:760px) {
  .app-dialog.test-email-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  .test-email-dialog form { max-height:calc(100dvh - 18px); }
  .test-email-dialog .dialog-heading { padding:14px 16px; }
  .test-email-content { padding:0 16px 16px; }
  .test-email-footer { padding:12px 16px max(12px,env(safe-area-inset-bottom)); }
}

.test-result-heading h3 { margin:0; font-size:30px; font-weight:350; line-height:1.2; }
.result-connection { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; margin-top:16px; font-size:14px; color:var(--muted) }
.result-connection p { margin:0 }
.result-connection p:empty { display:none }
.result-connection:has(p:empty):has(button[hidden]) { display:none }



/* Fixed email content, shared with the server renderer; no editor or remote-media surface. */
.email-formatted-preview { width:calc(100% - 32px); max-width:704px; margin:24px auto; background:#fff; }
.email-formatted-preview img { object-fit:contain; }
@media (max-width:760px) { .email-formatted-preview { width:100%; margin:16px 0; } }

/* One result surface: actual states, not an animated estimate of delivery. */
#emailSurface[data-mode="send"] { display:flex; flex-direction:column; }
#emailSurface[data-mode="send"] #emailActionBar { order:-1; border-top:0; background:var(--surface); padding-block:28px; }
.result-heading-copy, .test-result-heading { display:flex; align-items:center; gap:18px; min-width:0; }
.result-mark { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border:1px solid var(--accent-soft); color:var(--accent); font-size:23px; }
[data-tone="success"] > .result-mark, #sendStage[data-tone="success"] .result-mark { border-color:var(--success); color:var(--success); background:var(--success-soft); }
[data-tone="warning"] > .result-mark, #sendStage[data-tone="warning"] .result-mark { border-color:var(--danger); color:var(--danger); }
#sendStage[data-tone="success"] #deliveryProgressBar { background:var(--success); }
#emailPreview:not([hidden]), #emailReference:not([hidden]), #sendStage:not([hidden]) { animation:interface-arrive var(--motion-quick) var(--ease-standard) both; }
#sendStage .send-result span span { font-size:inherit; color:inherit; }
#sendStage .result-details > summary { font-size:15px; color:var(--ink); }
.delivery-recipient-results li[data-tone="success"] { background:transparent; border-left-color:transparent; }
.delivery-recipient-results li[data-tone="success"] > div:last-child strong { color:var(--success); }
.delivery-recipient-results li[data-tone="danger"] { background:var(--danger-soft); border-left-color:var(--danger); }
.delivery-recipient-results li[data-tone="danger"] > div:last-child strong { color:var(--danger); }
.delivery-recipient-results li[data-tone="warning"] { background:var(--accent-soft); border-left-color:var(--accent); }
.delivery-recipient-results li[data-tone="working"] { border-left-color:var(--accent); }
.delivery-recipient-results small:empty, .test-email-dialog p:empty { display:none; }
.test-result-heading { padding:var(--surface-gutter) 0 22px; border-bottom:1px solid var(--line); }
.test-result-heading:not([hidden]) { animation:interface-arrive var(--motion-quick) var(--ease-standard) both; }
#testEmailDestination { margin:4px 0 0; overflow-wrap:anywhere; }
#testEmailDialog[data-phase="attention"] #testEmailStatus { color:var(--danger); }
#testEmailReturn { margin-left:auto; transition:none; } /* Semantic palette changes must not flash white-on-white. */

/* The same native editor remains inside the approved renderer's fixed body row. */
:is(.compose-presentation,.list-compose-presentation) { width:100%; min-width:0; }
:is(.compose-presentation,.list-compose-presentation)[data-formatted="true"] { width:calc(100% - 32px); max-width:704px; margin:20px auto; background:#fff; }
:is(.compose-presentation,.list-compose-presentation) img { object-fit:contain; }
:is(.compose-presentation,.list-compose-presentation)[data-formatted="true"] :is(.message-editor,.compose-editor) { box-sizing:border-box; min-height:240px; height:clamp(240px,30vh,480px); margin:0; padding:24px 32px; background:#fff; color:#262626; border:0; border-radius:0; font-family:Arial,Helvetica,sans-serif; font-size:16px; }
.compose-presentation[data-formatted="true"] .message-editor { min-height:300px; height:auto; max-height:960px; overflow-y:hidden; resize:none; }
.compose-presentation[data-formatted="true"] .message-writing-tools { padding-inline:32px; background:#fff; }
.compose-design-state { display:flex; align-items:center; gap:12px; padding-inline:var(--surface-gutter); }
.compose-design-state:has(> [hidden]):not(:has(> :not([hidden]))) { display:none; }
@media(max-width:760px) {
  :is(.compose-presentation,.list-compose-presentation)[data-formatted="true"] { width:100%; margin:16px 0; }
  .compose-design-state { padding-inline:16px; flex-wrap:wrap; }
  .message-design-tools { grid-template-columns:minmax(0,1fr); gap:2px; padding:6px 16px; }
  .message-authoring-choice { min-height:44px; padding:6px 8px; }
}

/* Ephemeral List provenance: copied work remains local and is never a live List link. */
.list-copy-context {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px 14px;
  padding:6px var(--surface-gutter);
  border-bottom:1px solid var(--line);
  background:var(--surface-softer);
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
}
.list-copy-context[hidden] { display:none; }
.list-copy-context span { min-width:0; overflow-wrap:anywhere; }
.list-copy-context .text-action { flex-shrink:0; }

/* Restrained Email formatting. Plain messages remain in the native textarea;
   formatted content uses the adjacent constrained editor over the same state. */
.email-format-toolbar { display:flex; flex:0 1 auto; align-items:center; gap:2px; min-width:0; overflow-x:auto; scrollbar-width:none; }
.email-format-toolbar::-webkit-scrollbar { display:none; }
.format-action {
  display:grid; place-items:center; flex:none; width:32px; min-width:32px; height:32px; min-height:32px; padding:0;
  border:0; border-radius:3px; background:transparent; color:var(--ink-soft); font:inherit; cursor:pointer;
}
.format-action:hover { background:var(--surface-soft); color:var(--ink); }
.format-action:focus-visible { outline-offset:-2px; }
.format-action[aria-pressed="true"] { background:var(--accent-wash); color:var(--accent-strong); box-shadow:inset 0 -1px 0 var(--accent); }
.format-action:disabled { opacity:.42; cursor:default; }
.format-action-separated { margin-left:5px; box-shadow:-5px 0 0 -4px var(--line); }
.format-action-separated[aria-pressed="true"] { box-shadow:-5px 0 0 -4px var(--line),inset 0 -1px 0 var(--accent); }
.format-glyph { display:block; width:18px; height:18px; color:currentColor; line-height:18px; }
.format-glyph-bold { font-family:Arial,sans-serif; font-size:16px; font-weight:700; }
.format-glyph-italic { font-family:Georgia,serif; font-size:17px; font-style:italic; }
.format-glyph-svg { fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.45; }
.format-glyph-small { display:flex; align-items:baseline; justify-content:center; gap:1px; width:auto; font-family:Arial,sans-serif; font-size:14px; }
.format-glyph-small small { font-size:9px; line-height:1; }
.email-rich-editor { min-height:300px; max-height:960px; overflow-y:auto; white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; }
.email-rich-editor:empty::before { color:var(--muted); content:attr(data-placeholder); pointer-events:none; }
.email-rich-editor p { margin:0 0 1em; }
.email-rich-editor p:last-child { margin-bottom:0; }
.email-rich-editor :is(ul,ol) { margin:0 0 1em; padding-left:1.55em; }
.email-rich-editor li { margin:.25em 0; }
.email-rich-editor [data-email-style="small"], .email-rich-editor blockquote { margin-inline:0; color:var(--ink-soft); font-size:13px; line-height:1.55; }
.email-rich-editor a { color:var(--accent-strong); text-decoration:underline; text-underline-offset:2px; }

.email-rich-editor .email-authored-image-placeholder { position:relative; display:grid; gap:8px; min-width:0; max-width:100%; margin:8px 0; padding:10px; overflow:visible; border:1px solid var(--line); background:var(--surface); cursor:default; transition:border-color var(--motion-quick) var(--ease-standard),background var(--motion-quick) var(--ease-standard); }
.email-rich-editor .email-authored-image-placeholder[data-email-image-alignment="centre"] { margin-inline:auto; }
.email-rich-editor .email-authored-image-placeholder[data-email-image-alignment="right"] { margin-left:auto; }
.email-rich-editor .email-authored-image-placeholder:hover { border-color:var(--line-strong); background:var(--surface-soft); }
.email-rich-editor .email-authored-image-placeholder:focus-visible,
.email-rich-editor .email-authored-image-placeholder[data-email-image-selected="true"],
.email-rich-editor .email-authored-image-placeholder[data-email-image-editing="true"] { z-index:8; border-color:var(--accent); background:var(--accent-wash); outline:2px solid var(--accent); outline-offset:2px; }
.email-rich-editor .email-authored-image-placeholder img { display:block; width:var(--email-authored-image-width,100%); max-width:100%; height:auto; margin:0; object-fit:contain; border:0; }
.email-rich-editor .email-authored-image-placeholder[data-email-image-alignment="centre"] img { margin-inline:auto; }
.email-rich-editor .email-authored-image-placeholder[data-email-image-alignment="right"] img { margin-left:auto; }
.email-image-inline-chrome { position:relative; z-index:2; min-width:0; margin:-10px -10px 2px; }
.email-rich-editor .email-image-inline-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; min-height:42px; margin:0; padding:8px 10px; border-bottom:1px solid var(--line); background:var(--surface-soft); }
.email-image-inline-summary-copy { display:grid; gap:1px; min-width:0; }
.email-image-inline-summary-label { min-width:0; overflow:hidden; color:var(--ink); font-size:13px; font-weight:500; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.email-image-inline-summary-copy small { color:var(--muted); font-size:11px; line-height:1.25; }
.email-image-inline-toggle { display:inline-flex; flex:0 0 auto; align-items:center; gap:6px; min-height:30px; padding:4px 7px; border:1px solid var(--line); border-radius:4px; background:var(--surface); color:var(--ink-soft); font:inherit; font-size:12px; cursor:pointer; }
.email-image-inline-toggle::after { content:'▾'; color:var(--muted); font-size:10px; }
.email-image-inline-toggle[aria-expanded="true"]::after { content:'▴'; }
.email-image-inline-toggle:hover { border-color:var(--line-strong); color:var(--ink); }
.email-image-inline-toggle:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
.email-image-inline-toolbar { display:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-height:min(250px,60dvh); padding:10px; overflow:auto; border-bottom:1px solid var(--line); background:var(--surface); }
.email-authored-image-placeholder[data-email-image-selected="true"] .email-image-inline-toolbar,
.email-authored-image-placeholder[data-email-image-editing="true"] .email-image-inline-toolbar { display:grid; }
.email-image-inline-group { display:grid; align-content:start; gap:5px; min-width:0; }
.email-image-inline-group-label { color:var(--muted); font-size:10px; font-weight:600; letter-spacing:.04em; line-height:1.2; text-transform:uppercase; }
.email-image-inline-group-controls { display:flex; flex-wrap:wrap; gap:4px; align-items:center; min-width:0; }
.email-image-inline-action { min-height:32px; padding:5px 8px; border:1px solid var(--line); border-radius:4px; background:var(--surface); color:var(--ink-soft); font:inherit; font-size:12px; line-height:1.2; cursor:pointer; white-space:nowrap; }
.email-image-inline-action:hover:not(:disabled) { border-color:var(--line-strong); color:var(--ink); }
.email-image-inline-action:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
.email-image-inline-action[aria-pressed="true"] { border-color:var(--accent); background:var(--accent-wash); color:var(--ink); }
.email-image-inline-action[aria-busy="true"] { cursor:progress; opacity:.65; }
.email-image-inline-action:disabled { cursor:not-allowed; opacity:.38; }
.email-image-inline-remove { color:var(--danger); }
.email-image-inline-width { display:inline-flex; gap:4px; align-items:center; min-height:32px; padding:3px 6px; border:1px solid var(--line); border-radius:4px; background:var(--surface); color:var(--muted); font-size:12px; }
.email-image-inline-width input { width:54px; min-height:24px; padding:2px 4px; border:0; border-bottom:1px solid var(--line-strong); border-radius:0; background:transparent; font:inherit; text-align:right; }
.email-image-inline-width input:focus { outline:0; border-bottom-color:var(--accent); }
.email-image-inline-width small { font-size:10px; }
.email-rich-editor[contenteditable="false"] { background:var(--surface-soft); }
.email-format-status { margin:0; padding:7px var(--surface-gutter); border-top:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.45; }
.email-format-status[data-tone="warning"] { color:var(--ink-soft); }
.email-link-dialog { width:min(520px,calc(100vw - 28px)); }
.email-link-dialog form { gap:0; }
.email-link-dialog .dialog-actions { margin-top:20px; }

/* Message-owned image interaction. Local bytes remain bounded data, never raw HTML or a remote URL. */
.email-image-dialog { width:min(700px,calc(100vw - 28px)); }
.email-image-dialog form { gap:0; }
.email-image-editor { display:grid; grid-template-columns:minmax(180px,260px) minmax(0,1fr); gap:22px; align-items:start; margin-top:18px; }
.email-image-preview-frame { display:grid; gap:10px; min-height:210px; margin:0; padding:16px; border:1px solid var(--line); background:var(--surface-soft); }
.email-image-preview-frame img { display:block; max-width:100%; max-height:220px; height:auto; object-fit:contain; }
.email-image-preview-frame img[data-alignment="left"] { margin-right:auto; }
.email-image-preview-frame img[data-alignment="centre"] { margin-inline:auto; }
.email-image-preview-frame img[data-alignment="right"] { margin-left:auto; }
.email-image-preview-frame figcaption { align-self:end; color:var(--muted); font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.email-image-fields { display:grid; gap:16px; min-width:0; }
.email-image-layout-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
.email-image-size-options { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.email-image-size-option { min-height:30px; padding:5px 9px; border:1px solid var(--line); border-radius:3px; background:var(--surface); color:var(--ink-soft); font:inherit; font-size:12px; cursor:pointer; }
.email-image-size-option:hover { border-color:var(--line-strong); color:var(--ink); }
.email-image-size-option[aria-pressed="true"] { border-color:var(--accent); background:var(--accent-wash); color:var(--accent-strong); box-shadow:inset 0 -1px 0 var(--accent); }
.email-image-position { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px 18px; padding-top:14px; border-top:1px solid var(--line); }
.email-image-position[hidden] { display:none; }
.email-image-position > div:first-child { display:grid; gap:3px; min-width:0; }
.email-image-position small { color:var(--muted); line-height:1.4; }
.email-image-position-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.email-image-position-actions .button { min-height:36px; padding:7px 10px; }
.input-suffix { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; border:1px solid var(--line-strong); background:var(--surface); }
.input-suffix:focus-within { border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-wash); }
.input-suffix input { min-width:0; border:0; outline:0; box-shadow:none; }
.input-suffix > span { padding:0 12px 0 4px; color:var(--muted); font-size:13px; }


/* The staged signature stays anchored while one bounded content region changes. */
.email-signature-dialog {
  width:min(640px,calc(100vw - 28px));
  height:min(560px,calc(100dvh - 28px));
  max-height:none;
  padding:0;
  overflow:hidden;
}
.email-signature-form {
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
}
.email-signature-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,240px);
  gap:18px;
  align-items:start;
  padding:20px 24px 16px;
  border-bottom:1px solid var(--line);
  background:var(--surface);
}
.email-signature-heading > * { min-width:0; }
.email-signature-heading h2 { margin:0 0 5px; }
.email-signature-heading #emailSignatureIntro { margin:0; }
.email-signature-selection {
  display:grid;
  align-content:start;
  gap:2px;
  min-height:72px;
  margin:0;
  padding-left:16px;
  border-left:1px solid var(--line);
  overflow-wrap:anywhere;
}
.email-signature-selection span { color:var(--muted); font-size:11px; line-height:1.3; text-transform:uppercase; letter-spacing:.06em; }
.email-signature-selection strong { color:var(--ink); font-size:14px; font-weight:500; line-height:1.35; }
.email-signature-selection small { color:var(--muted); font-size:12px; line-height:1.35; }
.email-signature-options {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0;
  padding:12px 24px;
  border:0;
  border-bottom:1px solid var(--line);
  background:var(--surface);
}
.email-signature-options legend { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.email-signature-options label { display:flex; min-width:0; gap:8px; align-items:center; justify-content:center; padding:9px 10px; border:1px solid var(--line); cursor:pointer; }
.email-signature-options label:hover { border-color:var(--line-strong); }
.email-signature-options label:has(input:focus-visible) { outline:2px solid var(--accent); outline-offset:2px; }
.email-signature-options label:has(input:checked) { border-color:var(--accent); background:var(--accent-wash); }
.email-signature-options input { width:18px; height:18px; min-height:18px; margin:0; padding:0; accent-color:var(--accent-strong); }
.email-signature-options span { min-width:0; font-size:14px; }
.email-signature-dialog-content {
  display:grid;
  grid-template-rows:minmax(0,1fr);
  min-height:0;
  margin-right:6px;
  padding:18px 18px 16px 24px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.email-signature-dialog-content > :first-child:not([hidden]) { margin-top:0; }
.email-signature-dialog-content > :last-child:not([hidden]) { margin-bottom:0; }
.email-signature-mode-panel:not([hidden]) { min-width:0; min-height:100%; }
.email-signature-none:not([hidden]), .email-signature-legacy:not([hidden]) { display:grid; align-content:center; align-self:center; min-height:0; }
.email-signature-none { margin:0; padding:12px 14px; border-left:2px solid var(--line-strong); background:var(--surface-subtle); }
.email-signature-none p { margin:0; }
.email-signature-legacy { margin:0; padding:12px 14px; border:1px solid var(--line); background:var(--surface-subtle); }
.email-signature-legacy strong { display:block; margin-bottom:4px; font-size:14px; }
.email-signature-legacy p { margin:0; color:var(--muted); font-size:13px; line-height:1.45; }
.email-signature-editor { min-width:0; min-height:0; border:1px solid var(--line-strong); background:var(--surface); }
.email-signature-editor:not([hidden]) { display:grid; grid-template-rows:auto minmax(0,1fr) auto; height:100%; min-height:230px; }
.email-signature-editor .email-format-toolbar { padding:5px 8px; border-bottom:1px solid var(--line); }
.email-signature-editor .message-editor { width:100%; min-height:120px; height:100%; max-height:none; padding:12px; overflow:auto; resize:none; line-height:1.5; }
.email-signature-managed:not([hidden]) { display:grid; grid-template-rows:auto minmax(160px,1fr) minmax(34px,auto) 36px; gap:10px; height:100%; min-height:260px; }
.email-signature-managed > .field-stack:first-child { margin:0; }
.email-signature-managed-preview { display:grid; align-content:start; min-height:160px; padding:14px; overflow:auto; overflow-wrap:anywhere; border:1px solid var(--line); background:var(--surface); overscroll-behavior:contain; }
.email-signature-managed-preview[data-empty="true"] { place-items:center; align-content:center; }
.email-signature-managed-preview[aria-busy="true"] { cursor:progress; }
.email-signature-managed-preview img { max-width:100%; height:auto; }
.email-signature-preview-empty { max-width:300px; margin:0; color:var(--muted); font-size:13px; line-height:1.45; text-align:center; }
.email-signature-managed > .email-format-status { min-height:34px; margin:0; padding:7px 0 0; border-top:0; }
.email-signature-managed-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; min-height:36px; margin:0; }
.email-signature-managed-actions .text-action { min-height:32px; }
.email-signature-footer {
  display:grid;
  gap:6px;
  min-width:0;
  padding:8px 24px 16px;
  border-top:1px solid var(--line);
  background:var(--surface);
}
.email-signature-footer .dialog-error { min-height:21px; max-height:44px; margin:0; overflow:auto; }
.email-signature-dialog .dialog-actions { min-width:0; margin:0; }
.email-signature-dialog .dialog-actions .button { min-width:132px; }
.recipient-decision-actions { display:flex; flex:none; align-items:center; gap:12px; }

/* Empty issue filters are compact workflow outcomes, not empty record tables. */
.recipient-issue-completion {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 20px;
  min-height:74px;
  padding:14px 16px;
  border:1px solid var(--line);
  background:var(--surface-soft);
}
.recipient-issue-completion[hidden] { display:none; }
.recipient-issue-completion-copy { display:grid; gap:4px; min-width:min(100%,280px); }
.recipient-issue-completion-copy > strong { font-size:16px; font-weight:500; }
.recipient-issue-completion-copy > span { color:var(--muted); font-size:13px; line-height:1.45; }
.recipient-issue-completion-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; margin-left:auto; }
.has-issue-completion.is-recipient-workspace .audience-editor { height:auto; min-height:0; }
.has-issue-completion.is-recipient-workspace .audience-workspace { flex:none; }