/* Records first; bounded columns and a spacious review only share genuinely wide frames. */
.workspace-shell.is-list { flex:0 0 calc(100dvh - var(--workflow-height)); height:calc(100dvh - var(--workflow-height)); min-height:0; max-height:calc(100dvh - var(--workflow-height)); }
.list-stage { display:flex; flex-direction:column; flex:1; min-height:0; outline:none; }
.stage-title { font-size:30px; font-weight:var(--type-display-weight); letter-spacing:-.6px; }
.list-start { max-width:none; margin:0; }
.list-start-purpose { max-width:420px; }
.list-start-actions { width:min(100%,340px); }
.list-start-actions .button { flex:1 1 0; min-width:0; }
.list-start-sources { display:flex; flex-direction:column; align-items:center; gap:9px; width:min(100%,420px); margin-top:28px; padding-top:18px; border-top:1px solid var(--line); }
.list-start-sources-label { color:var(--muted); font-size:var(--type-small); }
.list-start-source-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 20px; }
.list-start-source-actions .text-action { min-height:32px; }
.list-sample-link { margin-top:16px; }
.list-editor { display:flex; flex-direction:column; flex:1; min-height:0; }
.list-document-head { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:3px 12px 3px 14px; border-bottom:1px solid var(--line); }
.list-name-area { display:flex; align-items:baseline; gap:12px; min-width:0; flex:1; }
.list-title-input { flex:1 1 300px; min-width:120px; padding:0; overflow:hidden; border:0; border-radius:0; background:transparent; min-height:32px; font-size:23px; line-height:1.08; font-weight:var(--type-display-weight); letter-spacing:-.5px; text-overflow:ellipsis; white-space:nowrap; }
.list-title-input:focus { overflow:visible; box-shadow:0 1px 0 var(--accent); outline-offset:2px; text-overflow:clip; }
.list-file-meta { display:flex; flex:0 1 auto; align-items:baseline; gap:8px; max-width:46%; min-width:0; flex-wrap:nowrap; font-size:11px; line-height:1.25; }
#listFilename { color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
#listSaveStatus { flex:none; white-space:nowrap; }
#listFilename:not([hidden]) + #listSaveStatus { border-left:1px solid var(--line); padding-left:10px; }
.list-document-actions { display:flex; flex:none; align-items:center; justify-content:flex-end; gap:8px; }
.list-document-actions .file-commands { flex-shrink:0; }
.list-document-actions .file-commands > summary { min-height:34px; padding:6px 4px; font-size:13px; }
.list-save-action { min-height:34px; padding:6px 12px; font-size:13px; }
.list-save-action[data-dirty="true"] { border-color:var(--accent-line); background:var(--accent-soft); }
.list-editor-fields { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; padding:0; border:0; margin:0; }

