/* Keep measured mail widths; group each narrative with its related control. */
.daily-workspace .daily-error-summary { border: 2px solid #b42318; border-radius: .75rem; padding: 1rem 1.25rem; margin: 1rem 0; background: #fff8f7; scroll-margin-top: 5rem; }
.daily-workspace .daily-error-summary h2 { font-size: 1.125rem; margin: 0 0 .5rem; }
.daily-workspace .daily-error-summary a { color: #9b1c15; display: inline-block; padding: .35rem 0; }
.daily-workspace .daily-error-summary:focus { outline: 3px solid #315ce5; outline-offset: 3px; }
.daily-workspace .daily-direct-entry { margin-top: .75rem; }
.daily-workspace .daily-direct-entry summary { cursor: pointer; color: #214b89; min-height: 44px; display: list-item; padding: .65rem .25rem; }
.daily-workspace .daily-reference-search { margin-bottom: .75rem; }
.daily-workspace .daily-saved-notice, .daily-workspace .daily-followup-links { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.daily-workspace .daily-saved-notice { border: 1px solid #a4d4b1; border-radius: .75rem; padding: 1rem; background: #f1fff5; margin: 1rem 0; }
.daily-workspace .daily-followup-links { margin-top: .75rem; }
.daily-workspace .daily-followup-links a, .daily-workspace .daily-saved-notice a { min-height: 44px; display: inline-flex; align-items: center; }
.daily-entry-form { container-type: inline-size; }
.daily-workspace .daily-context-grid,
.daily-workspace.is-progress-entry .daily-context-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
}
.daily-workspace .daily-mail-input-narratives { display: block; overflow-x: auto; }
.daily-workspace .daily-mail-input-narratives > .daily-narrative-pair {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1rem 1.25rem;
  width: 100%; min-width: 0; padding: .25rem 0 1.15rem;
}
.daily-workspace .daily-mail-input-narratives > .daily-narrative-next {
  border-top: 1px solid #e2e8f1; padding-top: 1.15rem; padding-bottom: .25rem;
}
.daily-workspace .daily-narrative-pair > .daily-mail-input-status,
.daily-workspace .daily-narrative-pair > .daily-mail-input-follow-date {
  flex: 0 0 auto; min-width: 12rem; width: 100%; max-width: 20rem;
}
.daily-workspace .daily-mail-input-status select {
  width: 100%; min-width: 12rem; min-height: 44px; padding-right: 2.5rem;
}
.daily-workspace .daily-narrative-pair .field-help { display: block; margin-top: .5rem; line-height: 1.5; }
.daily-workspace .daily-narrative-pair label { line-height: 1.5; }
@container (min-width: 660px) {
  .daily-workspace .daily-mail-input-narratives > .daily-narrative-pair {
    display: grid; grid-template-columns: var(--daily-work-editor-width, 391px) minmax(12rem, 20rem);
  }
  .daily-workspace .daily-narrative-pair > .daily-mail-input-status,
  .daily-workspace .daily-narrative-pair > .daily-mail-input-follow-date { width: 100%; }
}
@media (max-width: 720px) {
  .daily-workspace .daily-narrative-pair > .daily-mail-input-status,
  .daily-workspace .daily-narrative-pair > .daily-mail-input-follow-date { max-width: none; }
}
/* Native date controls need room for the complete date and picker icon. */
@media (max-width: 480px) {
  .daily-workspace .daily-context-grid,
  .daily-workspace.is-progress-entry .daily-context-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Keep keyboard focus inside the horizontal narrative scrollport. */
.daily-workspace .daily-mail-input-narratives :is(input, select, textarea):focus-visible {
  outline-offset: -3px;
}