@layer screens {
  .today-workbench {width: min(100%, var(--content-workspace-width)); max-width: var(--content-workspace-width);}

  .today-workbench .journal-header {
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
  }

  .today-workbench .journal-heading,
  .today-workbench .dashboard-section,
  .today-workbench .widget-heading > div:first-child,
  .today-workbench .widget-body {min-width: 0;}

  .today-workbench .journal-date-title {
    margin: var(--space-1) 0 0;
    font-family: var(--font-editorial);
    font-size: var(--type-specimen-display);
    font-weight: var(--weight-regular);
    line-height: var(--leading-display);
  }

  .today-workbench .journal-date-meta {
    margin-top: var(--space-1);
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: var(--type-micro);
  }

  .today-workbench .journal-edit-button,
  .today-workbench .today-brief-secondary-action {
    border-color: transparent;
    background: transparent;
    color: var(--text-secondary);
  }

  .today-workbench .journal-edit-button:hover,
  .today-workbench .care-task-menu:hover {background: var(--bg-hover); color: var(--text-primary);}

  .today-workbench .journal-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2);
  }

  .today-workbench .journal-record-button,
  .today-workbench .journal-edit-button {min-height: var(--touch-target); white-space: nowrap;}

  .today-workbench .today-empty-copy {display: grid; gap: var(--space-2);}

  .today-workbench .today-brief {
    position: relative;
    display: grid;
    margin-bottom: var(--space-5);
    overflow: hidden;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-surface);
    background: var(--bg-surface);
  }

  .today-workbench .today-brief-accent {
    position: absolute;
    z-index: 1;
    inset-block: var(--space-4);
    inset-inline-start: var(--space-3);
    width: var(--active-indicator-width);
    border-radius: 0;
    background: var(--accent);
    pointer-events: none;
  }

  .today-workbench .today-brief.is-attention .today-brief-accent,
  .today-workbench .today-brief.is-attention .today-brief-state > span,
  .today-workbench .task-workspace.has-overdue .care-workspace-accent,
  .today-workbench .task-workspace.has-overdue .care-progress > span {background: var(--warning);}

  .today-workbench .today-brief.is-complete .today-brief-accent,
  .today-workbench .today-brief.is-complete .today-brief-state > span,
  .today-workbench .task-workspace.is-complete .care-workspace-accent,
  .today-workbench .task-workspace.is-complete .care-progress > span {background: var(--success);}

  .today-workbench .today-brief.is-calm .today-brief-accent,
  .today-workbench .today-brief.is-calm .today-brief-state > span,
  .today-workbench .task-workspace.is-clear .care-workspace-accent {background: var(--text-muted);}

  .today-workbench .today-brief-focus {
    position: relative;
    min-width: 0;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: var(--space-2);
    padding: var(--space-5);
    padding-inline-start: var(--space-6);
  }

  .today-workbench .today-brief.is-attention .today-brief-focus,
  .today-workbench .care-task-group.is-overdue-group .care-task-group-title {background: color-mix(in srgb, var(--warning) 4%, var(--bg-surface));}

  .today-workbench .today-brief.is-active .today-brief-focus {background: color-mix(in srgb, var(--accent) 3%, var(--bg-surface));}

  .today-workbench .today-brief.is-complete .today-brief-focus {background: color-mix(in srgb, var(--success) 3%, var(--bg-surface));}

  .today-workbench .today-brief-state {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: var(--type-micro);
    font-weight: var(--weight-semibold);
    letter-spacing: var(--tracking-eyebrow);
  }

  .today-workbench .today-brief-state > span {
    width: var(--space-3);
    height: var(--active-indicator-width);
    border-radius: 0;
    background: var(--accent);
  }

  .today-workbench .today-brief h2 {
    max-width: var(--content-reading-width);
    margin: 0;
    font-family: var(--font-editorial);
    font-size: var(--type-section);
    font-weight: var(--weight-medium);
    line-height: var(--leading-ui);
    text-wrap: balance;
  }

  .today-workbench .today-brief-focus > p {
    max-width: var(--content-reading-width);
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--type-body);
    line-height: var(--leading-body);
  }

  .today-workbench .today-brief-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-2);
  }

  .today-workbench .today-brief-primary-action,
  .today-workbench .today-brief-secondary-action {min-height: var(--touch-target);}

  .today-workbench .today-brief-metrics {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid var(--border-default);
    background: var(--bg-subtle);
  }

  .today-workbench .today-brief-metrics > div {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: var(--space-1);
    padding: var(--space-4);
  }

  .today-workbench .today-brief-metrics > div:nth-child(even) {border-inline-start: 1px solid var(--border-default);}

  .today-workbench .today-brief-metrics > div:nth-child(n + 3),
  .today-workbench .widget-animal-list,
  .today-workbench .widget-record-list,
  .today-workbench .widget-environment > div + div {border-top: 1px solid var(--border-default);}

  .today-workbench .today-brief-metrics dt {color: var(--text-secondary); font-size: var(--type-micro);}

  .today-workbench .today-brief-metrics dd {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: var(--type-heading);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .today-workbench .today-brief-metrics .today-brief-latest dd {font-family: var(--font-ui); font-size: var(--type-caption);}

  .today-workbench .today-brief-metrics span {
    overflow-wrap: anywhere;
    color: var(--text-secondary);
    font-size: var(--type-micro);
    line-height: var(--leading-ui);
  }

  .today-workbench .task-workspace {
    position: relative;
    margin-bottom: 0;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-surface);
    background: var(--bg-surface);
  }

  .today-workbench .task-workspace .care-workspace-head {
    position: relative;
    min-width: 0;
    min-height: calc(var(--touch-target) + var(--space-7));
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) auto;
    align-items: center;
    gap: var(--space-5);
    padding: var(--space-4) var(--row-inset);
    padding-inline-start: calc(var(--row-inset) + var(--space-3));
    background: color-mix(in srgb, var(--bg-subtle) 58%, var(--bg-surface));
  }

  .today-workbench .care-workspace-accent {
    position: absolute;
    inset-block: var(--space-4);
    inset-inline-start: var(--space-3);
    width: var(--active-indicator-width);
    border-radius: 0;
    background: var(--accent);
    pointer-events: none;
  }

  .today-workbench .care-workspace-heading,
  .today-workbench .care-workspace-heading .section-title {min-inline-size: 0;}

  .today-workbench .care-workspace-heading .section-title {
    margin-top: var(--space-1);
    font-family: var(--font-ui);
    font-size: var(--type-section);
    font-weight: var(--weight-semibold);
  }

  .today-workbench .task-work-summary {
    min-inline-size: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-inline: 1px solid var(--border-default);
  }

  .today-workbench .task-work-summary > span {
    min-inline-size: 0;
    display: grid;
    gap: var(--space-1);
    padding-inline: var(--space-4);
  }

  .today-workbench .task-work-summary > span + span {border-left: 1px solid var(--border-default);}

  .today-workbench .task-work-summary small {
    overflow-wrap: anywhere;
    color: var(--text-muted);
    font-size: var(--type-micro);
  }

  .today-workbench .task-work-summary strong {
    font-family: var(--font-mono);
    font-size: var(--type-heading);
    font-weight: var(--weight-semibold);
    font-variant-numeric: tabular-nums;
  }

  .today-workbench .care-workspace-summary {
    min-inline-size: 0;
  }

  .today-workbench .care-task-handled summary strong {color: var(--text-secondary);}

  .today-workbench .care-progress {
    height: var(--active-indicator-width);
    margin: 0;
    border-radius: 0;
    background: var(--border-default);
  }

  .today-workbench .care-progress > span {background: var(--accent);}

  .today-workbench .task-workspace.is-clear .care-progress,
  .today-workbench .dashboard-sections:not(.is-editing) .widget-description {display: none;}

  .today-workbench .care-all-done {
    padding: var(--space-4) var(--row-inset);
    background: transparent;
  }

  .today-workbench .care-all-done[data-care-empty-state="complete"] {background: color-mix(in srgb, var(--success) 5%, var(--bg-surface));}

  .today-workbench .care-all-done.is-empty {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-1) var(--space-4);
  }

  .today-workbench .care-all-done.is-empty strong,
  .today-workbench .care-all-done.is-empty span {grid-column: 1;}

  .today-workbench .care-all-done.is-empty .button {
    min-height: var(--touch-target);
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .today-workbench .care-task-group {border-top: 1px solid var(--border-strong);}

  .today-workbench .care-task-group-title {
    padding: var(--space-3) var(--row-inset) var(--space-2);
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
  }

  .today-workbench .care-task-group-title:hover {background: var(--bg-hover);}

  .today-workbench .care-task-group-heading {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: inherit;
  }

  .today-workbench .care-task-group-status-icon {
    width: var(--touch-target);
    height: var(--touch-target);
    flex: 0 0 var(--touch-target);
    display: grid;
    color: var(--text-secondary);
    place-items: center;
  }

  .today-workbench .care-task-group.is-overdue-group .care-task-group-status-icon {color: var(--warning);}

  .today-workbench .care-task-group-status-icon .ui-icon,
  .today-workbench .care-task-group-count .ui-icon,
  .today-workbench .care-task-icon .ui-icon {width: var(--icon-size-sm); height: var(--icon-size-sm);}

  .today-workbench .care-task-group-copy,
  .today-workbench .dashboard-section-title,
  .today-workbench .today-photo-preview-heading > div,
  .today-workbench .care-task-context {
    min-width: 0;
    display: grid;
    gap: var(--space-1);
  }

  .today-workbench .care-task-group-title small,
  .today-workbench .care-task-kind,
  .today-workbench .care-task-handled summary b {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: var(--type-micro);
  }

  .today-workbench .care-task-group-title strong {font-weight: var(--weight-semibold);}

  .today-workbench .care-task-group-count {
    min-width: var(--touch-target);
    justify-content: flex-end;
    color: var(--text-secondary);
  }

  .today-workbench .care-task-group-count b {
    font-size: var(--type-caption);
    font-weight: var(--weight-semibold);
  }

  .today-workbench .care-task-row {
    position: relative;
    min-width: 0;
    min-height: calc(var(--touch-target) + var(--space-5));
    grid-template-columns: var(--space-5) minmax(0, 1fr) auto var(--touch-target);
    padding: var(--space-3) var(--row-inset);
    border-inline-start: 0;
  }

  .today-workbench .care-task-accent {
    position: absolute;
    inset-block: var(--space-3);
    inset-inline-start: var(--space-2);
    width: var(--active-indicator-width);
    border-radius: 0;
    background: var(--warning);
    pointer-events: none;
  }

  .today-workbench .care-task-row:hover,
  .today-workbench .care-task-row:focus-within {background: var(--bg-hover);}

  .today-workbench .care-task-row.is-overdue .care-task-reason {color: var(--warning); font-weight: var(--weight-medium);}

  .today-workbench .care-task-icon {
    display: grid;
    color: var(--text-muted);
    place-items: center;
  }

  .today-workbench .task-target-enclosure .care-task-icon {color: var(--accent);}

  .today-workbench .care-task-main {
    grid-template-columns: var(--control-height) minmax(0, .8fr) minmax(0, 1.2fr);
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
  }

  .today-workbench .care-task-identity strong {
    min-width: 0;
    overflow-wrap: anywhere;
    font-family: var(--font-mono);
    font-size: var(--type-body);
  }

  .today-workbench .care-task-identity small {
    min-width: 0;
    display: -webkit-box;
    overflow: hidden;
    color: var(--text-secondary);
    font-family: var(--font-taxon);
    font-size: var(--type-body);
    font-style: italic;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .today-workbench .task-target-enclosure .care-task-identity small {font-family: var(--font-ui); font-style: normal;}

  .today-workbench .care-task-reason {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .today-workbench .care-task-deadline {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: var(--type-micro);
    white-space: nowrap;
  }

  .today-workbench .care-task-row.is-overdue .care-task-deadline {color: var(--warning); font-weight: var(--weight-semibold);}

  .today-workbench .care-task-action.button {
    min-width: var(--touch-target);
    min-height: var(--touch-target);
    padding: 0 var(--space-2);
    border: 0;
    border-bottom: 1px solid var(--border-strong);
    border-radius: 0;
    background: transparent;
    color: var(--text-primary);
    font-size: var(--type-caption);
    font-weight: var(--weight-bold);
  }

  .today-workbench .care-task-action.button:hover {border-bottom-color: var(--text-primary); background: var(--bg-hover);}

  .today-workbench .care-task-row:not(.is-upcoming) .care-task-action {grid-column: 3;}

  .today-workbench .care-task-menu.icon-button {
    grid-column: 4;
    width: var(--touch-target);
    height: var(--touch-target);
    min-height: var(--touch-target);
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--text-secondary);
  }

  .today-workbench .care-task-row.is-upcoming .care-task-action {grid-column: 3 / span 2; justify-self: end;}

  .today-workbench .care-task-reveal.button {
    border-top: 1px solid var(--border-strong);
    border-radius: 0;
    font-family: var(--font-mono);
  }

  .today-workbench .care-task-handled-row {
    min-height: var(--touch-target);
    grid-template-columns: minmax(0, .8fr) minmax(0, .6fr) minmax(0, 1fr);
    color: var(--text-secondary);
  }

  .today-workbench .care-task-group.is-upcoming-group,
  .today-workbench .care-task-handled {color: var(--text-secondary);}

  .today-workbench .dashboard-sections {
    display: grid;
    gap: var(--space-7);
    margin-top: var(--space-7);
  }

  .today-workbench .dashboard-section-header {
    min-height: var(--touch-target);
    align-items: end;
    padding-bottom: var(--space-3);
    margin-bottom: var(--space-3);
    border-bottom: 1px solid var(--border-default);
  }

  .today-workbench .dashboard-section-title > span {
    color: var(--text-muted);
    font-family: var(--font-mono);
    font-size: var(--type-micro);
    letter-spacing: var(--tracking-eyebrow);
  }

  .today-workbench .dashboard-section-header .section-title {
    margin: 0;
    color: var(--text-primary);
    font-family: var(--font-editorial);
    font-size: var(--type-section);
    font-weight: var(--weight-medium);
  }

  .today-workbench .dashboard-section-actions,
  .today-workbench .widget-menu-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-1);
  }

  .today-workbench .dashboard-section-actions .button,
  .today-workbench .dashboard-section-actions .icon-button,
  .today-workbench .widget-menu-actions .icon-button {min-height: var(--touch-target);}

  .today-workbench .danger-icon {color: var(--danger);}

  .today-workbench .dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: var(--space-3);
    background: transparent;
  }

  .today-workbench .widget {
    min-width: 0;
    padding: var(--space-4);
    overflow: hidden;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-surface);
    background: var(--bg-surface);
  }

  .today-workbench .today-photo-preview {margin-bottom: var(--space-5); border-color: var(--border-strong);}

  .today-workbench .today-photo-preview-eyebrow {
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: var(--type-micro);
    font-weight: var(--weight-semibold);
    letter-spacing: var(--tracking-eyebrow);
  }

  .today-workbench .today-photo-preview .widget-title {
    font-family: var(--font-editorial);
    font-size: var(--type-section);
    font-weight: var(--weight-medium);
  }

  .today-workbench .today-photo-preview .widget-description {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--type-caption);
    line-height: var(--leading-body);
  }

  .today-workbench .today-photo-preview .widget-photo-button {
    display: grid;
    align-content: start;
    aspect-ratio: auto;
    overflow: hidden;
    border: 1px solid var(--border-default);
    background: var(--bg-surface);
  }

  .today-workbench .today-photo-preview .widget-photo-button img {height: auto; aspect-ratio: 1;}

  .today-workbench .today-photo-preview .widget-photo-button > .widget-photo-caption {
    position: static;
    grid-template-columns: minmax(0, 1fr) auto;
    overflow: visible;
    background: transparent;
    color: var(--text-primary);
    text-overflow: clip;
    white-space: normal;
  }

  .today-workbench .today-photo-preview .widget-photo-target {grid-column: 1; grid-row: 1;}

  .today-workbench .today-photo-preview .widget-photo-date {
    grid-column: 2;
    grid-row: 1;
    color: var(--text-muted);
  }

  .today-workbench .today-photo-preview .widget-photo-kind {
    grid-column: 1 / -1;
    grid-row: 2;
    color: var(--text-secondary);
  }

  .today-workbench .dashboard-sections.is-editing .widget {
    border: 1px solid var(--border-selected);
    border-radius: var(--radius-surface);
    background: var(--bg-selected);
  }

  .today-workbench .widget-heading {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
  }

  .today-workbench .widget-title {
    margin: 0;
    color: var(--text-primary);
    font-size: var(--type-heading);
    font-weight: var(--weight-semibold);
  }

  .today-workbench .widget-description {
    margin-top: var(--space-1);
    color: var(--text-muted);
    font-size: var(--type-micro);
  }

  .today-workbench .widget-empty {
    min-height: calc(var(--touch-target) + var(--space-2));
    display: grid;
    color: var(--text-muted);
    font-size: var(--type-caption);
    place-items: center;
    text-align: center;
  }

  .today-workbench .widget-animal-row {
    min-width: 0;
    min-height: var(--touch-target);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-2);
    border-bottom: 1px solid var(--border-default);
  }

  .today-workbench .widget-animal-main.action-row,
  .today-workbench .widget-record-row.action-row {
    min-width: 0;
    padding-inline: var(--row-inset-compact);
    border-bottom: 1px solid var(--border-default);
  }

  .today-workbench .widget-animal-row .widget-animal-main.action-row {border-bottom: 0;}

  .today-workbench .widget-animal-main strong,
  .today-workbench .widget-record-row strong {font-family: var(--font-mono); font-size: var(--type-caption);}

  .today-workbench .widget-animal-main small,
  .today-workbench .widget-record-row small {
    overflow: hidden;
    color: var(--text-secondary);
    font-size: var(--type-micro);
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .today-workbench .widget-quick-action.button {
    min-height: var(--touch-target);
    padding-inline: var(--space-2);
    border: 0;
    background: transparent;
    font-size: var(--type-caption);
  }

  .today-workbench .widget-environment {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
    border-block: 1px solid var(--border-default);
  }

  .today-workbench .widget-environment > div {min-width: 0; padding: var(--space-3) var(--row-inset-compact);}

  .today-workbench .widget-environment dt {color: var(--text-muted); font-size: var(--type-micro);}

  .today-workbench .widget-environment dd {
    margin: var(--space-2) 0 0;
    font-family: var(--font-mono);
    font-size: var(--type-heading);
  }

  .today-workbench .widget-photo-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2);
  }

  .today-workbench .widget-photo-button {
    position: relative;
    min-width: 0;
    aspect-ratio: 1;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: var(--radius-surface);
    background: var(--bg-subtle);
    cursor: pointer;
  }

  .today-workbench .widget-photo-button img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .today-workbench .widget-photo-button > .widget-photo-caption {
    position: absolute;
    inset: auto 0 0;
    padding: var(--space-1) var(--space-2);
    overflow: hidden;
    background: var(--media-caption-bg);
    color: var(--media-caption-fg);
    font-family: var(--font-mono);
    font-size: var(--type-micro);
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .today-workbench .widget-photo-button .widget-photo-caption {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-1);
    padding: var(--space-1) var(--space-2);
    white-space: nowrap;
  }

  .today-workbench .widget-photo-target {
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
    overflow: hidden;
    font-weight: var(--weight-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .today-workbench .widget-photo-kind {
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
    overflow: hidden;
    color: inherit;
    font-family: var(--font-ui);
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .today-workbench .widget-photo-date {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    color: inherit;
    font-variant-numeric: tabular-nums;
  }

  .today-workbench .dashboard-edit-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin: 0 0 var(--space-5);
    padding: var(--space-3);
    border-block: 1px solid var(--border-strong);
    background: var(--bg-subtle);
  }

  .today-workbench .dashboard-empty-section {
    min-height: calc(var(--touch-target) + var(--space-6));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    border: 1px dashed var(--border-strong);
    border-radius: var(--radius-surface);
    color: var(--text-secondary);
  }

  .today-workbench .dashboard-editor-sheet {max-height: 82dvh; overflow-y: auto;}

  .today-workbench .dashboard-editor-sheet .widget-library {display: grid;}

  .today-workbench .dashboard-editor-sheet .widget-library-item {min-height: calc(var(--touch-target) + var(--space-3));}

  .today-workbench .dashboard-editor-sheet .form-section-title {
    padding-top: var(--space-2);
    border-top: 1px solid var(--border-default);
    font-size: var(--type-caption);
    font-weight: var(--weight-semibold);
  }

  @media (max-width: 767px) {
    .today-workbench .journal-header {align-items: stretch; flex-direction: column;}

    .today-workbench .journal-date-title {font-size: var(--type-workbench-title);}

    .today-workbench .journal-actions {
      width: 100%;
      flex-wrap: wrap;
      justify-content: stretch;
    }

    .today-workbench .journal-actions .button {
      min-width: min(100%, calc(var(--touch-target) * 2));
      flex: 1 1 auto;
      white-space: normal;
    }

    .today-workbench .today-brief-focus {padding: var(--space-4); padding-inline-start: var(--space-5);}

    .today-workbench .today-brief-accent {inset-block: var(--space-3); inset-inline-start: var(--space-2);}

    .today-workbench .today-brief h2 {font-size: var(--type-heading);}

    .today-workbench .today-brief-actions {width: 100%;}

    .today-workbench .today-brief-actions .button {flex: 1 1 0;}

    .today-workbench .today-brief-metrics {grid-template-columns: repeat(3, minmax(0, 1fr));}

    .today-workbench .today-brief-metrics > div {
      padding: var(--space-3);
      border-top: 0;
      border-inline-start: 1px solid var(--border-default);
    }

    .today-workbench .today-brief-metrics > div:first-child {border-inline-start: 0;}

    .today-workbench .today-brief-metrics .today-brief-latest {
      grid-column: 1 / -1;
      grid-template-columns: minmax(0, 1fr) auto;
      border-top: 1px solid var(--border-default);
      border-inline-start: 0;
    }

    .today-workbench .today-brief-latest dt,
    .today-workbench .today-brief-latest dd {grid-column: 1;}

    .today-workbench .today-brief-latest > span {
      grid-column: 2;
      grid-row: 1 / span 2;
      align-self: center;
    }

    .today-workbench .today-brief-metrics dt,
    .today-workbench .today-brief-metrics span {font-size: var(--type-micro);}

    .today-workbench .today-brief-metrics dd {
      overflow: visible;
      font-size: var(--type-caption);
      overflow-wrap: anywhere;
      text-overflow: clip;
      white-space: normal;
    }

    .today-workbench .task-workspace .care-workspace-head {
      min-height: 0;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: var(--space-3);
      padding-inline-start: calc(var(--row-inset) + var(--space-2));
    }

    .today-workbench .care-workspace-accent {inset-block: var(--space-3); inset-inline-start: var(--space-2);}

    .today-workbench .care-all-done.is-empty {grid-template-columns: minmax(0, 1fr);}

    .today-workbench .care-all-done.is-empty .button {
      width: 100%;
      grid-column: 1;
      grid-row: auto;
    }

    .today-workbench .task-work-summary {
      grid-column: 1 / -1;
      grid-row: 2;
      border-inline: 0;
      border-top: 1px solid var(--border-default);
      padding-top: var(--space-3);
    }

    .today-workbench .task-work-summary > span:first-child {padding-left: 0;}

    .today-workbench .task-work-summary > span:last-child {padding-right: 0;}

    .today-workbench .care-workspace-summary {grid-column: 2; grid-row: 1;}

    .today-workbench .care-progress-count {display: none;}

    .today-workbench .care-task-row {
      grid-template-columns: minmax(0, 1fr) var(--touch-target);
      gap: var(--space-2);
      padding-inline-start: var(--space-5);
    }

    .today-workbench .care-task-main {
      grid-column: 1 / -1;
      grid-row: 1;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(var(--touch-target) * 3)), 1fr));
      align-items: start;
      gap: var(--space-2) var(--space-4);
    }

    .today-workbench .care-task-icon,
    .today-workbench .care-task-kind {display: none;}

    .today-workbench .care-task-identity,
    .today-workbench .care-task-context {grid-column: auto;}

    .today-workbench .care-task-identity small {font-size: var(--type-caption);}

    .today-workbench .care-task-row:not(.is-upcoming) .care-task-action {
      grid-column: 1;
      grid-row: 2;
      justify-self: start;
    }

    .today-workbench .care-task-menu.icon-button {grid-column: 2; grid-row: 2;}

    .today-workbench .care-task-row.is-upcoming .care-task-action {
      grid-column: 1 / -1;
      grid-row: 2;
      justify-self: start;
    }

    .today-workbench .care-task-handled-row {grid-template-columns: minmax(0, 1fr) auto;}

    .today-workbench .dashboard-sections.is-editing .widget {padding: var(--space-3);}

    .today-workbench .dashboard-sections {gap: var(--space-6); margin-top: var(--space-6);}

    .today-workbench .widget {padding: var(--space-3);}

    .today-workbench .widget-photo-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

    .today-workbench .today-photo-preview .widget-photo-grid {
      grid-template-columns: none;
      grid-auto-columns: minmax(calc(var(--touch-target) * 3), 42%);
      grid-auto-flow: column;
      justify-content: start;
      padding-bottom: var(--space-1);
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      scroll-snap-type: inline mandatory;
      scrollbar-width: thin;
    }

    .today-workbench .today-photo-preview .widget-photo-button {scroll-snap-align: start;}

    .today-workbench .dashboard-edit-banner {align-items: flex-start; flex-direction: column;}

    .today-workbench .dashboard-edit-banner .inline-actions {width: 100%;}

    .today-workbench .dashboard-edit-banner .button {flex: 1 1 0;}

    .today-workbench .dashboard-editor-sheet.full-screen-dialog {
      width: 100%;
      height: 100dvh;
      max-height: none;
      padding: 0;
      overflow: hidden;
      border: 0;
      border-radius: 0;
    }

  }

  @media (min-width: 768px) {
    .today-workbench .today-brief {grid-template-columns: minmax(0, 1.25fr) minmax(22rem, .75fr);}

    .today-workbench .today-brief-metrics {border-top: 0; border-inline-start: 1px solid var(--border-default);}

    .today-workbench .dashboard-grid {grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-4);}

    .today-workbench .widget.widget-size-small {grid-column: span 2;}

    .today-workbench .widget.widget-size-medium {grid-column: span 3;}

    .today-workbench .widget.widget-size-large {grid-column: span 6;}

    .today-workbench .widget-environment {grid-template-columns: repeat(3, minmax(0, 1fr));}

    .today-workbench .widget-environment > div + div {
      padding-left: var(--space-2);
      border-top: 0;
      border-left: 1px solid var(--border-default);
    }

    .today-workbench .dashboard-editor-sheet {width: min(100%, calc(var(--content-reading-width) * .65)); border-radius: var(--radius-overlay) var(--radius-overlay) 0 0;}

  }

  @media (min-width: 1200px) {
    .today-workbench .dashboard-grid {grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5);}

    .today-workbench .widget.widget-size-small {grid-column: span 3;}

    .today-workbench .widget.widget-size-medium {grid-column: span 6;}

    .today-workbench .widget.widget-size-large {grid-column: span 12;}

    .today-workbench .widget-photo-grid {grid-template-columns: repeat(6, minmax(0, 1fr));}

    .today-workbench .dashboard-editor-backdrop {align-items: stretch; justify-items: end;}

    .today-workbench .dashboard-editor-sheet {
      width: var(--quick-record-panel-width);
      max-height: 100dvh;
      margin: 0;
      padding: var(--space-5);
      border-width: 0 0 0 1px;
      border-radius: 0;
    }

  }

  @media (forced-colors: active) {
    .today-workbench .today-brief-focus,
    .today-workbench .care-workspace-head,
    .today-workbench .care-task-group.is-overdue-group .care-task-group-title,
    .today-workbench .care-all-done.is-complete {background: Canvas;}

    .today-workbench .today-brief-accent,
    .today-workbench .care-workspace-accent,
    .today-workbench .care-task-accent {background: Highlight;}

    .today-workbench .care-task-row.is-overdue .care-task-reason,
    .today-workbench .care-task-row.is-overdue .care-task-deadline,
    .today-workbench .care-task-group.is-overdue-group .care-task-group-status-icon {color: CanvasText;}

  }

}