/* Editing history belongs with the grid; document persistence stays in the header. */
.list-toolbar { display:grid; flex-shrink:0; grid-template-columns:minmax(0,1fr) minmax(200px,280px); align-items:center; gap:6px 16px; min-height:40px; padding:2px 12px 2px 14px; border-bottom:1px solid var(--line); }
.list-edit-actions, .list-notification-message, .list-notification-actions { display:flex; align-items:center; flex-wrap:wrap; min-width:0; }
.list-edit-actions { justify-self:start; gap:6px 10px; }
.list-toolbar .button, .list-notification-bar .button { padding:6px 10px; min-height:34px; font-size:13px; }
.list-grid-edit-menu { position:relative; flex:none; }
.list-grid-edit-menu > summary { min-height:34px; padding:6px 4px; font-size:13px; }
.list-grid-edit-menu > .disclosure-menu { right:auto; left:0; }
.list-search-tools { display:flex; align-items:center; justify-content:flex-end; justify-self:end; gap:8px; min-width:200px; }
.list-search-tools input { width:min(280px,25vw); min-height:34px; padding-block:6px; font-size:13px; }
.list-search-tools[data-filtered="true"] input { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent-soft); }
.list-search-tools .text-action { flex-shrink:0; }
.list-register-footer { display:grid; flex-shrink:0; grid-template-columns:max-content minmax(0,1fr); align-items:stretch; border-top:1px solid var(--line); background:var(--surface-softer); }
.list-notification-bar { position:relative; display:flex; min-width:0; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:6px 12px; min-height:40px; padding:2px 14px 2px 10px; border-left:1px solid var(--line); background:transparent; }
.list-notification-overview { display:flex; align-items:center; flex-wrap:nowrap; gap:6px 10px; flex:1 1 auto; min-width:0; }
.list-notification-message { flex:1 1 auto; flex-wrap:nowrap; gap:6px 10px; }
.list-notification-setup { flex-shrink:0; min-height:36px; font-size:13px; }
.list-notification-actions { flex-wrap:nowrap; gap:6px 10px; margin-left:auto; justify-content:flex-end; }
.notification-subject { min-width:0; max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:var(--muted); }
.list-notification-instruction { flex:0 1 auto; min-width:0; overflow:hidden; color:var(--muted); font-size:11px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.list-notification-instruction[hidden] { display:none; }

/* An idle List keeps notification setup available inside the shared register footer. */
.list-notification-bar[data-configured="false"] { min-height:40px; }
.list-notification-bar[data-configured="false"] .list-notification-overview { gap:8px; flex:1 1 auto; }
.list-notification-bar[data-configured="false"] .list-notification-message { flex-wrap:nowrap; }
.list-notification-bar[data-configured="false"] .list-notification-actions { width:auto; margin-left:auto; }
.notification-count { display:flex; align-items:center; flex-wrap:wrap; gap:0; color:var(--muted); font-size:12px; line-height:1.35; overflow-wrap:anywhere; }
.notification-count[hidden] { display:none; }
.list-notification-refresh-status { max-width:210px; overflow:hidden; color:var(--muted-secondary); font-size:11px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.list-notification-refresh-status[data-tone="warning"] { color:var(--warning-strong,var(--accent-strong)); }
.list-notification-refresh-status[hidden] { display:none; }
.list-notification-count-item { display:inline-flex; align-items:center; min-height:26px; color:var(--muted); white-space:nowrap; }
.list-notification-count-item + .list-notification-count-item::before { content:"·"; margin:0 7px; color:var(--muted-secondary); }
.list-notification-count-item[data-tone="selection"] { color:var(--ink-soft); }
.list-notification-count-item[data-tone="ready"] { color:var(--accent-strong); }
.list-notification-count-item[data-tone="waiting"] { color:var(--muted); }
.list-notification-count-item[data-tone="attention"] { color:var(--danger); }
#listNotificationHelp { position:static; }
#listNotificationHelp > .disclosure-menu { top:auto; bottom:calc(100% + 6px); right:12px; width:min(340px,calc(100% - 24px)); min-width:0; max-width:none; }
.list-working-frame { display:grid; flex:1; min-height:0; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); align-items:stretch; }
.list-working-frame[data-review-layout="split"]:has(.list-preview-panel[open]) { grid-template-columns:minmax(0,1fr) 650px; }
.list-records { display:flex; flex-direction:column; min-width:0; min-height:0; }
.list-table-shell { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scroll-padding:36px 0 8px; }
.list-table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 0.94rem; }
.list-table th, .list-table td { padding: 0; border-right: 1px solid #e8e4dc; border-bottom: 1px solid #e8e4dc; background: var(--surface); font-weight: 400; text-align: left; vertical-align: top; }
.list-table thead th { position: sticky; top: 0; z-index: 2; background: var(--surface-soft); border-bottom-color: var(--line-strong); }
.list-table thead th.list-row-number { z-index: 3; }
.list-table .list-row-number { padding-top:8px; text-align:center; color:var(--muted-secondary); font-size:0.78rem; background:var(--surface-softer); position:sticky; left:0; z-index:1; }
.list-table .list-row-action { text-align: center; border-right: 0; }
.list-table tr[data-notification-selected] > .list-row-number { box-shadow:inset 3px 0 var(--accent); color:var(--ink); }
.list-table tr[data-notification-selected] > .list-notification-cell { background:var(--surface-softer); }
.list-column-button { display:flex; justify-content:space-between; align-items:center; gap:8px; width:100%; min-height:35px; padding:5px 9px; font-size:0.78rem; line-height:1.25; font-weight:500; text-align:left; overflow-wrap:anywhere; }
.list-column-identity { display:grid; min-width:0; gap:2px; }
.list-column-name { min-width:0; overflow-wrap:anywhere; }
.list-column-hint { display:flex; align-items:center; gap:6px; flex-shrink:0; color:var(--accent); font-size:0.78rem; }
.list-column-button .list-column-caret { color:var(--muted-secondary); font-size:12px; }
.list-checkbox-column .list-column-button { gap:4px; padding-inline:6px; }
.list-checkbox-column .list-column-hint { gap:2px; }
.list-column-button:hover { background: var(--accent-soft); }
.list-table .list-cell-input { display:block; padding:6px 9px; border:0; border-radius:0; background:transparent; min-height:36px; max-height:160px; font-size:0.9rem; line-height:1.35; resize:none; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.list-cell-input:focus { position: relative; z-index: 1; box-shadow: inset 0 0 0 1.5px var(--accent); outline-offset:-2px; }
.list-table .list-checkbox-cell { text-align: center; }
.list-checkbox { appearance:auto; width:24px; height:24px; min-height:24px; padding:0; margin:5px; accent-color:var(--accent-strong); cursor:pointer; vertical-align:middle; }
.list-delete-row { width:30px; height:34px; font-size:1rem; color:var(--muted-secondary); }
.list-delete-row:hover { color: var(--danger); }
.list-no-rows { padding: 36px 24px; text-align: center; font-size: 0.9rem; color: var(--muted); }
.list-table-footer { position:relative; display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:10px; min-width:238px; min-height:40px; padding:2px 10px 2px 14px; font-size:0.78rem; color:var(--muted); }
.list-table-context { display:flex; align-items:center; gap:10px; min-width:0; }
.list-message-menu { position:static; flex:none; }
.list-message-menu > summary { display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:2px 0; font-size:inherit; color:var(--ink-soft); }
.list-message-menu > summary:hover, .list-message-menu[open] > summary { color:var(--accent-strong); }
.list-message-menu > .disclosure-menu { top:auto; right:auto; bottom:calc(100% + 6px); left:16px; width:min(328px,calc(100% - 32px)); min-width:0; max-height:min(420px,calc(100dvh - 24px)); overflow:auto; transform:none; }
.list-column-view { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; margin-inline:auto; }
.list-column-view[hidden] { display:none; }
.list-column-view > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.list-column-view .text-action { flex-shrink:0; font-size:inherit; }
.list-pager { display:flex; align-items:center; gap:8px; }
.list-pager .icon-button { width:28px; min-width:28px; min-height:28px; height:28px; }

.list-table thead .list-notification-column { padding:0; font-size:0.78rem; font-weight:500; }
.list-table :is(.list-notification-column,.list-notification-cell) { border-left:1px solid var(--line-strong); background:var(--surface-softer); }
.list-notification-column-button { display:flex; width:100%; min-height:36px; align-items:stretch; justify-content:space-between; gap:8px; padding:0 6px; text-align:left; }
.list-notification-column-button:hover { background:var(--accent-soft); }
.list-notification-column-content { display:grid; grid-template-rows:18px 17px; min-width:0; flex:1; align-content:space-between; }
.list-notification-column-identity { display:flex; min-width:0; align-items:center; gap:6px; padding:0 2px; }
.list-notification-column-title { flex-shrink:0; color:var(--ink); font-size:0.78rem; font-weight:500; line-height:1; }
.list-notification-column-context { min-width:0; flex:1; overflow:hidden; color:var(--accent-strong); font-size:10px; font-weight:450; line-height:1; text-overflow:ellipsis; white-space:nowrap; }
.list-notification-column-lanes { display:grid; grid-template-columns:64px minmax(78px,.72fr) minmax(112px,1.28fr); min-width:0; margin-inline:-6px; border-top:1px solid var(--line); color:var(--muted-secondary); font-size:9px; font-weight:500; letter-spacing:.03em; line-height:1; text-transform:uppercase; }
.list-notification-column-lanes > span { min-width:0; padding:3px 7px 2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.list-notification-column-lanes > span + span { border-left:1px solid var(--line); }
.list-notification-column-lanes[data-configured="false"] { display:block; }
.list-notification-column-lanes[data-configured="false"] > span { display:block; padding-left:8px; }
.list-notification-main { display:grid; grid-template-columns:64px minmax(78px,.72fr) minmax(112px,1.28fr) 34px; grid-template-areas:"selection workflow result menu"; align-items:stretch; height:36px; min-height:36px; }
.list-notification-selection { grid-area:selection; display:flex; align-items:center; justify-content:center; min-width:0; padding:0 4px; }
.list-notification-select-control { position:relative; display:inline-grid; width:100%; max-width:56px; min-height:26px; place-items:center; cursor:pointer; }
.list-notification-selection .list-checkbox { position:absolute; inset:0; z-index:1; width:100%; height:100%; min-height:0; margin:0; opacity:0; appearance:none; cursor:pointer; }
.list-notification-select-label { display:flex; width:100%; min-height:26px; align-items:center; justify-content:center; padding:3px 5px; border:1px solid var(--line-strong); background:var(--surface); color:var(--muted); font-size:11px; line-height:1.2; white-space:nowrap; }
.list-notification-selector:hover + .list-notification-select-label { border-color:var(--accent-line); color:var(--ink); }
.list-notification-selector:focus-visible + .list-notification-select-label { outline:2px solid var(--focus); outline-offset:2px; }
.list-notification-selector:checked + .list-notification-select-label { border-color:var(--accent-line); background:var(--accent-soft); color:var(--accent-strong); font-weight:500; }
.list-notification-workflow { grid-area:workflow; }
.list-notification-result { grid-area:result; }
.list-notification-workflow, .list-notification-result { display:flex; align-items:center; min-width:0; padding:0 7px; border-left:1px solid var(--line); }
.list-notification-workflow[data-tone="ready"] { box-shadow:inset 2px 0 var(--accent); }
.list-notification-result[data-tone="complete"] { box-shadow:inset 2px 0 var(--success); }
.list-notification-result[data-tone="warning"] { box-shadow:inset 2px 0 var(--warning); }
.list-notification-result[data-tone="danger"] { box-shadow:inset 2px 0 var(--danger); }
.list-notification-result[data-tone="paused"] { box-shadow:inset 2px 0 var(--muted-secondary); }
.list-notification-action { display:flex; align-items:center; width:100%; min-width:0; height:36px; min-height:36px; padding:3px 0; text-align:left; font-size:12px; line-height:1.25; text-decoration:underline; text-underline-offset:3px; }
.list-notification-action:disabled { color:var(--muted); text-decoration:none; cursor:default; }
.list-notification-workflow-label, .list-notification-result-label { display:block; min-width:0; max-width:100%; overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; color:var(--ink-soft); font:inherit; }
.list-notification-workflow-label[data-tone="ready"] { color:var(--accent-strong); }
.list-notification-result-label[data-tone="complete"] { color:var(--success); }
.list-notification-result-label[data-tone="warning"] { color:var(--warning); }
.list-notification-result-label[data-tone="danger"] { color:var(--danger); }
.list-notification-menu { grid-area:menu; border-left:1px solid var(--line); }
.list-notification-cell[data-configured="false"] .list-notification-main { grid-template-columns:minmax(0,1fr) 34px; grid-template-areas:"result menu"; }
.list-notification-cell[data-configured="false"] :is(.list-notification-selection,.list-notification-workflow) { display:none; }
.list-notification-retained-count { display:inline-flex; align-items:center; justify-content:center; min-width:14px; height:14px; border:1px solid var(--line-strong); color:var(--ink-soft); font-size:10px; line-height:1; }
.list-table tr[data-notification-active="true"] > * { background:var(--accent-soft); }
html.list-review-overlay { overflow:hidden; scrollbar-gutter:stable; }
.list-preview-panel { padding:0; border:1px solid var(--line); background:var(--surface-softer); color:var(--ink); overflow:hidden; }
.list-preview-panel[open] { display:block; }
.list-preview-panel[data-layout="split"] { position:sticky; top:var(--review-top,84px); width:100%; max-width:none; height:var(--review-height,calc(100dvh - 100px)); max-height:100%; margin:0; border-width:0 0 0 1px; }
.list-preview-panel[data-layout="overlay"] { position:fixed; inset:0; margin:auto; width:min(940px,calc(100vw - 64px)); max-width:none; height:calc(100dvh - 64px); max-height:1040px; }
.list-preview-panel::backdrop { background:#1117; }
.list-preview-panel form { display:grid; grid-template-rows:auto minmax(0,1fr) auto; height:100%; min-height:0; }
.notification-review-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:16px; padding:16px 24px; border-bottom:1px solid var(--line); background:var(--surface); }
.notification-review-heading { display:grid; min-width:0; overflow:visible; }
.notification-review-head > button { align-self:start; flex-shrink:0; }
.notification-review-back-short { display:none; }
.notification-review-kind { display:block; margin-bottom:3px; color:var(--muted-secondary); font-size:10px; letter-spacing:.09em; line-height:1.2; text-transform:uppercase; }
.notification-review-head h2 { display:-webkit-box; margin:0; overflow:clip; font-size:20px; font-weight:400; line-height:1.35; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.notification-review-identity { display:-webkit-box; margin:4px 0 0; overflow:clip; color:var(--muted); font-size:14px; line-height:1.4; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.notification-review-identity-toggle { justify-self:start; min-height:28px; margin-top:5px; font-size:13px; }
.notification-review-content { min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.notification-review-full-identity { display:grid; gap:4px; max-width:72ch; margin:14px 24px 0; padding:0 0 14px 14px; border-left:2px solid var(--accent); border-bottom:1px solid var(--line); }
.notification-review-full-identity[hidden] { display:none; }
.notification-review-full-identity > span { color:var(--muted-secondary); font-size:10px; letter-spacing:.08em; line-height:1.2; text-transform:uppercase; }
.notification-review-full-identity h3 { margin:0; color:var(--ink); font-size:18px; font-weight:400; line-height:1.4; overflow-wrap:anywhere; }
.notification-review-full-identity p { margin:0; color:var(--muted); font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
@media (min-width:761px) {
  .list-preview-panel[data-mode="result"][data-layout="overlay"] { inset:50% auto auto 50%; width:min(760px,calc(100vw - 64px)); height:auto; max-height:calc(100dvh - 64px); margin:0; transform:translate(-50%,-50%); }
  .list-preview-panel[data-mode="result"] form { grid-template-rows:auto auto; height:auto; max-height:none; }
  .list-preview-panel[data-mode="result"] .notification-review-content { max-height:calc(100dvh - 176px); }
}
.list-preview-panel[data-mode="result"] .notification-review-content > :not(.list-notification-result-view):not(.notification-review-full-identity) { display:none; }
.list-preview-panel[data-mode="result"] .notification-review-footer { display:none; }
.list-notification-result-view[hidden] { display:none; }
.list-notification-result-view { display:grid; gap:22px; width:min(100%,720px); margin:0 auto; padding:clamp(28px,6vw,64px) clamp(20px,5vw,56px); }
.list-notification-result-view:not([hidden]) { animation:interface-arrive var(--motion-quick) var(--ease-standard) both; }
.list-notification-result-status { display:grid; gap:8px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.list-notification-result-context { color:var(--muted-secondary); font-size:10px; letter-spacing:.08em; line-height:1.2; text-transform:uppercase; }
.list-notification-result-status h3 { margin:0; color:var(--ink); font-size:clamp(22px,3vw,30px); font-weight:400; line-height:1.2; }
.list-notification-result-status[data-tone="complete"] h3 { color:var(--success); }
.list-notification-result-status[data-tone="warning"] h3 { color:var(--warning); }
.list-notification-result-status[data-tone="danger"] h3 { color:var(--danger); }
.list-notification-result-status > p { max-width:62ch; margin:0; color:var(--muted); font-size:15px; line-height:1.55; }
.list-notification-result-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 28px; margin:0; }
.list-notification-result-facts > div { min-width:0; }
.list-notification-result-facts dt { margin:0 0 4px; color:var(--muted-secondary); font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.list-notification-result-facts dd { margin:0; color:var(--ink); font-size:14px; line-height:1.45; overflow-wrap:anywhere; }
.list-notification-result-facts dd strong, .list-notification-result-facts dd span { display:block; }
.list-notification-result-facts dd span { margin-top:3px; color:var(--muted); font-size:12px; }
.list-notification-result-view > .action-note { margin:0; color:var(--muted); }
.list-notification-result-actions { display:flex; justify-content:flex-start; }
.notification-review-content > .recipient-issue-note { margin:12px 24px; }
.list-preview-panel .email-preview-meta { padding:6px 24px; }
.list-preview-panel .email-preview-meta > div { grid-template-columns:48px minmax(0,1fr); gap:10px; padding:8px 0; }
.list-preview-panel .email-preview-body { padding:24px; min-height:220px; font-size:16px; }
.notification-review-footer { background:var(--surface); border-top:1px solid var(--line); }
.list-preview-panel .dialog-actions { margin:0; padding:14px 24px; flex-wrap:wrap; gap:10px; }
.notification-review-note { margin:0; padding:12px 24px 0; font-size:14px; line-height:1.5; color:var(--muted); }
.notification-review-note:empty { display:none; }
.list-preview-panel:is([data-state="checking"],[data-state="error"]) :is(.list-reviewed-subject,.email-preview-body,.email-formatted-preview) { display:none; }
.list-preview-panel[data-state="error"] :is(#listNotificationSend,#listNotificationTest) { display:none; }
.list-preview-panel[data-state="error"] #listNotificationEdit { background:var(--ink); color:var(--surface); }
@media (max-height:620px) {
  .list-preview-panel .notification-review-head { padding-block:10px; }
  .list-preview-panel .notification-review-kind { margin-bottom:2px; }
  .list-preview-panel .notification-review-head h2 { font-size:18px; line-height:1.25; }
  .list-preview-panel .notification-review-identity { font-size:13px; line-height:1.35; }
  .list-preview-panel .notification-review-full-identity { margin-top:10px; padding-bottom:10px; }
  .list-preview-panel .dialog-actions { padding-block:10px; }
  .list-preview-panel .notification-review-note { padding-top:8px; }
}
.list-notification-current-setup { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px 16px; margin:0 0 14px; padding:0 0 12px; border-bottom:1px solid var(--line); }
#listNotificationCurrentSetupLine { min-width:0; margin:0; color:var(--muted); font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
#listNotificationChangeSetup { min-height:36px; padding-inline:4px; white-space:nowrap; }
.list-notification-structure { margin:0 0 20px; padding:0 0 18px; border-bottom:1px solid var(--line); }
.list-notification-structure > h3 { margin:0 0 16px; color:var(--ink); font-size:15px; font-weight:500; letter-spacing:0; }
.list-notification-change-notice { margin:14px 0 0; padding:9px 11px; border-left:2px solid var(--accent-line); background:var(--surface-soft); color:var(--ink-soft); }
.notification-config-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; margin:0 0 16px; }
.notification-config-grid .field-stack { margin:0; }
.list-notification-trigger-choice { margin:0; }
.list-notification-trigger-notice:not([hidden]) { margin:8px 0 12px; }
.list-notification-dialog {
  width:min(940px,calc(100% - 28px));
  max-height:min(92dvh,860px);
  padding:0;
  overflow:hidden;
}
.list-notification-form {
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:100%;
  max-height:min(calc(92dvh - 2px),858px);
  min-height:0;
  overflow:hidden;
}
.list-notification-dialog .dialog-heading {
  min-width:0;
  padding:22px 28px 18px;
  border-bottom:1px solid var(--line);
  background:var(--surface);
}
.list-notification-dialog .dialog-heading > * { min-width:0; }
.notification-config-content {
  min-height:0;
  margin-right:6px;
  padding:20px 22px 12px 28px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.notification-config-content > .field-stack:first-child { margin-top:0; }
.notification-config-content > :last-child { margin-bottom:0; }
.notification-route-summary { margin:0; color:var(--muted); }
.list-notification-compose { display:grid; min-width:0; gap:0; }
.list-message-authoring-options { grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 0 10px; padding:0 0 12px; background:transparent; gap:8px; }
.list-message-authoring-options[data-channel="sms"] { grid-template-columns:minmax(0,1fr); }
.list-message-authoring-options .message-authoring-choice { border-color:var(--line); background:var(--surface); }
.list-message-authoring-options .message-authoring-choice:hover,
.list-message-authoring-options .message-authoring-choice:focus-visible { background:var(--surface-soft); }
.list-message-authoring-options .message-authoring-choice:disabled,
.list-message-authoring-options .message-authoring-choice:disabled:hover { background:var(--surface); border-color:var(--line); }
.list-notification-compose .field-stack { min-width:0; }
.list-compose-design-state { min-height:0; margin:-1px 0 8px; padding:0; }
.list-compose-preview-control { display:flex; justify-content:flex-end; min-height:34px; margin:0 0 4px; }
.list-compose-preview-control .text-action { min-height:32px; padding-inline:5px; font-size:12px; }
.list-message-form {
  display:grid; min-width:0; margin:0 0 12px; border:1px solid var(--line); border-radius:4px;
  background:var(--surface);
}
.list-notification-subject {
  display:grid; gap:4px; min-width:0; margin:0; padding:8px 12px 10px;
  border:0; border-bottom:1px solid var(--line); border-radius:4px 4px 0 0; background:var(--surface);
}
.list-message-field-header { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; min-height:28px; }
.list-message-field-header .envelope-label { min-width:0; color:var(--muted); font-size:12px; line-height:1.3; }
.list-notification-subject input {
  width:100%; min-width:0; min-height:38px; padding:3px 0 5px; border:0; border-radius:0; background:transparent;
  font-size:19px; font-weight:var(--type-display-weight); line-height:1.35;
}
.list-notification-subject input:focus { box-shadow:none; outline-offset:2px; }
.list-field-action {
  display:inline-flex; flex:none; align-items:center; gap:4px; min-height:28px; padding:2px 4px;
  color:var(--muted); font-size:11px; font-weight:450; line-height:1.2; white-space:nowrap;
}
.list-field-action:hover, .list-field-action:focus-visible,
.field-picker-subject[open] > .list-field-action,
.list-field-action[aria-expanded="true"] { color:var(--accent-strong); background:var(--surface-soft); }
.list-field-action .list-field-action-symbol { margin:0; color:var(--muted-secondary); font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.list-field-action .list-field-action-label { margin:0; }
.list-field-action .field-picker-caret { margin:0 0 0 1px; color:var(--muted-secondary); font-size:9px; }
.list-notification-subject-picker-host { display:contents; }
.list-notification-subject-picker-host > .list-message-field-header { display:contents; }
.list-notification-subject-picker-host > .list-message-field-header > .envelope-label,
.list-notification-subject-picker-host > input,
.list-notification-subject-picker-host > .list-message-field-header > .field-picker > summary { display:none; }
.list-notification-message-field { min-width:0; margin:0; }
.list-notification-compose .list-compose-presentation {
  width:100%; min-width:0; margin:0; border:0; border-radius:0 0 4px 4px;
  background:var(--surface); overflow:hidden;
}
.list-notification-compose .list-compose-presentation > table { width:100%; table-layout:fixed; }
.list-notification-compose .message-writing-tools:not([hidden]) {
  display:grid; grid-template-columns:minmax(0,1fr); align-items:center; gap:5px;
  min-width:0; padding:7px 12px 6px; border-bottom:1px solid var(--line); background:var(--surface-softer);
}
.list-notification-compose .message-writing-tools .email-format-toolbar { justify-self:start; }
.list-notification-compose .field-picker-trigger { white-space:nowrap; }
.list-notification-compose :is(#listNotificationBody,#listNotificationBodyRich) {
  box-sizing:border-box; min-height:clamp(190px,31dvh,310px); height:clamp(190px,31dvh,310px); max-height:420px;
  padding:16px 18px 20px; overflow-y:auto; border:0; background:transparent; font-size:16px; line-height:1.6; resize:none;
}
.list-notification-compose #listNotificationBody { overflow-y:auto; }
.list-notification-compose .email-format-status { padding:7px 12px; }
.list-notification-compose .list-compose-presentation[data-formatted="true"] {
  width:100%; max-width:704px; margin:0 auto; border:0; border-radius:0; background:#fff;
}
.list-notification-compose .list-compose-presentation[data-formatted="true"] .message-writing-tools { padding-inline:22px; background:#fff; }
.list-notification-compose .list-compose-presentation[data-formatted="true"] :is(#listNotificationBody,#listNotificationBodyRich) {
  min-height:190px; height:clamp(190px,27dvh,330px); max-height:430px; padding:20px 24px;
}
.list-notification-compose[data-channel="sms"] .list-compose-presentation { border-radius:4px; }
.list-notification-dialog .dialog-actions {
  min-width:0;
  margin:0;
  padding:16px 28px 20px;
  border-top:1px solid var(--line);
  background:var(--surface);
}
.list-notification-dialog textarea:not(#listNotificationBody) { max-height:42dvh; }
@media (max-height:680px) and (min-width:761px) {
  .list-notification-dialog { max-height:calc(100dvh - 12px); }
  .list-notification-form { max-height:calc(100dvh - 14px); }
  .list-notification-dialog .dialog-heading { padding-block:14px 12px; }
  .notification-config-content { padding-block:14px 8px; }
  .list-notification-current-setup { margin-bottom:10px; padding-bottom:9px; }
  .list-message-authoring-options { margin-bottom:7px; padding-bottom:8px; }
  .list-compose-preview-control { min-height:28px; margin-bottom:2px; }
  .list-compose-preview-control .text-action { min-height:28px; }
  .list-notification-compose :is(#listNotificationBody,#listNotificationBodyRich) {
    min-height:150px; height:clamp(150px,29dvh,240px); max-height:260px;
  }
  .list-notification-compose .list-compose-presentation[data-formatted="true"] :is(#listNotificationBody,#listNotificationBodyRich) {
    min-height:150px; height:clamp(150px,24dvh,220px); max-height:250px;
  }
  .list-notification-dialog .dialog-actions { padding-block:11px 13px; }
}
.list-column-notification-role { margin-top:10px; padding:10px 12px; border-left:2px solid var(--accent); background:var(--accent-soft); color:var(--ink-soft); }
.row-menu { position:relative; }
.row-menu summary { display:flex; align-items:center; justify-content:center; gap:2px; min-height:36px; list-style:none; cursor:pointer; font-size:18px; padding:0 3px; }
.row-menu-panel { position:fixed; z-index:6; display:grid; width:max-content; min-width:220px; max-width:min(340px,calc(100vw - 16px)); overflow:auto; overscroll-behavior:contain; border:1px solid var(--line); background:var(--surface); }
.row-menu:not([open]) > .row-menu-panel { display:none; }
.row-menu-panel button { display:block; width:100%; min-height:36px; padding:9px 12px; border-radius:0; text-align:left; white-space:normal; overflow-wrap:anywhere; font-size:13px; line-height:1.35; }
.row-menu-panel button:hover { background:var(--accent-soft); }
.row-menu-panel > button + button:not([hidden]) { border-top:1px solid var(--line); }
.list-notification-retained-menu { border-top:1px solid var(--line-strong); }
.list-notification-retained-menu > button + button { border-top:1px solid var(--line); }

/* SMS uses the existing List review panel, with exact plain text and bounded navigation. */
.notification-sms-body { white-space: pre-wrap; overflow-wrap: anywhere; }
#listSmsNavigation .preview-navigation { width: 100%; }
#listSmsNavigation select { min-width: 0; flex: 1; }
#listSmsQuoteDetails { overflow-wrap: anywhere; }

.list-preview-panel #listSmsSegments { margin:12px 24px; }
.list-preview-panel #listSmsQuote { padding:0 24px 20px; }
@media (max-width:600px) {
  .list-preview-panel #listSmsSegments { margin-inline:16px; }
  .list-preview-panel #listSmsQuote { padding-inline:16px; }
}

/* One contextual row-handoff disclosure: draft outcome first, audience diagnostics second. */
.list-message-choices { display:grid; gap:2px; padding-block:8px; }
.list-message-menu-note { margin:0 10px 5px; padding-bottom:7px; border-bottom:1px solid var(--line); color:var(--muted); font-size:11px; line-height:1.4; }
.list-message-choices > .list-message-choice { display:grid; width:100%; min-width:0; justify-content:stretch; gap:2px; padding-block:6px; text-align:left; white-space:normal; }
.list-message-choice-main { display:block; min-width:0; color:var(--ink); font-size:13px; line-height:1.3; }
.list-message-choice-meta { display:block; min-width:0; color:var(--muted); font-size:11px; font-weight:400; line-height:1.35; overflow-wrap:anywhere; }
.list-message-choice[hidden] { display:none; }
.list-message-choice:disabled .list-message-choice-main,
.list-message-choice:disabled .list-message-choice-meta { color:var(--muted-secondary); }
.list-message-dialog { width:min(620px,calc(100% - 28px)); max-height:min(88dvh,760px); padding:0; overflow:hidden; }
.list-message-dialog[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.list-message-dialog .dialog-heading { min-width:0; padding:20px 24px 16px; border-bottom:1px solid var(--line); background:var(--surface); }
.list-message-dialog-content { display:grid; min-height:0; gap:16px; padding:20px 24px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.list-message-source { margin:0; color:var(--muted); font-size:14px; overflow-wrap:anywhere; }
.list-message-dialog .field-stack { margin:0; }
.list-message-summary { margin:0; padding:10px 12px; border-left:2px solid var(--accent); background:var(--accent-soft); line-height:1.5; }
.list-message-issues { display:grid; gap:6px; margin:0; padding-left:22px; color:var(--danger); font-size:14px; line-height:1.45; }
.list-message-dialog .dialog-actions { min-width:0; margin:0; padding:16px 24px 20px; border-top:1px solid var(--line); background:var(--surface); }

/* A transient return bridge keeps the exact List-to-message scope after source correction. */
.list-message-return { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:12px; min-height:42px; padding:5px 16px; border-top:1px solid var(--accent-line); background:var(--accent-soft); color:var(--ink-soft); font-size:13px; line-height:1.4; }
.list-message-return[hidden] { display:none; }
.list-message-return > span { min-width:0; overflow-wrap:anywhere; }
.list-message-return-actions { display:flex; flex:none; align-items:center; gap:12px; }
.list-message-return-actions .button { min-height:32px; padding:5px 10px; font-size:12px; }
@media (max-width:600px) {
  .list-message-return { align-items:flex-start; flex-direction:column; gap:6px; padding-block:8px; }
  .list-message-return-actions { width:100%; justify-content:space-between; }
}