/* ALFRED COMMUNICATIONS, brand pack v2 (pictures P08-P12, D10). The queue and the thread are cards on the page; lenses are chips.
   Only v2 variables. Scoped to #view-inbox. */
#view-inbox { color: var(--al-text); }
#view-inbox .al-lenses { display: flex; flex-wrap: wrap; gap: 8px; background: none; box-shadow: none; border-radius: 0; overflow: visible; margin: 0 0 16px; }
#view-inbox .al-lens { flex: none; display: inline-flex; align-items: center; gap: 8px; height: var(--al-chip-h); padding: 0 14px; border: 0; border-radius: var(--al-r-chip); background: var(--al-card); box-shadow: inset 0 0 0 1px var(--al-line-control); color: var(--al-text); font-size: var(--al-fs-ui); }
#view-inbox .al-lens:hover { background: var(--al-selected); }
#view-inbox .al-lens[aria-pressed="true"] { background: var(--al-selected); box-shadow: none; font-weight: 600; }
#view-inbox .al-lens-count { color: var(--al-text-2); font-weight: 400; font-variant-numeric: tabular-nums; font-size: var(--al-fs-label); }
#view-inbox .al-search { margin: 0 0 16px; }
#view-inbox .al-search input { width: 100%; }

#co-body { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: var(--al-gap-card); align-items: start; }
#co-queue, #co-read { background: var(--al-card); border-radius: var(--al-r-card); border: 1px solid var(--al-divider); box-shadow: var(--al-shadow-card); min-width: 0; }
#co-queue { padding: 8px 0; max-height: calc(100vh - 340px); min-height: 240px; overflow-y: auto; }
#co-queue .al-flow-row { display: flex; align-items: flex-start; gap: 12px; min-height: var(--al-row-2line); padding: 12px var(--al-pad-card); border-bottom: 0; cursor: pointer; }
#co-queue .al-flow-row:hover { background: var(--al-selected); }
#co-queue .al-flow-row[aria-selected="true"] { background: var(--al-selected); }
#co-queue .al-flow-key { flex: none; width: 56px; font-family: var(--al-font-ui); font-size: var(--al-fs-label); color: var(--al-text-2); padding-top: 2px; }
#co-queue .al-flow-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
#co-queue .al-cell-2 { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#co-queue .al-cell-2 > span:first-child { font-weight: 600; }
#co-queue .al-cell-2 .al-sub { color: var(--al-text-2); font-size: var(--al-fs-label); }
#co-queue .al-flow-meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; color: var(--al-text-2); font-size: var(--al-fs-label); }
#co-queue > .al-flow-row > .al-flow-meta { flex: none; color: var(--al-text-2); font-variant-numeric: tabular-nums; }
#view-inbox .al-chip, #view-inbox .al-status { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: var(--al-r-chip); background: var(--al-selected); color: var(--al-text); font-size: var(--al-fs-label); font-weight: 500; }
#view-inbox .al-status.is-attention { background: var(--al-attention-wash); color: var(--al-attention); }

#co-read { padding: var(--al-pad-card); min-height: 240px; }
#co-read .al-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; }
#co-read .al-detail-head .al-flow-title { font-size: var(--al-fs-card); font-weight: 600; }
#co-read .al-initials { flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--al-selected); font-weight: 600; }
#co-read #co-from { justify-content: flex-start; gap: 12px; }
#co-read .al-detail-name { font-weight: 600; }
#co-read .al-detail-sub { color: var(--al-text-2); font-size: var(--al-fs-label); }
#co-read .al-sec-title { margin: 20px 0 8px; font-size: var(--al-fs-label); color: var(--al-text-2); }
#co-read .al-well { background: var(--al-paper); border-radius: var(--al-r-control); box-shadow: inset 0 0 0 1px var(--al-divider); font-size: var(--al-fs-read); line-height: var(--al-lh-read); margin-bottom: 8px; }
#co-read .al-flow-row { display: flex; align-items: center; gap: 12px; min-height: var(--al-row-compact); padding: 8px 0; border-bottom: 1px solid var(--al-divider); }
#co-read .al-flow-main { flex: 1; min-width: 0; }
#co-read .al-flow-meta { color: var(--al-text-2); font-size: var(--al-fs-label); }
#co-read .al-actions { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--al-divider); }

#co-context { display: none; }
#co-context > * { background: var(--al-card); border-radius: var(--al-r-card); border: 1px solid var(--al-divider); box-shadow: var(--al-shadow-card); padding: var(--al-pad-card); }
@media (min-width: 1700px) {
  #co-body { grid-template-columns: 400px minmax(0, 1fr) 340px; }
  #co-context { display: flex; flex-direction: column; gap: var(--al-gap-card); position: sticky; top: calc(var(--al-topbar-h) + 24px); }
}
#co-context h2, #co-context h3, #co-context .al-label { font-size: var(--al-fs-card); font-weight: 600; margin: 0 0 var(--al-gap-title); }


/* Screen 05 / shared group A1-A3: RECIPES B1, B2, B9, B14; RULES sections 1-4.
   Frame, control and workflow changes follow their separate live-proof gates. */
#view-inbox {
  font-family: var(--al-font-ui);
  font-size: var(--al-fs-ui);
  line-height: var(--al-lh-ui);
}
#view-inbox .al-title {
  font-family: var(--al-font-ui);
  font-size: var(--al-fs-title);
  font-weight: 800;
  letter-spacing: normal;
}
#view-inbox #co-queue,
#view-inbox #co-read,
#view-inbox #co-coverage-region,
#view-inbox #co-context > .al-region {
  min-height: 0;
  
  background: var(--al-card);
  border-radius: var(--al-r-card);
  border: 1px solid var(--al-divider); box-shadow: var(--al-shadow-card);
}
#view-inbox #co-coverage-region,
#view-inbox #co-context > .al-region {
  padding: var(--al-pad-card);
}
#view-inbox #co-coverage-region > .al-region-body,
#view-inbox #co-context .al-region-body {
  padding: 0;
}
#view-inbox .al-region-hd {
  margin: 0 0 var(--al-gap-title);
  padding: 0;
  border: 0;
}
#view-inbox .al-region-hd .al-label,
#view-inbox #co-read .al-flow-title,
#view-inbox #co-read .al-sec-title {
  font-family: var(--al-font-ui);
  font-size: var(--al-fs-card);
  font-weight: 600;
  color: var(--al-text);
  letter-spacing: normal;
  text-transform: none;
}
#view-inbox .al-lenses {
  padding: var(--al-pad-card);
  background: var(--al-card);
  border-radius: var(--al-r-card);
  border: 1px solid var(--al-divider); box-shadow: var(--al-shadow-card);
}
#view-inbox .al-lens {
  font-size: var(--al-fs-label);
  font-weight: 500;
}
#view-inbox .al-lens[aria-pressed="true"],
#view-inbox .al-lens[aria-pressed="true"] .al-lens-count,
#view-inbox #co-queue .al-flow-row[aria-selected="true"],
#view-inbox #co-queue .al-flow-row[aria-selected="true"] .al-cell-2 > span:first-child {
  color: var(--al-action);
  font-weight: 600;
}
#view-inbox .al-lens[aria-pressed="true"]::before {
  content: "\2713";
}
#view-inbox #co-queue .al-cell-2 > span:first-child {
  font-size: var(--al-fs-ui);
  font-weight: 500;
}
#view-inbox #co-read .al-sec-title {
  margin-bottom: var(--al-gap-title);
}
#view-inbox #co-read .al-well {
  box-shadow: none;
  background: var(--al-paper);
  font-family: var(--al-font-ui);
  font-size: var(--al-fs-read);
  line-height: var(--al-lh-read);
}

/* Live A1-A3 proof correction: reserve the inbox frame to the window edge
   while retaining content-height empty cards (RULES section 5; B9). */
#view-inbox { flex: 0 0 auto; width: 100%; height: calc(100dvh - var(--al-topbar-h) - 24px - var(--v3-end-space)); box-sizing: border-box; }
#view-inbox > :not(#co-body) { flex-shrink: 0; }
#view-inbox #co-body { flex: 1; min-height: 0; }
#view-inbox #co-queue, #view-inbox #co-read { max-height: 100%; overflow-y: auto; }
#view-inbox #co-queue > .al-absent { margin: 0; padding: 16px var(--al-pad-card); }

/* RECIPES v1.5 C10: filter chips are on the page, so the selected
   chip uses the card fill and depth instead of a page-coloured plate. */
#view-inbox .al-lenses { padding: 0; background: none; border-radius: 0; box-shadow: none; }
#view-inbox .al-lens[aria-pressed="true"] { background: var(--al-selected); box-shadow: inset 0 0 0 1px var(--al-action); color: var(--al-action); }

/* RULES section 5: reserve scroll-end space beneath reading/reply actions. */
#view-inbox #co-read:has(#co-messages) { padding-bottom: 72px; scroll-padding-bottom: 72px; }

/* Shared controls and region failures: RECIPES B5, B9-B11. */
#view-inbox .co-search-field label { display:block; margin-bottom:6px; font-size:var(--al-fs-label); font-weight:500; color:var(--al-text); }
#view-inbox .co-load-error, .co-dialog .co-load-error { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding:12px 16px; border-radius:var(--al-r-control); background:var(--al-critical-wash); color:var(--al-critical); font-size:var(--al-fs-ui); }
#view-inbox #co-queue .co-load-error { margin:16px; }
#view-inbox :is(button,input,a,[tabindex]):focus-visible { box-shadow:var(--al-focus); outline:none; }

#view-inbox .co-search-field { display:block; margin:8px 0; }
#view-inbox .co-search-field input { display:block; width:100%; height:var(--al-control-h); box-sizing:border-box; border:0; border-radius:var(--al-r-control); box-shadow:inset 0 0 0 1px var(--al-line-control); background:var(--al-field); color:var(--al-text); font:15px var(--al-font-ui); padding:0 12px; }

/* A9-A11: readable correspondence and state semantics, RULES 5-7 / C4. */
#view-inbox .co-mail-body { background:var(--al-paper); color:var(--al-text); font:400 var(--al-fs-read)/var(--al-lh-read) var(--al-font-ui); padding:16px; overflow-wrap:break-word; }
#view-inbox .co-mail-body * { font-family:inherit; font-size:inherit; line-height:inherit; }
#view-inbox .co-mail-body :is(p,div,blockquote,ul,ol) { max-width:75ch; }
#view-inbox .co-mail-body p { margin:0 0 16px; }
#view-inbox .co-mail-body :is(ul,ol) { padding-left:24px; }
#view-inbox .co-mail-body a { color:var(--al-action); text-decoration:underline; overflow-wrap:anywhere; }
#view-inbox .co-mail-plain { white-space:pre-wrap; }
#view-inbox .co-message-attribution { padding:12px 16px 6px; }
#view-inbox .co-message + .co-message { margin-top:16px; }
#view-inbox .al-chip { padding:0; height:auto; border:0; box-shadow:none; border-radius:0; background:transparent; color:var(--al-text-2); font-size:var(--al-fs-label); }
#view-inbox .al-status { font-weight:600; background:var(--al-info-wash); color:var(--al-info); }
#view-inbox .al-status.is-attention { background:var(--al-attention-wash); color:var(--al-attention); }
#view-inbox :is(#co-queue,#co-read) { scrollbar-width:thin; scrollbar-color:var(--al-scroll-thumb) transparent; }
#view-inbox #co-queue:has(.al-flow-row) { padding-bottom:72px; }
/* S-118 (audit, 9 Oct 2026): with a pager, the sticky pager IS the end of the list -- the 72px clearance lifted it
   72px off the bottom and rows showed underneath it (C1). The Alfred pill sits bottom-right, clear of this column. */
#view-inbox #co-queue:has(.co-pager) { padding-bottom:0; }

/* C5 frame: context is an attached menu, never a third column. B2 rows. */
#view-inbox #co-body { grid-template-columns:360px minmax(0,1fr); }
@media(min-width:1680px) { #view-inbox #co-body { grid-template-columns:400px minmax(0,1fr); } }
#view-inbox #co-queue .co-thread-row { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:20px 18px; gap:2px 12px; height:var(--al-row-2line); min-height:var(--al-row-2line); box-sizing:border-box; padding:12px 16px; border-bottom:1px solid var(--al-divider); align-items:center; }
#view-inbox .co-row-who { font-size:var(--al-fs-ui); font-weight:500; }
#view-inbox :is(.co-row-who,.co-row-subject) { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; }
#view-inbox :is(.co-row-date,.co-row-count,.co-row-subject) { font-size:var(--al-fs-label); color:var(--al-text-2); }
#view-inbox :is(.co-row-date,.co-row-count) { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
#view-inbox .co-thread-row[aria-selected="true"] .co-row-who { font-weight:600; color:var(--al-action); }
#view-inbox .co-context-strip { position:sticky; top:-24px; z-index:var(--al-z-sticky); background:var(--al-card); margin:-24px 0 16px; padding:12px 0; border-bottom:1px solid var(--al-divider); } /* R1b-1: the hairline under the matter strip runs the full inner width of the card */
#view-inbox #co-context-trigger { width:100%; min-height:var(--al-control-h); text-align:left; display:flex; align-items:center; justify-content:space-between; color:var(--al-action); font:500 var(--al-fs-ui) var(--al-font-ui); }
#view-inbox #co-context-label { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#view-inbox #co-outside-filter { margin:4px 0 0; font-size:var(--al-fs-label); }
#view-inbox #co-context { position:fixed; inset:auto; margin:0; width:360px; max-width:calc(100vw - 48px); max-height:calc(100dvh - 104px); overflow-y:auto; border:0; padding:16px; box-sizing:border-box; border-radius:var(--al-r-popover); background:var(--al-raised); box-shadow:var(--al-shadow-menu); z-index:var(--al-z-attached); }
#view-inbox #co-context:not(:popover-open) { display:none; }
#view-inbox #co-context:popover-open { display:block; }
#view-inbox #co-context > .al-region { padding:0 0 16px; background:transparent; box-shadow:none; border-radius:0; }
#view-inbox #co-context .al-region-hd { margin-bottom:8px; }
#view-inbox #co-context .al-label { font-size:var(--al-fs-label); color:var(--al-text-2); }
#view-inbox #co-context :is(button,a.al-action) { display:block; min-height:var(--al-control-h); font-size:var(--al-fs-ui); text-align:left; }
#view-inbox #co-context .al-kv { display:grid; grid-template-columns:1fr; gap:6px; }
#view-inbox #co-context .al-kv dd { margin:0 0 12px; }

#view-inbox #co-context > .al-region { padding-bottom:12px; }
#view-inbox #co-context p { margin:0 0 8px; }
#view-inbox #co-context .al-kv { margin:0; }
#view-inbox #co-context .al-kv dd { margin:0 0 8px; }
#view-inbox #co-context .al-actions { margin:0; padding:0; gap:0; }
#view-inbox #co-context button { width:100%; background:transparent; border:0; border-radius:var(--al-r-control); box-shadow:none; padding:0 12px; color:var(--al-action); }
#view-inbox #co-context button:hover { background:var(--al-selected); }
#view-inbox #co-context-trigger { background:transparent; border:0; box-shadow:none; padding:0; }
#view-inbox #co-queue .co-thread-row { border-radius:0; }

/* P08 unread cue and B2/B8 real paging. */
#view-inbox .co-unread { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--al-action); margin-right:8px; }
#view-inbox .co-pager { position:sticky; bottom:0; z-index:var(--al-z-sticky); display:flex; justify-content:space-between; align-items:center; gap:8px; padding:12px 8px; background:var(--al-card); border-top:1px solid var(--al-divider); font-size:var(--al-fs-label); }
#view-inbox .co-pager .al-btn { padding:0 14px; }
#view-inbox .co-search-notice { margin:0; padding:0; background:none; color:var(--al-attention); font-weight:600; }

/* B5/B6/B10: owned action dialogs retain input until a confirmed outcome. */
.co-dialog { width:min(560px,calc(100vw - 48px)); max-height:calc(100dvh - 104px); box-sizing:border-box; padding:24px; border:0; border-radius:var(--al-r-modal); background:var(--al-raised); color:var(--al-text); box-shadow:var(--al-shadow-modal); font:400 var(--al-fs-ui) var(--al-font-ui); overflow-y:auto; }
/* Native modal backdrop supplies the B6 page dimming; no invented scrim token. */
.co-dialog h2 { margin:0 0 14px; font-size:18px; font-weight:600; }
.co-dialog label { display:block; font-size:13px; font-weight:500; margin:16px 0 6px; }
.co-dialog :is(input,textarea,select) { width:100%; box-sizing:border-box; min-height:40px; padding:8px 12px; border:0; border-radius:var(--al-r-control); background:var(--al-field); color:var(--al-text); box-shadow:inset 0 0 0 1px var(--al-line-control); font:15px var(--al-font-ui); }
.co-dialog textarea { min-height:96px; resize:none; }
.co-dialog .alf-select { display:block; width:100%; }
.co-dialog .alf-select .fe-choice { min-height:40px; }
.co-dialog footer { display:flex; justify-content:flex-end; gap:8px; margin-top:24px; }
.co-dialog button { min-height:40px; padding:0 16px; border:0; border-radius:var(--al-r-control); background:transparent; color:var(--al-action); font:500 var(--al-fs-ui) var(--al-font-ui); cursor:pointer; }
.co-dialog .co-primary { background:var(--al-action); color:var(--al-text-inverse); }
.co-dialog .co-form-error { padding:12px 16px; border-radius:var(--al-r-control); background:var(--al-critical-wash); color:var(--al-critical); }
.co-dialog [aria-invalid=true] { box-shadow:inset 0 0 0 1px var(--al-critical); }
.co-dialog :is(input,textarea,select,button):focus-visible { outline:none; box-shadow:var(--al-focus); }
.co-dialog button:disabled { cursor:wait; }

/* Inbox-owned presentation of the shared writing box: C4/C6, never shared CSS. */
#view-inbox #co-list { display:flex; flex-direction:column; min-height:0; gap:8px; }
#view-inbox #co-list #co-queue { min-height:0; flex:0 1 auto; }
#view-inbox #co-folder-name { font-size:var(--al-fs-label); color:var(--al-text-2); }
#view-inbox .co-owned-compose { width:100%; max-width:100%; margin:16px 0 0; box-shadow:none; border:0; border-radius:var(--al-r-control); background:var(--al-paper); color:var(--al-text); font-family:var(--al-font-ui); }
#view-inbox .co-owned-compose :is(.cx-cmp-body,.cx-cmp-body *,#cx-cmp-preview,#cx-cmp-preview *) { font-family:var(--al-font-ui)!important; font-size:var(--al-fs-read)!important; line-height:var(--al-lh-read)!important; }
#view-inbox .co-owned-compose .cx-idw-lbl { font:400 var(--al-fs-label) var(--al-font-ui); text-transform:none; letter-spacing:normal; color:var(--al-text-2); }
#view-inbox .co-owned-compose input { min-height:40px; border:0; border-radius:var(--al-r-control); box-shadow:inset 0 0 0 1px var(--al-line-control); background:var(--al-field); color:var(--al-text); }
#view-inbox .co-owned-compose .cx-cmp-toolbar { display:flex; flex-wrap:wrap; gap:8px; background:var(--al-paper); }
#view-inbox .co-owned-compose .cx-aa-wrap { display:flex; align-items:center; gap:4px; }
#view-inbox .co-owned-compose :is(.cx-aa-wrap button,.cx-tool-icon) { width:32px; height:32px; padding:0; background:transparent; border:0; color:var(--al-text-2); }
#view-inbox .co-owned-compose .cx-aa-wrap [data-link] { width:auto; min-width:32px; }
#view-inbox .co-owned-compose :is(.cx-cmp-hd,.cx-cmp-identity,.cx-cmp-toolbar,.cx-cmp-body-wrap,.cx-send-bar) { padding:16px; }
#view-inbox .co-owned-compose .cx-cmp-hd { flex-wrap:wrap; gap:8px; }
#view-inbox .co-owned-compose [data-co-discard] { min-height:40px; border:0; background:transparent; color:var(--al-action); font:500 var(--al-fs-ui) var(--al-font-ui); }
#view-inbox .co-owned-compose .cx-send-btn { min-height:40px; border:0; border-radius:var(--al-r-control); background:var(--al-action); color:var(--al-text-inverse); }
#view-inbox .co-owned-compose [hidden],#view-inbox #co-reply-acts[hidden] { display:none!important; }
.co-dialog .co-folder-row { display:flex; flex-direction:column; align-items:flex-start; width:100%; height:auto; min-height:64px; padding:12px; text-align:left; border-bottom:1px solid var(--al-divider); }
.co-dialog .co-folder-row small { color:var(--al-text-2); font-size:var(--al-fs-label); }
.co-dialog section { margin:16px 0; }
.co-dialog h3 { font-size:var(--al-fs-ui); font-weight:600; }

#view-inbox .co-owned-compose :is(.cx-foot-pledge,.cx-foot-choke,.cx-foot-steps,.cx-foot-files) { font:400 var(--al-fs-label)/var(--al-lh-ui) var(--al-font-ui); font-style:normal; letter-spacing:normal; text-transform:none; color:var(--al-text-2); }
#view-inbox .co-owned-compose .cx-send-foot { display:flex; flex-wrap:wrap; align-items:center; gap:16px; background:var(--al-paper); padding:16px; border-top:1px solid var(--al-divider); }
#view-inbox .co-owned-compose .cx-send-btn { white-space:nowrap; width:auto; padding:0 16px; font:600 var(--al-fs-ui) var(--al-font-ui); }
#view-inbox .co-owned-compose :is(.cx-ask-chip,.cx-reg-chip) { background:transparent; border:0; box-shadow:none; color:var(--al-action); min-height:40px; font:500 var(--al-fs-ui) var(--al-font-ui); }
#view-inbox .co-owned-compose .cx-foot-dot { display:none; }
#view-inbox #cx-counsel-mount:not(:empty) { margin-top:16px; border-top:1px solid var(--al-divider); background:var(--al-raised); padding:16px; }
#view-inbox .co-advice-hd { display:flex; align-items:center; justify-content:space-between; }
#view-inbox .co-advice-hd h3 { font-size:16px; font-weight:600; }
#view-inbox .co-advice-hd button { min-height:40px; border:0; background:transparent; color:var(--al-action); }
#view-inbox .co-advice-body { font:400 var(--al-fs-read)/var(--al-lh-read) var(--al-font-ui); }
#view-inbox .co-advice-body h4 { font-size:var(--al-fs-ui); font-weight:600; }
.co-dialog .co-menu-action { display:block; width:100%; text-align:left; }

.co-dialog { position:fixed; inset:0; margin:auto; }
.co-dialog form { display:flex; flex-direction:column; max-height:calc(100dvh - 152px); }
.co-dialog .co-dialog-content { min-height:0; overflow-y:auto; padding:4px; scrollbar-width:thin; scrollbar-color:var(--al-scroll-thumb) transparent; }
.co-dialog :is(h2,footer,.co-form-error) { flex-shrink:0; }
#view-inbox .co-owned-compose .co-assistant-tools { display:flex; flex-wrap:wrap; gap:8px; padding:0 16px; }
#view-inbox .co-owned-compose .cx-cmp-toolbar .cx-send-btn { margin-left:auto; }
#view-inbox .co-owned-compose .cx-cmp-toolbar svg { stroke:currentColor; }

.co-dialog [hidden] { display:none!important; }
#view-inbox .co-file-title { white-space:normal; overflow-wrap:anywhere; }
#view-inbox .co-digest { margin:16px 0; }
#view-inbox .co-digest summary { color:var(--al-action); min-height:40px; cursor:pointer; }
#view-inbox .co-digest .al-kv { display:grid; grid-template-columns:1fr; gap:6px; }

/* C5 places context at the top of the thread; it must not paint over reply fields. */
#view-inbox .co-context-strip { position:static; }

/* Existing shared writing-tool regions, restyled only for the owned inbox. */
#view-inbox .co-owned-compose :is(.cx-ask-panel,.cx-strengthen-overlay,.cx-tone-rail,.cx-mirror-pane,.cx-clause-picker) { position:relative; inset:auto; width:auto; max-width:100%; max-height:none; margin:16px; border:1px solid var(--al-divider); border-radius:var(--al-r-control); background:var(--al-card); color:var(--al-text); box-shadow:none; overflow:visible; }
#view-inbox .co-owned-compose :is(.cx-ask-hd,.cx-str-hd,.cx-clause-hd,.cx-tone-rail-hd,.cx-mirror-hd) { background:var(--al-card); border-color:var(--al-divider); padding:16px; gap:8px; flex-wrap:wrap; }
#view-inbox .co-owned-compose :is(.cx-ask-badge,.cx-str-badge,.cx-str-section-lbl,.cx-ask-hd-sub,.cx-tone-sug-lbl,.cx-clause-hd span,.cx-mirror-terms-lbl) { background:transparent; border:0; color:var(--al-text-2)!important; font:500 var(--al-fs-label)/var(--al-lh-ui) var(--al-font-ui)!important; text-transform:none; letter-spacing:normal; }
#view-inbox .co-owned-compose :is(.cx-ask-answer,.cx-str-text,.cx-str-changes,.cx-tone-reason,.cx-tone-sug-text,.cx-mirror-body) { background:var(--al-paper); color:var(--al-text); border-color:var(--al-divider); font:400 var(--al-fs-read)/var(--al-lh-read) var(--al-font-ui); }
#view-inbox .co-owned-compose :is(.cx-str-acts,.cx-mirror-acts,.cx-ask-acts) { display:flex; gap:8px; flex-wrap:wrap; padding:16px; background:var(--al-card); }
#view-inbox .co-owned-compose :is(.cx-str-acts button,.cx-mirror-accept,.cx-tone-apply,.cx-tone-dismiss,.cx-ask-send-btn) { min-height:40px; border-radius:var(--al-r-control); font:500 var(--al-fs-ui) var(--al-font-ui); background:transparent; color:var(--al-action); border:0; }
#view-inbox .co-owned-compose :is(.cx-str-accept,.cx-mirror-accept,.cx-tone-apply,.cx-ask-send-btn) { background:var(--al-action); color:var(--al-text-inverse); }
#view-inbox .co-owned-compose :is(.cx-ask-panel,.cx-strengthen-overlay,.cx-tone-rail,.cx-mirror-pane,.cx-clause-picker) svg { stroke:currentColor; }

#view-inbox .co-owned-compose .cx-str-acts .cx-str-accept { background:var(--al-action); color:var(--al-text-inverse); padding:0 16px; }
#view-inbox .co-advice-body h4 { margin:16px 0 6px; font:600 var(--al-fs-ui)/var(--al-lh-ui) var(--al-font-ui); color:var(--al-text); }
#view-inbox .co-advice-body p { margin:0 0 12px; }
#view-inbox .co-advice-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }

#view-inbox .co-owned-compose .cx-cmp-title { font:600 var(--al-fs-card)/var(--al-lh-ui) var(--al-font-ui); color:var(--al-text); }
#view-inbox .co-owned-compose :is(.cx-idw-identity,.cx-idw-hint,.cx-draft-chip) { font:400 var(--al-fs-label)/var(--al-lh-ui) var(--al-font-ui); color:var(--al-text-2); background:transparent; border:0; padding:0; }
#view-inbox .co-owned-compose :is(.cx-cmp-hd,.cx-cmp-identity) { background:var(--al-paper); border-color:var(--al-divider); }
#view-inbox .co-owned-compose .cx-idw-row { gap:12px; }
#view-inbox .co-owned-compose .cx-idw-inp { padding:0 12px; font:400 var(--al-fs-ui) var(--al-font-ui); }
#view-inbox .co-owned-compose .cx-idw-seam { background:var(--al-divider); }
#view-inbox .co-owned-compose .cx-ep-toggle { background:var(--al-card); border-radius:var(--al-r-control); }
#view-inbox .co-owned-compose .cx-ep-opt { min-height:32px; border-radius:var(--al-r-control); font:500 var(--al-fs-ui) var(--al-font-ui); color:var(--al-action); }
#view-inbox .co-owned-compose .cx-ep-opt.cx-ep-on { background:var(--al-action); color:var(--al-text-inverse); box-shadow:none; }
#view-inbox .co-owned-compose #cx-cmp-body { max-width:75ch; margin-inline:auto; }


/* CD early read S1–S6: P10/P12 working panes, not a stacked form. */
#view-inbox { display:flex; flex-direction:column; overflow:hidden; padding:0; }
#view-inbox > .al-surface-head { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:0 0 16px; }
#view-inbox > .al-surface-head .al-actions { margin:0; flex:none; }
#view-inbox .al-title { margin:0 0 4px; }
#view-inbox #co-scope { font-size:var(--al-fs-label); color:var(--al-text-2); }
#view-inbox .al-lenses { flex-wrap:nowrap; align-items:center; margin-bottom:16px; }
#view-inbox #co-body { align-items:stretch; overflow:hidden; }
#view-inbox #co-list { height:100%; min-width:0; gap:0; background:var(--al-card); border-radius:var(--al-r-card); border:1px solid var(--al-divider); box-shadow:var(--al-shadow-card); overflow:hidden; }
#view-inbox .co-list-tools { flex:none; padding:16px 16px 8px; }
#view-inbox .co-search-field { margin:0; }
#view-inbox .co-list-menus { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; }
#view-inbox .co-list-menus button { width:auto; min-height:40px; padding:0 8px; border:0; box-shadow:none; background:transparent; color:var(--al-action); font:500 var(--al-fs-ui) var(--al-font-ui); }
#view-inbox #co-folder-name:empty { display:none; }
#view-inbox #co-list #co-queue { flex:1; max-height:none; border-radius:0; box-shadow:none; padding-top:0; }
#view-inbox #co-read { height:100%; box-sizing:border-box; overscroll-behavior:contain; }
#view-inbox #co-read #co-reply-acts { margin:16px 0; padding:0; border:0; }
#view-inbox .co-attached-menu { position:fixed; inset:auto; margin:0; width:max-content; min-width:240px; max-width:360px; max-height:calc(100dvh - 104px); overflow:auto; padding:8px; border:0; border-radius:var(--al-r-popover); background:var(--al-raised); box-shadow:var(--al-shadow-menu); color:var(--al-text); z-index:var(--al-z-attached); font:400 var(--al-fs-ui) var(--al-font-ui); }
#view-inbox .co-attached-menu:not(:popover-open) { display:none; }
#view-inbox .co-attached-menu button { display:flex; align-items:center; gap:8px; width:100%; min-height:40px; padding:8px 12px; border:0; border-radius:var(--al-r-control); box-shadow:none; background:transparent; color:var(--al-action); text-align:left; font:400 var(--al-fs-ui) var(--al-font-ui); cursor:pointer; }
#view-inbox .co-attached-menu button:hover,#view-inbox .co-attached-menu [aria-pressed=true] { background:var(--al-selected); }
#view-inbox .co-attached-menu .co-folder-row { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
#view-inbox .co-attached-menu small { color:var(--al-text-2); font-size:var(--al-fs-label); }
#view-inbox .co-attached-menu :is(h3,p) { margin:8px 12px; font-size:var(--al-fs-label); }

/* Keep the pill's 72px reserve outside the scrolling viewport, not inside
   its contents: controls cannot paint behind the pill midway through a reply. */
#view-inbox #co-reader { height:100%; min-height:0; min-width:0; overflow:hidden; background:var(--al-card); border-radius:var(--al-r-card); border:1px solid var(--al-divider); box-shadow:var(--al-shadow-card); }
#view-inbox #co-reader #co-read { position:relative; top:auto; margin:0; height:calc(100% - 72px); max-height:calc(100% - 72px); box-shadow:none; border-radius:0; padding-bottom:24px; }


/* CD layout-revision R1–R3 / P2: shared composer, inbox-owned arrangement. */
#view-inbox #co-read .al-detail-head { padding:0; margin:0 0 12px; }
#view-inbox #co-from .al-detail-name { font-size:15px; font-weight:600; }
#view-inbox .co-reading-meta,#view-inbox .co-advice-meta { font-size:var(--al-fs-label); color:var(--al-text-2); margin:0 0 12px; }
#view-inbox :is(.co-message,.co-mail-body,#co-compose-slot,.co-owned-compose,#co-reply-acts) { max-width:760px; margin-left:0; margin-right:0; }
#view-inbox .co-mail-body { background:transparent; padding:12px 0; }
#view-inbox .co-mail-body :is(p,div,blockquote,ul,ol) { max-width:760px; }
#view-inbox .co-message-attribution { padding:12px 0 6px; }
#view-inbox #cx-counsel-mount:not(:empty) { padding:16px 0; margin:16px 0; background:var(--al-raised); }
#view-inbox .co-advice-hd h3 { margin:0; }
#view-inbox #co-read #co-reply-acts { margin:16px 0 0; }
#view-inbox .co-owned-compose { display:flex; flex-direction:column; min-height:0; box-sizing:border-box; overflow:hidden; margin:0; padding:0; }
#view-inbox .co-owned-compose .cx-cmp-hd { flex:none; flex-wrap:nowrap; gap:8px; padding:8px 0; min-height:40px; }
#view-inbox .co-owned-compose .cx-cmp-hd > div { min-width:0; gap:8px!important; }
#view-inbox .co-owned-compose .cx-cmp-hd > div:first-child { flex:1; }
#view-inbox .co-owned-compose .cx-cmp-hd > div:last-child { flex:none; }
#view-inbox .co-owned-compose .cx-cmp-title { font-size:16px; white-space:nowrap; }
#view-inbox .co-owned-compose .cx-draft-chip { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#view-inbox .co-owned-compose .cx-cmp-identity { flex:none; padding:8px 0; }
#view-inbox .co-owned-compose .cx-idw-row { margin:0; min-height:32px; gap:8px; }
#view-inbox .co-owned-compose .cx-idw-seam { display:none; }
#view-inbox .co-owned-compose #cx-cmp-bwrap { flex:1; min-height:80px; height:auto; overflow-y:auto; padding:8px 0; display:flex; flex-direction:column; }
#view-inbox .co-owned-compose #cx-cmp-body-pane { flex:1 0 auto; display:flex; flex-direction:column; min-height:100%; padding:0; }
#view-inbox .co-owned-compose #cx-cmp-body { flex:1; min-height:120px; height:auto; max-width:760px; margin:0; padding:12px; box-sizing:border-box; }
#view-inbox .co-owned-compose .cx-cmp-toolbar { flex:none; display:flex; flex-wrap:nowrap; align-items:center; gap:4px; padding:8px 0; min-height:40px; margin:0; }
#view-inbox .co-owned-compose .cx-aa-wrap { gap:0; flex:none; }
#view-inbox .co-owned-compose :is(.cx-tool-icon,.cx-attach-wrap) { flex:none; }
#view-inbox .co-owned-compose :is(.cx-ask-chip,.cx-reg-chip) { min-width:0; min-height:40px; padding:0 4px; white-space:normal; line-height:18px; font-size:var(--al-fs-ui); }
#view-inbox .co-owned-compose .cx-ask-chip { max-width:80px; }
#view-inbox .co-owned-compose .cx-reg-chip:not(.cx-reg-chip--icon) { max-width:88px; }
#view-inbox .co-owned-compose :is(.cx-ask-chip,.cx-reg-chip:not(.cx-reg-chip--icon)) svg { display:none; }
#view-inbox .co-owned-compose .cx-reg-chip--icon { width:32px; flex:none; padding:0; }
#view-inbox .co-owned-compose .cx-tool-sep { display:none; }
#view-inbox .co-owned-compose .cx-cmp-toolbar .cx-send-btn { flex:none; padding:0 12px; margin-left:auto; }
#view-inbox .co-owned-compose .cx-send-foot { flex:none; padding:0; gap:8px; min-height:24px; border:0; }
#view-inbox .co-owned-compose .cx-foot-pledge,#view-inbox .co-owned-compose .cx-foot-steps { display:none; }
#view-inbox .co-owned-compose .cx-foot-choke { margin:0; text-align:left; }
#view-inbox .co-owned-compose :is(.cx-ask-panel,.cx-strengthen-overlay,.cx-tone-rail,.cx-clause-picker) { margin:8px 0; }

/* B13 / Peter: one covering notice below the header; workflow remains in its dialog. */
#view-inbox #co-coverage-region { flex:none; display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; box-sizing:border-box; padding:0; margin:0 0 16px; border:0; border-radius:0; box-shadow:none; background:none; color:var(--al-attention); font:400 var(--al-fs-ui)/var(--al-lh-ui) var(--al-font-ui); }
#view-inbox #co-coverage-region [hidden] { display:none!important; }
#view-inbox #co-coverage-region button { min-height:0; padding:0; flex:none; background:transparent; border:0; color:inherit; font:inherit; text-decoration:underline; }

/* 05 rebuild (gb21): the empty state in the list card carries the card padding and one quiet link as the next step (G-EMPTY) */
#co-queue .rv-pad { padding: var(--al-pad-card); }
#co-queue .rv-pad p { margin: 0 0 8px; }
#view-inbox .rv-link { border: 0; background: none; padding: 0; margin: 0; font: 500 var(--al-fs-ui)/1.4 var(--al-font-ui); color: var(--al-action); cursor: pointer; }
#view-inbox .rv-link:hover { text-decoration: underline; }
#view-inbox .rv-link:focus-visible { outline: none; box-shadow: var(--al-focus); }
.co-coverage-band { box-sizing: border-box; }
.co-menu { box-sizing: border-box; }
.co-subject { overflow-wrap: anywhere; }
.co-folder-content { min-height: 0; }
body.depth-dialog-open { overflow: hidden; }

/* C5 audit: the composer toolbar keeps every label on one line (C5-5), the editor has no clipped focus ring (C5-4), the quoted history sits behind a toggle */
#view-inbox .co-owned-compose .cx-cmp-toolbar { flex-wrap: wrap; row-gap: 4px; }
#view-inbox .co-owned-compose :is(.cx-ask-chip, .cx-reg-chip, .cx-reg-chip:not(.cx-reg-chip--icon)) { white-space: nowrap; max-width: none; padding: 0 8px; }
#view-inbox .co-owned-compose .cx-reg-chip--icon { width: auto; padding: 0 8px; }
#view-inbox .co-owned-compose .cx-reg-chip--icon svg { display: none; }
#view-inbox .co-owned-compose #cx-cmp-body:focus, #view-inbox .co-owned-compose #cx-cmp-body:focus-visible { outline: none; box-shadow: none; }
#view-inbox .co-owned-compose .co-quote-toggle { display: inline-flex; align-items: center; min-height: 32px; margin: 8px 0 0; padding: 0; border: 0; background: none; font: 500 var(--al-fs-ui) var(--al-font-ui); color: var(--al-action); cursor: pointer; }
#view-inbox .co-owned-compose .co-quote-toggle:focus-visible { outline: none; box-shadow: var(--al-focus); }
#view-inbox .co-owned-compose .co-quote-block[hidden] { display: none !important; }

/* C5 audit P1: one block per message (sender, date, body) with a thin divider; C5-6: the empty list is a kit empty state */
#view-inbox .co-message-head { display: flex; align-items: center; gap: 12px; padding: 0 0 8px; }
#view-inbox .co-message-head .al-detail-name { font-size: 15px; font-weight: 600; }
#view-inbox .co-message + .co-message { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--al-divider); }
#view-inbox #co-queue .rv-pad { padding: 32px 24px; text-align: center; }
#view-inbox #co-queue .rv-pad p { margin: 0 0 12px; }
#view-inbox #co-queue .rv-link { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 0; border-radius: var(--al-r-control); background: none; box-shadow: inset 0 0 0 1px var(--al-line-control); font: 500 var(--al-fs-ui) var(--al-font-ui); color: var(--al-text); cursor: pointer; }
#view-inbox #co-queue .rv-link:focus-visible { outline: none; box-shadow: var(--al-focus); }
#view-inbox .co-clip { vertical-align: -2px; margin-left: 4px; color: var(--al-text-2); }
#view-inbox .co-quiet-btn { display: inline-flex; align-items: center; min-height: 32px; margin-left: 12px; padding: 0 12px; border: 0; border-radius: var(--al-r-control); background: none; box-shadow: inset 0 0 0 1px var(--al-line-control); font: 500 var(--al-fs-ui) var(--al-font-ui); color: var(--al-text); cursor: pointer; }
#view-inbox .co-quiet-btn:focus-visible { outline: none; box-shadow: var(--al-focus); }
#view-inbox .co-restricted { margin: 0; color: var(--al-text); font-size: var(--al-fs-read); line-height: var(--al-lh-read); }
#view-inbox #co-read.is-overflowing, #view-inbox #co-queue.is-overflowing { -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 40px), transparent 100%); mask-image: linear-gradient(to bottom, black calc(100% - 40px), transparent 100%); }
#view-inbox .co-owned-compose :is(.cx-ask-chip, .cx-reg-chip, .cx-reg-chip:not(.cx-reg-chip--icon), .cx-reg-chip--icon) { padding: 0 6px; }
#view-inbox .co-owned-compose .cx-cmp-toolbar { gap: 2px; }
#view-inbox .co-owned-compose .co-alfred-group { display: flex; align-items: center; gap: 2px; flex: 0 0 auto; }
@media (max-width: 1500px) {
  #view-inbox .co-owned-compose .cx-cmp-toolbar .cx-send-btn { order: 2; }
  #view-inbox .co-owned-compose .co-alfred-group { order: 3; flex-basis: 100%; }
}
#view-inbox .co-owned-compose .cx-sig-chip { max-width: 100%; }
#view-inbox .co-owned-compose .cx-sig-chip-txt { white-space: normal; overflow: visible; text-overflow: clip; }

/* C5 polish: the link on an unlinked thread sits on the label's edge, the restricted sentence keeps 12 px above its button, the editor wastes no height so the quote link shows at laptop height */
#view-inbox .co-context-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
#view-inbox .co-quiet-btn { margin-left: 0; }
#view-inbox .co-restricted { margin: 0 0 12px; }
#view-inbox .co-owned-compose #cx-cmp-body { min-height: 0; padding: 8px 12px; }
#view-inbox .co-owned-compose #cx-cmp-bwrap { min-height: 0; }
#view-inbox .co-owned-compose .cx-sig-block { margin: 4px 0 0; }
#view-inbox .co-owned-compose #cx-cmp-bwrap.is-overflowing { -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 28px), transparent 100%); mask-image: linear-gradient(to bottom, black calc(100% - 28px), transparent 100%); }
#view-inbox .co-owned-compose .cx-send-btn:disabled { opacity: .4; cursor: not-allowed; }

/* C5 X2: the composer keeps its foot (toolbar, Alfred tools, status) inside the card at laptop height; the writing area gives way and scrolls */
#view-inbox .co-owned-compose { display: flex; flex-direction: column; overflow: hidden; }
#view-inbox .co-owned-compose :is(.cx-cmp-hd, .cx-cmp-identity, .cx-cmp-toolbar, .cx-send-foot) { flex: none; }
#view-inbox .co-owned-compose #cx-cmp-bwrap { flex: 1 1 0; }
#view-inbox .co-owned-compose :is(.cx-cmp-hd, .cx-cmp-identity) { padding-top: 8px; padding-bottom: 8px; }
#view-inbox .co-owned-compose .cx-cmp-toolbar { padding-top: 4px; padding-bottom: 4px; }
#view-inbox .co-owned-compose #cx-cmp-body { padding: 4px 12px; }
#view-inbox .co-owned-compose .co-quote-toggle { margin: 4px 0 0; }

/* S-120 (audit, 9 Oct 2026): in the inbox dialogs the label column takes the label's own width, so a long Spanish label stays on one line. */
.co-dialog-content .al-kv { grid-template-columns: minmax(120px, max-content) minmax(0, 1fr); }

/* S3-3 (Materials step 3 audit): the filter chips sit inside the list card, as on every other list */
#view-inbox #co-list > #co-lenses { flex-wrap: wrap; margin: 0; padding: 16px 16px 4px; }

/* Plan section 4 page 1 (rows 2, 8, 9): the title line's menu, the flag mark, the thread's find box, and print = the thread or the final view only */
#view-inbox .co-title-acts .co-hd-more { min-width: 40px; letter-spacing: 1px; font-weight: 700; }
#view-inbox .co-flag { color: var(--al-gold, #B08A3E); font-size: 12px; margin-right: 2px; }
#view-inbox .co-find { display: flex; align-items: center; gap: 12px; margin: 8px 0 12px; }
#view-inbox .co-find .co-search-field { flex: 1 1 auto; max-width: 360px; }
#view-inbox mark.co-find-hit { background: color-mix(in srgb, var(--al-gold, #B08A3E) 28%, transparent); color: inherit; border-radius: 2px; padding: 0 1px; }
#view-inbox mark.co-find-hit.is-current { background: color-mix(in srgb, var(--al-gold, #B08A3E) 55%, transparent); }
#cx-prev-print { margin-top: 12px; }
@media print {
  body.co-printing *, body.co-printing-final * { visibility: hidden; overflow: visible !important; height: auto !important; max-height: none !important; }
  body.co-printing #co-read, body.co-printing #co-read * { visibility: visible; }
  body.co-printing #co-read { position: absolute; left: 0; top: 0; width: 100%; padding: 0; }
  body.co-printing #co-read :is(.co-title-acts, .co-find, #co-reply-acts, #co-compose-slot, .co-context-strip) { display: none !important; }
  body.co-printing-final #cx-cmp-preview-pane, body.co-printing-final #cx-cmp-preview-pane * { visibility: visible; }
  body.co-printing-final #cx-cmp-preview-pane { position: absolute; left: 0; top: 0; width: 100%; }
  body.co-printing-final #cx-prev-print { display: none !important; }
  @page { size: A4; margin: 18mm; }
  body.co-printing, body.co-printing-final { font-size: 12pt; background: #fff; }
}

/* Plan section 4 page 1 row 7 (C9): Alfred's tool panels dock to the right of the editor and never shrink it; below 1366 they sit under it and the writing area scrolls */
#view-inbox .co-owned-compose #cx-cmp-body-pane { flex: 0 0 auto; min-height: 200px; }
@media (min-width: 1366px) {
  #view-inbox .co-owned-compose #cx-cmp-bwrap { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; align-content: start; align-items: start; }
  #view-inbox .co-owned-compose #cx-cmp-bwrap > :is(#cx-cmp-body-pane, #cx-cmp-preview-pane) { grid-column: 1; min-height: 200px; }
  #view-inbox .co-owned-compose #cx-cmp-bwrap > :is(.cx-ask-panel, .cx-strengthen-overlay, .cx-tone-rail, .cx-mirror-pane, .cx-clause-picker) { grid-column: 2; grid-row: 1; width: 340px; margin: 0; max-height: 100%; overflow-y: auto; }
}
@media print {
  body.mx-printing *, body.mx-printing-x * { visibility: hidden; overflow: visible !important; height: auto !important; max-height: none !important; }
  body.mx-printing #mx-comms-reader, body.mx-printing #mx-comms-reader * { visibility: visible; }
  body.mx-printing #mx-comms-reader { position: absolute; left: 0; top: 0; width: 100%; }
  body.mx-printing #mx-comms-reader :is(.mx-thread-acts, .co-find, .mx-thread-foot, #mx-reply-mount, [data-followup-editor]) { display: none !important; }
}
.mx-comms-reader-pane .co-find, #mx-comms-reader .co-find { display: flex; align-items: center; gap: 12px; margin: 8px 0 12px; }
#mx-comms-reader .co-find .co-search-field { flex: 1 1 auto; max-width: 360px; }
#mx-comms-reader mark.co-find-hit { background: color-mix(in srgb, var(--al-gold, #B08A3E) 28%, transparent); color: inherit; border-radius: 2px; padding: 0 1px; }
#mx-comms-reader mark.co-find-hit.is-current { background: color-mix(in srgb, var(--al-gold, #B08A3E) 55%, transparent); }
#view-inbox .co-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; }
#view-inbox .co-title-row .co-subject { flex: 1 1 240px; min-width: 0; }
#view-inbox .co-title-row .co-title-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border-top: 0; flex: 0 0 auto; }
#view-inbox .co-title-row .co-title-acts .al-btn { width: auto; flex: none; }

/* recipe 03 (step 4): three columns at 1440 and wider -- folders (240), list (400), reader; below that the folders fold into the menu above the list */
#view-inbox #co-folders { display: none; }
@media (min-width: 1440px) {
  #view-inbox #co-body { grid-template-columns: 240px 400px minmax(0, 1fr); }
  #view-inbox #co-folders { display: flex; flex-direction: column; gap: 4px; height: 100%; min-height: 0; overflow: auto; background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-radius-card); padding: 12px 8px; }
  #view-inbox #co-folder-button { display: none; }
}
#view-inbox .co-fold-filter { padding: 0 4px 8px; }
#view-inbox .co-fold-filter input { width: 100%; min-height: 40px; box-sizing: border-box; }
#view-inbox .co-fold-group { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; }
#view-inbox .co-fold-group > .pt-label { padding: 0 8px 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-inbox .co-fold-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; padding: 0 8px; border: 0; border-radius: var(--v3-radius-button); background: none; font: inherit; color: var(--v3-ink); text-align: left; cursor: pointer; }
#view-inbox .co-fold-row > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
#view-inbox .co-fold-row > b { color: var(--v3-navy); font-weight: 700; font-variant-numeric: tabular-nums; }
#view-inbox .co-fold-row[aria-current="true"] { background: var(--al-selected); font-weight: 600; }
#view-inbox .co-fold-row:hover { background: var(--al-selected); }
#view-inbox .co-fold-row[data-shared] { cursor: default; color: var(--v3-text-2); }
#view-inbox .co-fold-note { margin: 12px 8px 0; font-size: 13px; color: var(--v3-text-2); }
#view-inbox .co-fold-box { padding: 0 8px 4px; font-size: 13px; font-weight: 600; color: var(--v3-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-inbox .co-fold-filter input { padding: 9px 10px; border: 1px solid var(--al-line-control); border-radius: var(--al-r-control); background: var(--al-field); font: inherit; font-size: 14px; color: var(--v3-ink); }
/* s2 (eyes): the lens chips are one line; past the list's width they scroll, never wrap */
#view-inbox #co-lenses { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
#view-inbox #co-lenses > * { flex: none; white-space: nowrap; }
/* the composer's address book: one list under the field; rows are 40px, the dot says free, busy, away, or unreadable (never drawn as free) */
.co-ab-pop { position:fixed; z-index:var(--al-z-attached); max-height:360px; overflow:auto; padding:8px; border-radius:var(--al-r-popover); background:var(--al-raised); box-shadow:var(--al-shadow-menu); color:var(--al-text); font:400 var(--al-fs-ui) var(--al-font-ui); }
.co-ab-head { padding:8px 12px 4px; font:600 var(--al-fs-label) var(--al-font-ui); color:var(--al-text-2); }
.co-ab-row { display:flex; align-items:center; gap:8px; width:100%; min-height:var(--al-row-dense); padding:8px 12px; border:0; border-radius:var(--al-r-control); background:transparent; color:var(--al-text); text-align:left; font:400 var(--al-fs-ui) var(--al-font-ui); cursor:pointer; }
.co-ab-row:hover, .co-ab-row[aria-selected=true] { background:var(--al-selected); }
.co-ab-name { flex:none; max-width:55%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.co-ab-sub { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--al-text-2); font-size:var(--al-fs-label); }
.co-ab-dot { flex:none; width:10px; height:10px; border-radius:var(--al-r-chip); box-sizing:border-box; background:var(--al-success); }
.co-ab-dot--busy { background:var(--al-attention); }
.co-ab-dot--away { background:var(--al-info); }
.co-ab-dot--unknown { background:transparent; box-shadow:inset 0 0 0 1.5px var(--al-line-control); }

/* recipe 03 section 1 (Peter, 18 Oct): the folder tree. A line is the chevron, the folder and (for the person's own custom folders) the tools; a sub-folder indents by its depth */
#view-inbox .co-fold-line { display: flex; align-items: center; gap: 0; padding-left: calc(var(--d, 0) * 16px); }
#view-inbox .co-fold-line[hidden] { display: none; }
#view-inbox .co-fold-line .co-fold-row { flex: 1; min-width: 0; }
#view-inbox .co-fold-chev { flex: none; width: 24px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: none; border: 0; padding: 0; color: var(--v3-text-2); cursor: pointer; }
#view-inbox .co-fold-chev.is-none { cursor: default; }
#view-inbox .co-fold-chev .alf-icon { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.6; transition: transform .12s; }
#view-inbox .co-fold-chev[aria-expanded="true"] .alf-icon { transform: rotate(90deg); }
#view-inbox .co-fold-more { flex: none; width: 32px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: none; border: 0; padding: 0; color: var(--v3-text-2); cursor: pointer; border-radius: var(--v3-radius-control, 6px); }
#view-inbox .co-fold-more .alf-icon { width: 14px; height: 14px; fill: currentColor; }
#view-inbox .co-fold-more:hover, #view-inbox .co-fold-more:focus-visible { background: var(--al-selected); color: var(--v3-navy); }
#view-inbox .co-fold-filter { display: flex; gap: var(--v3-s-2, 8px); align-items: center; }
#view-inbox .co-fold-filter input { flex: 1; min-width: 0; }
#view-inbox .co-fold-box { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--v3-s-2, 8px); }
#view-inbox .co-fold-boxt { min-width: 0; }
#view-inbox .co-fold-newbtn { flex: none; display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 8px; background: none; border: 0; border-radius: var(--v3-radius-control, 6px); color: var(--v3-navy); font: inherit; font-size: var(--v3-fs-label); font-weight: 600; letter-spacing: 0; text-transform: none; cursor: pointer; }
#view-inbox .co-fold-newbtn:hover, #view-inbox .co-fold-newbtn:focus-visible { background: var(--al-selected); }
#view-inbox .co-fold-newbtn .alf-icon { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; }
#view-inbox .co-fold-box small { display: block; font-weight: 400; color: var(--v3-text-2); letter-spacing: 0; text-transform: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-inbox .co-menu-item { display: block; width: 100%; text-align: left; padding: 10px 14px; background: none; border: 0; font: inherit; cursor: pointer; }
#view-inbox .co-menu-item:hover, #view-inbox .co-menu-item:focus-visible { background: var(--al-selected); }
#view-inbox .co-menu-item.is-danger { color: var(--v3-attention-text, #8a3a14); }


#view-inbox .co-fold-addr { display: block; margin: 0 0 var(--v3-s-2, 8px); padding: 0 12px; font-size: var(--v3-fs-meta); color: var(--v3-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.co-attached-menu .co-fold-line { padding-left: calc(var(--d, 0) * 16px); }

#view-inbox .co-lens-note { margin: 0; padding: 0 var(--v3-s-3, 12px) var(--v3-s-2, 8px); font-size: var(--v3-fs-meta); color: var(--v3-text-2); }
#view-inbox .co-lens-note[hidden] { display: none; }

#view-inbox .co-row-subject { display: flex; align-items: center; gap: var(--v3-s-2, 8px); }
#view-inbox .co-row-st { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-inbox .co-row-tag { flex: none; display: inline-block; max-width: 110px; height: 18px; padding: 0 6px; border-radius: var(--v3-radius-chip); background: var(--v3-chip); color: var(--v3-ink); font-size: var(--v3-fs-meta); font-weight: 500; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-inbox .co-thread-row { position: relative; }
#view-inbox .co-row-doors { position: absolute; top: 8px; right: 12px; display: none; gap: 2px; padding: 2px; background: var(--al-selected); border-radius: var(--v3-radius-control, 6px); }
#view-inbox .co-thread-row:hover .co-row-doors, #view-inbox .co-thread-row:focus-within .co-row-doors { display: inline-flex; }
#view-inbox .co-thread-row:hover .co-row-date, #view-inbox .co-thread-row:focus-within .co-row-date { visibility: hidden; }
#view-inbox .co-door { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; padding: 0; background: none; border: 0; border-radius: var(--v3-radius-control, 6px); color: var(--v3-text-2); cursor: pointer; }
#view-inbox .co-door .alf-icon { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#view-inbox .co-door:hover, #view-inbox .co-door:focus-visible { background: var(--v3-card); color: var(--v3-navy); }

/* recipe 03 section 4 (Peter, 18 Oct): the composer's ribbon, two labelled groups (Format, Insert); every control has a name, and the hit height is 40 px */
.cx-ribbon { display: flex; flex-wrap: wrap; gap: var(--v3-s-2, 8px) var(--v3-s-5, 24px); padding: 8px 16px; border-top: 1px solid var(--v3-line); border-bottom: 1px solid var(--v3-line); background: var(--v3-card); }
.cx-rb-group { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cx-rb-label { font-size: var(--v3-fs-meta, 11px); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--v3-text-2); }
.cx-rb-row { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; }
.cx-rb-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 32px; height: 32px; padding: 0 6px; background: none; border: 0; border-radius: var(--v3-radius-control, 6px); color: var(--v3-ink); font: inherit; font-size: var(--v3-fs-label); cursor: pointer; }
.cx-rb-btn::after { content: ""; position: absolute; left: 0; right: 0; top: -4px; bottom: -4px; }
.cx-rb-btn .alf-icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.cx-rb-btn:hover, .cx-rb-btn:focus-visible, .cx-rb-btn[aria-expanded="true"] { background: var(--al-selected); color: var(--v3-navy); }
.cx-rb-wide { padding: 0 10px; font-weight: 600; }
.cx-rb-select { height: 32px; padding: 0 8px; border: 1px solid var(--v3-line); border-radius: var(--v3-radius-control, 6px); background: var(--v3-card); color: var(--v3-ink); font: inherit; font-size: var(--v3-fs-label); }
.cx-rb-size { width: 64px; }
.cx-rb-sep { width: 1px; align-self: stretch; margin: 4px 6px; background: var(--v3-line); }
.cx-rb-pop { position: relative; display: inline-flex; }
.cx-rb-menu { position: absolute; top: 36px; left: 0; z-index: 5; display: grid; grid-template-columns: repeat(4, 24px); gap: 6px; padding: 8px; background: var(--al-raised, #fff); border-radius: var(--al-r-popover, 8px); box-shadow: var(--al-shadow-pop, 0 6px 24px rgba(0,0,0,.14)); }
.cx-rb-menu[hidden] { display: none; }
.cx-rb-sw { width: 24px; height: 24px; padding: 0; border: 1px solid var(--v3-line); border-radius: 4px; cursor: pointer; }
.cx-aa-wrap[hidden] { display: none; }
.cx-rb-check { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 8px; font-size: var(--v3-fs-label); color: var(--v3-ink); cursor: pointer; }
.cx-rb-check input { width: 16px; height: 16px; accent-color: var(--v3-navy); }
.cx-rb-mlist { display: flex; flex-direction: column; max-height: 280px; overflow: auto; border: 1px solid var(--v3-line); border-radius: var(--v3-radius-control, 6px); }
.cx-rb-mrow { display: grid; grid-template-columns: 180px minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 44px; padding: 0 12px; background: none; border: 0; border-bottom: 1px solid var(--v3-line); text-align: left; font: inherit; cursor: pointer; }
.cx-rb-mrow b, .cx-rb-mrow span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cx-rb-mrow time { color: var(--v3-text-2); font-size: var(--v3-fs-label); }
.cx-rb-mrow:hover, .cx-rb-mrow:focus-visible, .cx-rb-mrow[aria-selected="true"] { background: var(--al-selected); }
.cx-rb-none { margin: 0; padding: 12px; color: var(--v3-text-2); }
#view-inbox .co-owned-compose.co-compose-float { position: fixed; right: 24px; bottom: 16px; width: min(800px, calc(100vw - 300px)); max-height: calc(100vh - 96px); margin: 0; overflow: auto; z-index: 60; background: var(--v3-card); border-radius: var(--v3-radius-card, 12px); box-shadow: 0 12px 40px rgba(28, 40, 50, .22), 0 0 0 1px var(--v3-line); }
#view-inbox .co-owned-compose.co-compose-float #cx-cmp-body { min-height: 200px; }
#view-inbox .co-owned-compose.co-compose-float { padding: 0 16px 8px; }
#view-inbox .co-owned-compose.co-compose-float .cx-cmp-body-wrap { min-height: 240px; flex: none; }
#view-inbox .co-compose-float .cx-ribbon { padding: 8px 0; gap: 4px var(--v3-s-4, 16px); }
#view-inbox .co-compose-float #cx-rb-font { width: 118px; }
#view-inbox .co-compose-float #cx-rb-imp { width: 150px; }
#view-inbox .co-compose-float .cx-rb-btn { min-width: 30px; padding: 0 4px; }
#view-inbox .co-compose-float .cx-rb-wide { padding: 0 8px; }
#view-inbox .co-owned-compose .cx-rb-check input { -webkit-appearance: checkbox; appearance: auto; min-height: 16px; width: 16px; height: 16px; padding: 0; margin: 0; box-shadow: none; background: none; }
.co-keys { display: grid; gap: 0; }
.co-keys-row { display: flex; justify-content: space-between; align-items: center; gap: var(--v3-s-4, 16px); min-height: 40px; border-bottom: 1px solid var(--v3-line); }
.co-keys kbd { display: inline-block; min-width: 24px; padding: 2px 8px; border: 1px solid var(--v3-line); border-bottom-width: 2px; border-radius: 4px; background: var(--v3-card); font: 600 var(--v3-fs-label) var(--al-font-ui, inherit); text-align: center; }
/* recipe 03 section 2: the search operators as chips under the box, the recent searches, the note for an operator that was not understood */
#view-inbox .co-search-ops, #view-inbox .co-search-recent { display: flex; flex-wrap: wrap; align-items: center; gap: var(--v3-s-2, 8px); padding: 0 var(--v3-s-3, 12px) var(--v3-s-2, 8px); }
#view-inbox .co-search-recent[hidden] { display: none; }
#view-inbox .co-so-chip { height: 28px; padding: 0 10px; border: 1px solid var(--v3-line); border-radius: var(--v3-radius-chip, 14px); background: var(--v3-card); color: var(--v3-ink); font: inherit; font-size: var(--v3-fs-label); cursor: pointer; }
#view-inbox .co-so-chip:hover, #view-inbox .co-so-chip:focus-visible { background: var(--al-selected); color: var(--v3-navy); }
#view-inbox .co-search-recent-l { font-size: var(--v3-fs-meta); color: var(--v3-text-2); }
#view-inbox .co-search-note { margin: 0; padding: 0 var(--v3-s-3, 12px) var(--v3-s-2, 8px); font-size: var(--v3-fs-meta); color: var(--v3-text-2); }
#view-inbox .co-search-note[hidden] { display: none; }
/* CO2-D1 / WIDE-CO1 (Codex, Level 2): the folders are an open section, and the reader is raised only once a conversation is open; the list is wider where the screen allows (S1-CO-1) */
@media (min-width: 1440px) { #view-inbox #co-folders { background: transparent; border: 0; box-shadow: none; } }
body.al #view-inbox #co-reader:has(> #co-read > .rg-empty), body.al #view-inbox #co-reader:has(> #co-read.is-blank) { background: transparent; border: 0; box-shadow: none; }
@media (min-width: 1680px) { #view-inbox #co-body { grid-template-columns: 240px 460px minmax(0, 1fr); } }
#view-inbox #co-lenses { flex-wrap: nowrap; gap: 6px; padding-left: var(--v3-s-3, 12px); padding-right: var(--v3-s-3, 12px); overflow: hidden; }
#view-inbox #co-lenses > .al-lens { flex: 0 0 auto; padding-left: 10px; padding-right: 10px; white-space: nowrap; }
body.al #view-inbox #co-reader:has(> #co-read:not(.is-blank):not(:has(> .rg-empty))) { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-radius-card, 12px); box-shadow: var(--v3-shadow-raised); }
#view-inbox .co-attached-menu { overflow-x: hidden; }
#view-inbox .co-attached-menu .co-fold-line { width: 100%; }
#view-inbox .co-attached-menu .co-fold-row { width: auto; flex: 1 1 auto; min-width: 0; }
#view-inbox .co-attached-menu .co-fold-chev { width: 24px; flex: none; }
#view-inbox .co-attached-menu .co-fold-more { width: 32px; flex: none; }
#view-inbox .co-attached-menu .co-fold-newbtn { width: auto; flex: none; }
/* the Shortcuts door sits beside New message, not above it */
#view-inbox .al-surface-head .al-actions { display: flex; align-items: center; gap: var(--v3-s-3, 12px); }
/* slice 3: the category picker, the categories list and the rules (dialogs; one neutral chip, no colour until the pack names one) */
.co-cat-list { display: grid; gap: var(--v3-s-2, 8px); max-height: 260px; overflow-y: auto; }
.co-cat-row { display: flex; align-items: center; gap: 10px; margin: 0; }
.co-cat-row input { width: 16px; min-height: 16px; height: 16px; padding: 0; flex: none; }
.co-cat-chip { display: inline-block; max-width: 100%; height: 22px; padding: 0 8px; border-radius: var(--v3-radius-chip, 14px); background: var(--v3-chip); color: var(--v3-ink); font-size: var(--v3-fs-label); line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.co-cat-add { display: flex; align-items: flex-end; gap: var(--v3-s-2, 8px); }
.co-cat-add .alf-field { flex: 1; }
.co-cat-manage, .co-rule-list { list-style: none; margin: 12px 0; padding: 0; display: grid; gap: 0; }
.co-cat-manage li, .co-rule-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--v3-line); }
.co-rule-main { display: grid; gap: 2px; min-width: 0; }
.co-rule-main strong { font-weight: 600; }
.co-rule-acts { display: flex; flex: none; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.co-rule-acts [aria-pressed="false"] { color: var(--v3-text-2); }
.co-rule-set { border: 0; margin: 0; padding: 0; display: grid; gap: 12px; }
.co-rule-set legend { padding: 0; font-weight: 600; margin-bottom: 8px; }
/* slice 3, after the pictures: the rule form is wider with its short fields in two columns; the on/off switch reads as a button; "New rule" aligns with the list */
dialog.co-rule-dialog { width: min(720px, calc(100vw - 48px)); }
dialog.co-rule-dialog .co-rule-set { grid-template-columns: 1fr 1fr; column-gap: 16px; align-items: start; }
dialog.co-rule-dialog .co-rule-set > legend, dialog.co-rule-dialog .co-rule-set > .alf-check, dialog.co-rule-dialog .co-rule-set > p { grid-column: 1 / -1; }
dialog.co-rule-dialog .co-rule-set > p { margin: 0; }
.co-rule-acts [data-toggle] { border: 1px solid var(--v3-line); border-radius: var(--v3-radius-chip, 14px); min-height: 28px; padding: 0 12px; }
.co-rule-acts [data-toggle][aria-pressed="true"] { background: var(--al-selected); color: var(--v3-navy); border-color: transparent; }
.co-dialog [data-new] { padding-left: 0; }
/* slice 3: Mailbox tools' alert switch reads as the state it is in */
.co-dialog [data-notify][aria-pressed="true"] { background: var(--al-selected); color: var(--v3-navy); }
/* category colours: five of the pack's series colours and a neutral, as a dot beside the name (the name is always shown; text stays ink) */
[data-fam] { --cat: var(--v3-text-3); }
[data-fam="navy"] { --cat: var(--v3-series-1); }
[data-fam="slate"] { --cat: var(--v3-series-3); }
[data-fam="cinnamon"] { --cat: var(--v3-series-4); }
[data-fam="mulberry"] { --cat: var(--v3-series-5); }
[data-fam="brass"] { --cat: var(--v3-brass); }
.co-cat-chip[data-fam]::before, #view-inbox .co-row-tag[data-fam]::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; background: var(--cat); }
.co-fam-pick { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; }
.co-fam-pick legend { padding: 0; font-weight: 500; font-size: 13px; margin-bottom: 6px; }
.co-fam { display: inline-flex; align-items: center; gap: 6px; margin: 0; cursor: pointer; }
.co-fam input { width: 16px; height: 16px; margin: 0; accent-color: var(--al-action); }
.co-fam-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--cat, var(--v3-line)); box-shadow: inset 0 0 0 1px var(--v3-line); }
/* recipe 03 section 3: older messages fold to one line each; the newest three stay open */
#view-inbox .co-mf-all { display: block; text-align: left; margin: 0 0 var(--v3-s-2, 8px); padding: 0; border: 0; background: transparent; color: var(--al-action); font: 500 var(--v3-fs-label) var(--al-font-ui); cursor: pointer; }
#view-inbox .co-message.is-folded { padding-top: 0; padding-bottom: 0; }
#view-inbox .co-mf-line { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 6px 0; border: 0; background: transparent; color: var(--v3-ink); font: inherit; font-size: var(--v3-fs-label); text-align: left; cursor: pointer; }
#view-inbox .co-mf-line:hover, #view-inbox .co-mf-line:focus-visible { background: var(--al-selected); }
#view-inbox .co-mf-who { flex: none; max-width: 36%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
#view-inbox .co-mf-snip { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--v3-text-2); }
#view-inbox .co-mf-day { flex: none; color: var(--v3-text-2); font-size: var(--v3-fs-meta); }
#view-inbox .co-message.is-unfolded .co-mf-line { font-weight: 600; }
@media print { body.co-printing .co-mf-body[hidden], body.co-printing-final .co-mf-body[hidden] { display: block !important; } body.co-printing .co-mf-line, body.co-printing .co-mf-all { display: none !important; } }
/* CX1-CO-04 (Codex): the floating composer keeps its title and close at the top and Send at the bottom whatever the height; only the middle scrolls, and on a short screen the writing area is allowed to be shorter */
#view-inbox .co-owned-compose.co-compose-float .cx-cmp-hd { position: sticky; top: 0; z-index: 3; background: var(--v3-card); }
#view-inbox .co-owned-compose.co-compose-float .cx-cmp-toolbar { position: sticky; bottom: 0; z-index: 3; background: var(--v3-card); }
#view-inbox .co-owned-compose.co-compose-float #cx-cmp-bwrap { flex: 0 0 auto; min-height: 180px; }   /* the id rules above squeezed the writing area to 16px: nothing shrinks it now */
#view-inbox .co-compose-float .cx-rb-group { flex-direction: row; align-items: center; gap: 8px; }   /* the group label sits beside its controls, not above them: three rows shorter */
#view-inbox .co-compose-float .cx-rb-group > .cx-rb-label { flex: none; min-width: 64px; }
@media (max-height: 860px) {
  #view-inbox .co-owned-compose.co-compose-float #cx-cmp-body { min-height: 120px; }
  #view-inbox .co-owned-compose.co-compose-float #cx-cmp-bwrap { min-height: 130px; }
  #view-inbox .co-owned-compose.co-compose-float { max-height: calc(100vh - 72px); bottom: 12px; }
}
/* Codex: the rule form's buttons stay reachable when an error line makes the form taller than a laptop screen */
dialog.co-rule-dialog { max-height: calc(100dvh - 48px); overflow-y: auto; }
dialog.co-rule-dialog .depth-dialog-actions { position: sticky; bottom: 0; background: var(--v3-card); padding-top: 12px; }
/* Codex round 1, 72850be: the older messages sit in one closed group so the newest three are in view at once; the rule form's error is always visible above its pinned buttons */
#view-inbox .co-mf-group[hidden] { display: none; }
#view-inbox .co-mf-group { margin: 0 0 var(--v3-s-2, 8px); }
@media print { body.co-printing .co-mf-group[hidden], body.co-printing-final .co-mf-group[hidden] { display: block !important; } }
dialog.co-rule-dialog [data-err]:not([hidden]) { order: -1; }   /* the refusal is the first thing in the form, whole, never over a field and never under the pinned buttons */