/* Foundation: Projects board, full records and dialogs. */
.projects-foundation.wz-system {
  --wz-text-xs: max(12px, .75rem); --wz-text-sm: max(13px, .8125rem);
  --wz-text-md: max(14px, .875rem); --wz-text-lg: max(16px, 1rem);
  --surface: var(--wz-surface); --surface-2: var(--wz-surface-subtle); --surface-sunken: var(--wz-surface-hover);
  --text: var(--wz-text); --text-muted: var(--wz-text-secondary); --text-faint: var(--wz-text-muted);
  --border: var(--wz-border); --border-strong: var(--wz-border-control);
  --brand: var(--wz-accent); --brand-strong: var(--wz-accent-hover); --brand-soft: var(--wz-accent-soft); --brand-contrast: var(--wz-on-accent);
  --danger: var(--wz-danger); --danger-soft: var(--wz-danger-soft); --success: var(--wz-success); --warning: var(--wz-warning);
  --radius-sm: var(--wz-radius-md); --radius: var(--wz-radius-lg); --radius-lg: var(--wz-radius-xl);
  --fs-2xs: var(--wz-text-xs); --fs-xs: var(--wz-text-xs); --fs-sm: var(--wz-text-md); --fs-md: var(--wz-text-lg); --fs-lg: var(--wz-text-xl); --fs-xl: var(--wz-text-2xl);
  --shadow-sm: var(--wz-shadow-sm); --shadow: var(--wz-shadow-float); --shadow-lg: var(--wz-shadow-float);
  font-size: var(--wz-text-md); line-height: var(--wz-leading-body);
}
.main.projects-foundation { background: var(--wz-bg); }
.projects-foundation .btn { min-height: 40px; border-radius: var(--wz-radius-md); font-size: var(--wz-text-md); font-weight: var(--wz-weight-medium); box-shadow: none; }
.projects-foundation .btn--sm { min-height: 32px; }
.projects-foundation .btn--icon { width: 40px; min-width: 40px; padding: 0; }
.projects-foundation :is(.input, .select, .textarea) { border: 1px solid var(--wz-border-control); border-radius: var(--wz-radius-md); background-color: var(--wz-surface); font-size: var(--wz-text-lg); line-height: 1.5; min-height: 40px; box-shadow: none; }
.projects-foundation :is(button, a, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--wz-focus); outline-offset: 2px; }
.projects-foundation .field > label { font-size: var(--wz-text-md); font-weight: var(--wz-weight-medium); }
.projects-foundation .help { color: var(--wz-text-muted); font-size: var(--wz-text-sm); line-height: 1.5; }
.projects-foundation :is(.chip, .pill, .etag):not(.board__card *, .lead-card *) { border-radius: var(--wz-radius-sm); font-size: var(--wz-text-sm); font-weight: var(--wz-weight-medium); letter-spacing: 0; }
.projects-foundation .chip { min-height: 34px; }
.projects-foundation .section-title { font-size: var(--wz-text-md); text-transform: none; letter-spacing: 0; }
.projects-foundation.app-header { background: var(--wz-surface); border-bottom: 1px solid var(--wz-border); }
.projects-foundation.app-header h1 { font-size: var(--wz-text-xl); font-weight: var(--wz-weight-semibold); letter-spacing: -.025em; }
/* One consistent control bar for both ways to browse deals. */
.projects-foundation .board-toolbar { gap: 12px; padding: 12px; border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); background: var(--wz-surface); margin-bottom: 16px; }
.projects-foundation .segmented { flex-shrink: 0; background: var(--wz-bg); padding: 3px; border: 1px solid var(--wz-border); border-radius: var(--wz-radius-md); }
.projects-foundation .segmented__item { min-height: 34px; border-radius: var(--wz-radius-sm); padding: 0 12px; font-size: var(--wz-text-md); }
.projects-foundation .segmented__item[aria-selected='true'] { background: var(--wz-surface); color: var(--wz-accent); box-shadow: var(--wz-shadow-sm); }
.projects-foundation .searchbar { min-width: 180px; border: 1px solid var(--wz-border-control); border-radius: var(--wz-radius-md); background: var(--wz-surface); }
.projects-foundation .searchbar .input { font-size: var(--wz-text-md); border: 0; min-height: 38px; background: transparent; }
.projects-foundation .searchbar:focus-within { outline: 2px solid var(--wz-focus); outline-offset: 2px; }
.projects-foundation .searchbar .input:focus-visible { outline: none; }
.projects-foundation .list-summary { margin-bottom: 16px; font-size: var(--wz-text-sm); }
.projects-foundation .list-summary__count b { font-weight: var(--wz-weight-semibold); color: var(--wz-text); }
/* Quiet columns; stage color appears once in the header. */
.projects-foundation .ckb.rkk-board { gap: 16px; }
.projects-foundation .ckb .ckcol.rkk-column-outer { max-width: 300px; }
.projects-foundation .ckb .ckcol .rkk-column { background: var(--wz-surface-hover); border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); padding: 8px 7px; }
.projects-foundation .ckcol__head { padding: 4px 0 12px; gap: 6px; min-height: 44px; }
.projects-foundation .ckcol__pill { padding: 0 0 0 8px; border-left: 3px solid var(--col); background: transparent; color: var(--wz-text); border-radius: 0; font-size: var(--wz-text-md); font-weight: var(--wz-weight-semibold); text-transform: none; letter-spacing: 0; }
.projects-foundation .ckcol__count { display: inline-grid; place-items: center; min-width: 22px; padding: 1px 5px; border-radius: var(--wz-radius-sm); background: var(--wz-surface); color: var(--wz-text-secondary); font-size: var(--wz-text-xs); font-weight: var(--wz-weight-medium); }
.projects-foundation .ckcol__grip { width: 24px; height: 28px; }
.projects-foundation .ckcol__act { width: 28px; height: 28px; }
.projects-foundation .ckcol__acts { opacity: 1; }
.projects-foundation .record .board__meta { font-size: var(--wz-text-sm); }
.projects-foundation .board__hint { padding-top: 8px; font-size: var(--wz-text-xs); }
.projects-foundation :is(.ckadd, .ckcoladd) { font-weight: var(--wz-weight-medium); font-size: var(--wz-text-md); min-height: 40px; border-radius: var(--wz-radius-md); }
.projects-foundation .ckcol__head.is-collapsed { padding: 4px 0; gap: 12px; }
.projects-foundation .ckcol__head.is-collapsed .ckcol__pill { padding: 8px 0; border-left: 0; border-top: 3px solid var(--col); }
.projects-foundation .ckb .ckcol.rkk-column-outer.ckcol--shut { width: 46px; max-width: 46px; }
/* Table headings align across stages; rows retain sorting and inline editing. */
.projects-foundation .dtg { border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); background: var(--wz-surface); overflow: hidden; }
.projects-dialog .sheet { display: flex; flex-direction: column; position: relative; overflow: hidden; max-height: 90dvh; border: 1px solid var(--wz-border); border-radius: var(--wz-radius-xl); background: var(--wz-surface); box-shadow: var(--wz-shadow-float); }
.projects-dialog .sheet__title { flex: none; min-height: 32px; margin: 0 0 16px; padding-right: 48px; font-size: var(--wz-text-xl); font-weight: var(--wz-weight-semibold); }
.projects-dialog .sheet__content { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.projects-dialog .sheet__grip { flex-shrink: 0; }
.projects-dialog .action-menu__item { min-height: 52px; border-radius: var(--wz-radius-md); }
.projects-dialog .action-menu__text b { font-size: var(--wz-text-md); font-weight: var(--wz-weight-medium); }
@media (min-width: 700px) { .projects-foundation .ckb .ckcol.rkk-column-outer { width: 290px; } }
:root {
  --projects-card-surface: var(--surface);
  --projects-card-surface-2: var(--surface-2);
  --projects-card-surface-sunken: var(--surface-sunken);
  --projects-card-text: var(--text);
  --projects-card-text-muted: var(--text-muted);
  --projects-card-text-faint: var(--text-faint);
  --projects-card-border: var(--border);
  --projects-card-border-strong: var(--border-strong);
  --projects-card-brand: var(--brand);
  --projects-card-brand-strong: var(--brand-strong);
  --projects-card-brand-soft: var(--brand-soft);
  --projects-card-brand-contrast: var(--brand-contrast);
  --projects-card-danger: var(--danger);
  --projects-card-danger-soft: var(--danger-soft);
  --projects-card-success: var(--success);
  --projects-card-warning: var(--warning);
  --projects-card-radius-sm: var(--radius-sm);
  --projects-card-radius: var(--radius);
  --projects-card-radius-lg: var(--radius-lg);
  --projects-card-fs-2xs: var(--fs-2xs);
  --projects-card-fs-xs: var(--fs-xs);
  --projects-card-fs-sm: var(--fs-sm);
  --projects-card-fs-md: var(--fs-md);
  --projects-card-fs-lg: var(--fs-lg);
  --projects-card-fs-xl: var(--fs-xl);
  --projects-card-shadow-sm: var(--shadow-sm);
  --projects-card-shadow: var(--shadow);
  --projects-card-shadow-lg: var(--shadow-lg);
}
.projects-foundation :is(.board__card, .lead-card) {
  --surface: var(--projects-card-surface);
  --surface-2: var(--projects-card-surface-2);
  --surface-sunken: var(--projects-card-surface-sunken);
  --text: var(--projects-card-text);
  --text-muted: var(--projects-card-text-muted);
  --text-faint: var(--projects-card-text-faint);
  --border: var(--projects-card-border);
  --border-strong: var(--projects-card-border-strong);
  --brand: var(--projects-card-brand);
  --brand-strong: var(--projects-card-brand-strong);
  --brand-soft: var(--projects-card-brand-soft);
  --brand-contrast: var(--projects-card-brand-contrast);
  --danger: var(--projects-card-danger);
  --danger-soft: var(--projects-card-danger-soft);
  --success: var(--projects-card-success);
  --warning: var(--projects-card-warning);
  --radius-sm: var(--projects-card-radius-sm);
  --radius: var(--projects-card-radius);
  --radius-lg: var(--projects-card-radius-lg);
  --fs-2xs: var(--projects-card-fs-2xs);
  --fs-xs: var(--projects-card-fs-xs);
  --fs-sm: var(--projects-card-fs-sm);
  --fs-md: var(--projects-card-fs-md);
  --fs-lg: var(--projects-card-fs-lg);
  --fs-xl: var(--projects-card-fs-xl);
  --shadow-sm: var(--projects-card-shadow-sm);
  --shadow: var(--projects-card-shadow);
  --shadow-lg: var(--projects-card-shadow-lg);
  font-family: var(--font); font-size: 1rem; line-height: 1.45;
}
.projects-foundation .project-detail { max-width: 1440px; margin-inline: auto; }
.projects-foundation .project-summary { background: var(--wz-surface); border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); margin-bottom: 20px; overflow: hidden; }
.project-summary__identity { display: flex; gap: 16px; align-items: center; padding: 24px; }
.project-summary__mark { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border-radius: var(--wz-radius-lg); background: var(--wz-accent-soft); color: var(--wz-accent); font-weight: 600; font-size: 20px; }
.project-summary__title { min-width: 0; flex: 1; }
.project-summary__title h1 { margin: 0; font-size: var(--wz-text-2xl); font-weight: 600; line-height: 1.3; letter-spacing: -.025em; overflow-wrap: anywhere; }
.project-summary__title p { color: var(--wz-text-secondary); margin: 6px 0 10px; font-size: var(--wz-text-md); }
.project-summary__tags { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: var(--wz-text-secondary); font-size: var(--wz-text-sm); }
.project-status { display: inline-flex; gap: 6px; align-items: center; padding: 4px 8px; background: color-mix(in srgb, var(--status-color) 12%, var(--wz-surface)); border-radius: var(--wz-radius-sm); color: var(--wz-text); font-weight: 500; }
.project-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--status-color); }
.project-summary__id { align-self: flex-start; color: var(--wz-text-muted); font-size: var(--wz-text-xs); white-space: nowrap; }
.project-summary__facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--wz-bg); border-top: 1px solid var(--wz-border); margin: 0; }
.project-summary__facts > div { padding: 16px 24px; border-right: 1px solid var(--wz-border); min-width: 0; }
.project-summary__facts > div:last-child { border-right: 0; }
.project-summary__facts dt { font-size: var(--wz-text-xs); color: var(--wz-text-muted); margin-bottom: 5px; }
.project-summary__facts dd { margin: 0; font-size: var(--wz-text-md); font-weight: 500; overflow-wrap: anywhere; }
.projects-foundation .project-summary__facts :is(.input, .select) { width: 100%; min-width: 0; font-size: 16px; padding-inline: 8px; }
.projects-foundation .project-summary__facts .record-status-control .select { padding-left: 28px; }
.project-summary-effort { display: grid; grid-template-columns: minmax(0, 1fr) 76px; gap: 6px; }
.project-summary-time { display: flex; gap: 8px; align-items: center; margin: 0; min-width: 0; font-size: var(--wz-text-xs); color: var(--wz-text-muted); }
.project-summary-time .input { flex: 1; }
.projects-foundation #project-summary-status { padding: 8px 24px; margin: 0; border-top: 1px solid var(--wz-border); background: var(--wz-bg); }
@media (max-width: 600px) {
  .project-summary-effort { grid-template-columns: minmax(0, 1fr); }
  .project-summary-time { flex-direction: column; align-items: stretch; gap: 4px; }
  .projects-foundation #project-summary-status { padding-inline: 16px; }
}
.project-detail__columns { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: start; }
.project-detail__main, .project-detail__aside { min-width: 0; }
.project-panel { border: 1px solid var(--wz-border); border-radius: var(--wz-radius-lg); background: var(--wz-surface); margin-bottom: 20px; }
.project-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--wz-border); padding: 16px 20px; }
.project-panel h2 { margin: 0; font-size: var(--wz-text-lg); font-weight: 600; line-height: 1.5; letter-spacing: -.01em; }
.project-panel__body { padding: 20px; min-width: 0; }
.project-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
.project-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; font-size: var(--wz-text-sm); color: var(--wz-text-secondary); }
.project-field--wide { grid-column: 1 / -1; }
.projects-foundation .project-field :is(.input, .select) { width: 100%; min-width: 0; font-size: var(--wz-text-md); }
.project-effort { display: flex; gap: 8px; }
.project-effort .select { flex: 0 0 88px; }
.project-save-status { margin: -8px 0 20px; }
.project-save-status p { margin: 0; }
.project-edit-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.project-edit-error { color: var(--wz-danger); margin-top: 16px; }
.projects-foundation #project-notes { width: 100%; min-height: 100px; font-size: var(--wz-text-md); }
.project-files-bar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 12px; }
.project-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 0; }
.project-facts dt { font-size: var(--wz-text-xs); color: var(--wz-text-muted); margin-bottom: 5px; }
.project-facts dd { font-size: var(--wz-text-md); margin: 0; overflow-wrap: anywhere; }
.project-facts + .btn { margin-top: 20px; max-width: 100%; }
.project-brief { white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--wz-text-md); margin: 0; line-height: 1.65; }
.project-comments .project-panel__body { padding: 14px; }
.project-comments > header { padding: 14px 16px; }
.project-comments #comments { display: flex; flex-direction: column; }
.project-comments .composer { order: -1; padding-bottom: 16px; border-bottom: 1px solid var(--wz-border); margin-bottom: 16px; }
.project-comments .composer__input { font-size: var(--wz-text-md); min-height: 84px; }
.project-comments .composer__hint { display: none; }
.project-comments .comment-list { max-height: 420px; overflow-y: auto; overscroll-behavior: contain; margin: 0; gap: 16px; }
.project-comments .comment { gap: 8px; }
.project-comments .comment__head { gap: 4px 6px; flex-wrap: wrap; }
.project-comments .comment__head b, .project-comments .comment__body { font-size: var(--wz-text-sm); line-height: 1.6; overflow-wrap: anywhere; }
.project-comments .comment .avatar { width: 24px; height: 24px; font-size: 11px; }
.project-comments .comment__delete { min-width: 24px; width: 24px; min-height: 24px; }
.projects-dialog .sheet { max-width: 700px; }
.projects-dialog .list-group { box-shadow: none; border-radius: var(--wz-radius-lg); }
.projects-dialog .list-item { padding: 14px; gap: 12px; }
.projects-dialog .list-item > .grow { min-width: 0; overflow-wrap: anywhere; }
.projects-dialog .list-item b { font-size: var(--wz-text-md); font-weight: 500; }
.projects-dialog #column-list .column-row { display: grid; grid-template-columns: 60px minmax(100px, 1fr) 105px 36px; gap: 12px; align-items: center; padding: 14px; }
.projects-dialog #column-list .column-row__move { grid-column: 1; grid-row: 1 / 3; }
.projects-dialog #column-list .column-row__move .btn { min-width: 28px; width: 28px; }
.projects-dialog #column-list [data-name] { grid-column: 2; grid-row: 1; width: 100%; }
.projects-dialog #column-list .column-row__swatches { grid-column: 2; grid-row: 2; flex-wrap: wrap; }
.projects-dialog #column-list [data-done] { grid-column: 3; grid-row: 1 / 3; }
.projects-dialog #column-list [data-delete] { grid-column: 4; grid-row: 1 / 3; min-width: 32px; width: 32px; }
@media (max-width: 1100px) {
  .project-detail__columns { grid-template-columns: minmax(0, 1fr) 290px; gap: 16px; }
  .project-summary__facts > div { padding: 14px 16px; }
}
@media (max-width: 900px) {
  .project-detail__columns { grid-template-columns: minmax(0, 1fr); }
  .project-comments .comment-list { max-height: none; }
}
@media (max-width: 600px) {
  .project-summary__identity { padding: 16px; gap: 12px; flex-wrap: wrap; }
  .project-summary__mark { width: 40px; height: 40px; font-size: 16px; }
  .project-summary__title h1 { font-size: var(--wz-text-xl); }
  .project-summary__id { display: none; }
  .project-summary__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-summary__facts > div:nth-child(even) { border-right: 0; }
  .project-summary__facts > div:nth-child(n + 3) { border-top: 1px solid var(--wz-border); }
  .project-panel > header { padding: 14px 16px; }
  .project-panel__body { padding: 16px; }
  .project-fields, .project-facts { gap: 16px; }
  .project-fields { grid-template-columns: minmax(0, 1fr); }
  .project-field--wide { grid-column: auto; }
  .projects-foundation .project-field :is(.input, .select), .projects-foundation #project-notes, .project-comments .composer__input { font-size: 16px; }
  .projects-dialog .sheet { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .projects-dialog #column-list .column-row { grid-template-columns: minmax(0, 1fr) 100px; padding: 12px; }
  .projects-dialog #column-list [data-name] { grid-column: 1 / -1; grid-row: 1; }
  .projects-dialog #column-list .column-row__swatches { grid-column: 1 / -1; grid-row: 2; }
  .projects-dialog #column-list .column-row__move { grid-column: 1; grid-row: 3; }
  .projects-dialog #column-list [data-done] { grid-column: 2; grid-row: 3; }
  .projects-dialog #column-list [data-delete] { grid-column: 2; grid-row: 4; justify-self: end; }
}
@media (max-width: 380px) {
  .project-facts { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  #project-summary-form .project-summary__facts { grid-template-columns: minmax(0, 1fr); }
  #project-summary-form .project-summary__facts > div { border-right: 0; }
  #project-summary-form .project-summary__facts > div + div { border-top: 1px solid var(--wz-border); }
  #project-summary-form .project-summary-effort { grid-template-columns: minmax(0, 1fr) 76px; }
  #project-summary-form .project-summary-time { flex-direction: row; align-items: center; gap: 8px; }
}

/* Keep the desktop controls aligned in one row, including the deadline time. */
@media (min-width: 1101px) {
  #project-summary-form .project-summary__facts { grid-template-columns: 1fr 1fr 1.55fr 1.15fr; }
  #project-summary-form .project-summary__facts > div { padding-inline: 16px; }
}
.project-summary-deadline { display: grid; grid-template-columns: minmax(0, 1fr) 118px; gap: 8px; align-items: center; }
@media (min-width: 601px) and (max-width: 1100px) {
  #project-summary-form .project-summary__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #project-summary-form .project-summary__facts > div:nth-child(even) { border-right: 0; }
  #project-summary-form .project-summary__facts > div:nth-child(n + 3) { border-top: 1px solid var(--wz-border); }
}
@media (max-width: 600px) {
  .project-summary-deadline { grid-template-columns: minmax(0, 1fr); }
}

/* Compact record identity and a clearly highlighted, directly editable stage. */
.project-summary__overview, .project-summary__metadata { min-width: 0; }
.projects-foundation .project-summary__facts .record-status-control { border: 0; border-radius: 8px; }
.projects-foundation .project-summary__facts .record-status-control .select {
  background-color: color-mix(in srgb, var(--stage-color) 14%, var(--wz-surface));
  border: 1px solid color-mix(in srgb, var(--stage-color) 55%, var(--wz-border));
  font-weight: 600; padding-left: 30px; color: var(--wz-text);
}
.project-summary__metadata .project-summary__facts,
.project-summary__metadata #project-summary-form .project-summary__facts {
  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
  background: transparent; border: 0;
}
.project-summary__metadata .project-summary__facts > div,
.project-summary__metadata #project-summary-form .project-summary__facts > div { padding: 0; border: 0; }
.project-summary__metadata { padding: 16px; border-top: 1px solid var(--wz-border); }
.project-summary__metadata .project-summary__facts > div:nth-child(4) { grid-column: 1 / -1; }
.project-summary__metadata .project-summary__facts > div:nth-child(5) { grid-row: 2; grid-column: 2; }
.project-summary__metadata .project-summary-deadline { grid-template-columns: minmax(0, 1fr) 106px; gap: 6px; }
.projects-foundation .project-summary__metadata #project-summary-status { padding: 8px 0 0; border: 0; background: transparent; font-size: 11px; }
.project-summary__metadata .project-summary__facts dt { margin-bottom: 5px; font-size: 12px; }
.projects-foundation .project-summary__metadata .project-summary__facts :is(.input, .select) { min-height: 38px; padding-block: 8px; }
@media (min-width: 1100px) {
  .project-summary__layout { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.5fr); align-items: start; }
  .project-summary__overview { padding: 22px 20px; }
  .project-summary__overview .project-summary__identity { padding: 0; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
  .project-summary__overview .project-summary__id { width: 100%; order: -1; }
  .project-summary__overview .project-summary__title h1 { font-size: var(--wz-text-xl); }
  .project-summary__overview .project-summary__title p { font-size: 13px; margin: 5px 0 8px; }
  .project-summary__overview .project-summary__mark { width: 40px; height: 40px; font-size: 16px; }
  .project-summary__metadata { align-self: stretch; border-top: 0; border-left: 1px solid var(--wz-border); padding: 18px 20px 10px; }
  .project-summary__metadata .project-summary__facts,
  .project-summary__metadata #project-summary-form .project-summary__facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .project-summary__metadata .project-summary__facts > div:nth-child(3) { grid-row: 2; }
  .project-summary__metadata .project-summary__facts > div:nth-child(4) { grid-row: 2; grid-column: 2 / 4; }
  .project-summary__metadata .project-summary__facts > div:nth-child(5) { grid-row: 1; grid-column: 3; }
  .projects-foundation .project-summary__metadata .project-summary__facts :is(.input, .select) { font-size: 14px; }
}

/* Task-style detail canvas: inline properties and a persistent activity rail. */
.projects-foundation .project-detail--canvas { max-width: none; }
.project-detail--canvas .project-detail__columns { grid-template-columns: minmax(0, 1fr) 340px; gap: 0; align-items: start; }
.project-detail--canvas .project-detail__main { padding: 24px 32px; gap: 0; background: var(--wz-surface); min-width: 0; }
.projects-foundation .project-detail--canvas .project-summary { border: 0; border-radius: 0; margin: 0 0 20px; overflow: visible; }
.project-detail--canvas .project-summary__layout { display: block; }
.project-detail--canvas .project-summary__overview { padding: 0; }
.project-detail--canvas .project-summary__identity { padding: 0; flex-wrap: wrap; gap: 12px; }
.project-detail--canvas .project-summary__id { width: 100%; order: -1; font-size: 12px; }
.project-detail--canvas .project-summary__mark { display: none; }
.project-detail--canvas .project-summary__overview .project-summary__title h1 { font-size: 28px; line-height: 1.3; }
.project-detail--canvas .project-summary__title p { margin: 6px 0; }
.project-detail--canvas .project-summary__metadata { border: 0; padding: 22px 0 0; }
.project-detail--canvas .project-summary__metadata #project-summary-form .project-summary__facts,
.project-detail--canvas .project-summary__metadata .project-summary__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; }
.project-detail--canvas .project-summary__metadata .project-summary__facts > div { display: grid; grid-template-columns: 90px minmax(0, 1fr); align-items: center; gap: 8px; grid-row: auto; grid-column: auto; }
.project-detail--canvas .project-summary__metadata .project-summary__facts > div:nth-child(4) { grid-column: 1 / -1; }
.project-detail--canvas .project-summary__metadata .project-summary__facts > div:nth-child(5) { grid-column: 1 / -1; }
.project-detail--canvas .project-summary__facts dt { margin: 0; }
.projects-foundation .project-detail--canvas .project-summary__metadata .project-summary__facts :is(.input, .select) { border-color: transparent; background-color: transparent; font-size: 14px; min-height: 34px; padding-block: 6px; box-shadow: none; }
.projects-foundation .project-detail--canvas .project-summary__facts :is(.input, .select):hover { background-color: var(--wz-bg); border-color: var(--wz-border); }
.projects-foundation .project-detail--canvas .project-summary__metadata .record-status-control .select { background-color: var(--stage-color); border-color: var(--stage-color); color: #fff; font-weight: 600; }
.project-detail--canvas .record-status-control::before { background: #fff; }
.project-detail--canvas .project-summary-effort { max-width: 220px; }
.project-detail--canvas .project-summary-deadline { max-width: 330px; }
.project-detail--canvas .project-detail__main > .project-panel { border: 0; border-radius: 0; border-top: 1px solid var(--wz-border); background: transparent; margin-top: 16px; }
.project-detail--canvas .project-detail__main > .project-panel > header { border: 0; padding: 18px 0 10px; }
.project-detail--canvas .project-panel h2 { font-size: 14px; }
.project-detail--canvas .project-detail__main .project-panel__body { padding: 0 0 18px; }
.project-detail--canvas .project-facts { display: block; }
.project-detail--canvas .project-facts > div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--wz-border); }
.project-detail--canvas .project-facts dd { font-size: 14px; }
.project-detail--canvas .project-detail__aside { position: sticky; top: 70px; border-left: 1px solid var(--wz-border); align-self: start; }
.project-detail--canvas .project-comments { border: 0; border-radius: 0; min-height: calc(100vh - 110px); display: flex; flex-direction: column; }
.project-detail--canvas .project-comments > header { padding: 18px 20px; }
.project-detail--canvas .project-comments > header h2 { font-size: 16px; }
.project-detail--canvas .project-comments .project-panel__body { display: flex; flex-direction: column; flex: 1; padding: 16px; }
.project-detail--canvas .project-comments #comments { flex: 1; min-height: 0; }
.project-detail--canvas .project-comments .comment-list { max-height: 50vh; }
.project-detail--canvas .project-comments .composer { order: 2; margin: auto 0 0; padding: 16px 0 0; border: 0; }
.project-detail--canvas .project-comments .comment { border: 1px solid var(--wz-border); border-radius: 8px; padding: 12px; }
.project-created-event { color: var(--wz-text-muted); font-size: 12px; margin: 0 0 18px; line-height: 1.5; }
.project-created-event time { display: block; margin-top: 4px; font-size: 11px; }
@media (max-width: 1100px) {
  .project-detail--canvas .project-detail__columns { grid-template-columns: minmax(0, 1fr) 300px; }
  .project-detail--canvas .project-detail__main { padding: 20px; }
  .project-detail--canvas .project-summary__metadata #project-summary-form .project-summary__facts { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 800px) {
  .project-detail--canvas .project-detail__columns { grid-template-columns: minmax(0, 1fr); }
  .project-detail--canvas .project-detail__main { padding: 16px; }
  .project-detail--canvas .project-summary__overview .project-summary__title h1 { font-size: 24px; }
  .project-detail--canvas .project-detail__aside { position: static; border: 0; border-top: 1px solid var(--wz-border); }
  .project-detail--canvas .project-comments { min-height: 360px; }
  .project-detail--canvas .project-summary__metadata .project-summary__facts { grid-template-columns: minmax(0, 1fr); }
  .project-detail--canvas .project-summary__metadata .project-summary__facts > div { grid-column: 1; }
}
@media (min-width: 1101px) {
  .project-detail--canvas .project-summary__metadata .project-summary__facts > div:nth-child(4) { grid-column: 2; grid-row: 2; }
  .project-detail--canvas .project-summary__metadata .project-summary__facts > div:nth-child(5) { grid-column: 1; grid-row: 3; }
  .project-detail--canvas .project-summary-deadline { grid-template-columns: minmax(0, 1fr) 80px; }
}
@media (max-width: 480px) {
  .project-detail--canvas .project-summary__metadata .project-summary__facts > div:nth-child(4) { display: block; }
  .project-detail--canvas .project-summary__facts > div:nth-child(4) dt { margin-bottom: 5px; }
  .project-detail--canvas .project-summary-deadline { grid-template-columns: minmax(0, 1fr) 90px; }
}
.project-dates-trigger { display:flex; align-items:center; gap:8px; border:0; border-radius:6px; background:transparent; color:var(--wz-text); padding:7px 8px; font:inherit; text-align:left; cursor:pointer; }
.project-dates-trigger:hover { background:var(--wz-bg); }
.project-detail--canvas .project-summary__metadata .project-summary__facts > .project-summary-dates { grid-column:1 / -1; grid-row:auto; }
.project-detail--canvas .project-summary__metadata .project-summary__facts > div:nth-child(4) { display:grid; grid-column:1 / -1; grid-row:auto; }
.project-date-picker { padding:0; width:620px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid var(--wz-border,var(--border)); border-radius:14px; background:var(--surface); color:var(--text); box-shadow:0 18px 60px #0005; }
.project-date-picker::backdrop { background:#0004; }
.project-date-picker button, .project-date-picker input, .project-date-picker select { font:inherit; color:inherit; }
.project-date-picker button { cursor:pointer; border:0; background:transparent; border-radius:6px; padding:8px; }
.project-date-picker button:hover { background:var(--surface-sunken); }
.project-date-picker__inputs { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:12px; border-bottom:1px solid var(--border); }
.project-date-picker__inputs label { min-width:0; border:1px solid transparent; border-radius:8px; background:var(--surface-sunken); padding:6px 10px; }
.project-date-picker__inputs .is-active { border-color:var(--brand); }
.project-date-picker__inputs input { width:100%; min-width:0; background:transparent; border:0; padding:5px 0; }
.project-date-picker__inputs button { padding:0; font-size:12px; color:var(--text-muted); }
.project-date-picker__body { display:grid; grid-template-columns:200px 1fr; }
.project-date-picker__shortcuts { padding:12px; border-right:1px solid var(--border); display:flex; flex-direction:column; gap:3px; }
.project-date-picker__shortcuts button { display:flex; justify-content:space-between; gap:8px; text-align:left; font-size:14px; }
.project-date-picker__shortcuts small { color:var(--text-muted); font-size:11px; }
.project-date-picker__calendar { padding:16px; }
.project-date-picker__calendar header { display:flex; align-items:center; margin-bottom:12px; }
.project-date-picker__calendar strong { flex:1; font-size:14px; }
.project-date-picker__grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; text-align:center; }
.project-date-picker__grid span { font-size:12px; color:var(--text-muted); padding-bottom:8px; }
.project-date-picker__grid button { padding:8px 0; font-size:13px; }
.project-date-picker__grid button[aria-pressed=true] { background:var(--brand); color:white; }
.project-date-picker__grid .is-today { box-shadow:inset 0 0 0 1px var(--brand); }
.project-date-picker footer { display:flex; gap:8px; align-items:center; padding:12px; border-top:1px solid var(--border); font-size:12px; flex-wrap:wrap; }
.project-date-picker footer label { margin-right:auto; display:flex; gap:8px; align-items:center; }
.project-date-picker footer select { max-width:130px; background:var(--surface-sunken); border:1px solid var(--border); border-radius:6px; padding:7px; }
.project-date-picker__error { margin:0; padding:0 12px 8px; color:var(--danger); font-size:12px; }
@media(max-width:600px) {
 .project-date-picker__body { grid-template-columns:minmax(0,1fr); }
 .project-date-picker__shortcuts { flex-direction:row; flex-wrap:wrap; border-right:0; border-bottom:1px solid var(--border); }
 .project-date-picker__shortcuts small { display:none; }
 .project-date-picker__shortcuts button { font-size:12px; padding:6px; }
}

.project-date-picker footer .btn--primary { background:var(--brand); color:var(--brand-ink, #fff); }
.project-date-picker input { color-scheme:light dark; }

.projects-foundation #project-summary-status:empty { display: none; }

.projects-foundation .project-description-input { display:block; width:100%; min-height:64px; resize:vertical; border:1px solid transparent; border-radius:6px; background:transparent; color:var(--wz-text); padding:8px; font:inherit; line-height:1.6; box-sizing:border-box; }
.projects-foundation .project-description-input:hover { border-color:var(--wz-border); }
.projects-foundation .project-description-input:focus { border-color:var(--wz-accent); outline:2px solid var(--wz-accent-soft); background:var(--wz-surface); }
.projects-foundation .project-description-input::placeholder { color:var(--wz-text-muted); }
.project-assignee { display:flex; align-items:center; min-width:0; border-radius:7px; }
.project-assignee:hover { background:var(--surface-sunken); }
.project-assignee button { border:0; background:transparent; color:var(--text); cursor:pointer; font:inherit; }
.project-assignee__trigger { display:flex; gap:9px; align-items:center; min-width:0; flex:1; padding:5px 8px; text-align:left; }
.project-assignee__trigger > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.project-assignee [data-assignee-clear] { padding:5px 8px; font-size:20px; color:var(--text-muted); }
.project-assignee-picker { position:fixed; margin:0; padding:10px; max-width:calc(100vw - 24px); max-height:min(480px,calc(100dvh - 24px)); box-sizing:border-box; border:1px solid var(--border); border-radius:12px; background:var(--surface); color:var(--text); box-shadow:0 16px 48px #0005; overflow:auto; }
.project-assignee-picker::backdrop { background:transparent; }
.project-assignee-picker__search { display:flex; align-items:center; gap:8px; border:1px solid var(--brand); border-radius:8px; padding:8px; box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 20%,transparent); }
.project-assignee-picker__search input { min-width:0; width:100%; background:transparent; border:0; outline:0; color:inherit; font:inherit; font-size:14px; }
.project-assignee-picker button { cursor:pointer; }
.project-assignee-picker__search button { border:0; background:transparent; color:var(--text-muted); font-size:20px; }
.project-assignee-picker h3 { margin:18px 8px 8px; font-size:12px; color:var(--text-muted); font-weight:500; }
.project-assignee-picker__person { display:flex; width:100%; gap:10px; align-items:center; border:0; border-radius:7px; background:transparent; color:inherit; padding:8px; font:inherit; font-size:14px; text-align:left; }
.project-assignee-picker__person > span:nth-child(2) { flex:1; min-width:0; overflow-wrap:anywhere; }
.project-assignee-picker__person small { margin-left:8px; color:var(--text-muted); font-size:11px; }
.project-assignee-picker__person:hover,.project-assignee-picker__person.is-selected { background:var(--surface-sunken); }
.project-assignee-picker__person.is-selected .avatar { outline:2px solid var(--brand); outline-offset:2px; }
.project-assignee-picker__empty { padding:8px; font-size:13px; color:var(--text-muted); }

.project-detail-share { display:flex; align-items:center; gap:8px; margin:0 0 20px; }

.projects-foundation .project-editor-page { max-width:960px; margin:0 auto; }
.project-editor-heading { padding:20px 24px; border-bottom:1px solid var(--border); }
.project-editor-heading h2 { margin:0 0 6px; font-size:18px; }
.project-editor-heading p { margin:0; font-size:14px; }
.projects-foundation .project-editor-page .card__body { padding:24px; }

/* Compact record header: identity first, then one aligned property strip. */
.project-detail--canvas .project-detail__main { position:relative; }
.project-detail--canvas .project-summary__overview { padding-right:130px; }
.project-detail--canvas .project-summary__identity { gap:6px; }
.project-detail--canvas .project-summary__overview .project-summary__title h1 { font-size:24px; line-height:1.3; margin:0; }
.project-detail--canvas .project-summary__title p { margin:4px 0; font-size:14px; }
.project-detail--canvas .project-summary__tags { gap:8px; margin-top:6px; }
.project-detail--canvas .project-summary__metadata { padding-top:18px; }
.project-detail--canvas .project-summary__metadata #project-summary-form .project-summary__facts,
.project-detail--canvas .project-summary__metadata .project-summary__facts { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr); gap:16px; margin:0; padding:14px 16px; border:1px solid var(--wz-border); border-radius:10px; background:var(--wz-surface-subtle); }
.project-detail--canvas .project-summary__metadata .project-summary__facts > div,
.project-detail--canvas .project-summary__metadata .project-summary__facts > .project-summary-dates { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:6px; grid-column:auto; grid-row:auto; min-width:0; }
.project-detail--canvas .project-summary__facts dt { font-size:12px; }
.project-detail--canvas .project-summary__facts dd { margin:0; min-width:0; }
.project-detail--canvas .project-dates-trigger { min-height:36px; padding:6px 8px; font-size:14px; }
.project-detail--canvas .project-detail-share { position:absolute; top:24px; right:24px; margin:0; gap:4px; }
.projects-foundation .project-detail--canvas .project-summary { margin-bottom:0; }
.project-detail--canvas .project-detail__main > .project-panel { margin-top:18px; }
.project-detail--canvas .project-detail__main > .project-panel > header { padding-top:14px; }
.project-detail--canvas .project-availability-hint { font-size:12px; margin:4px 0 0; }
@media(max-width:1100px) {
  .project-detail--canvas .project-summary__metadata #project-summary-form .project-summary__facts,
  .project-detail--canvas .project-summary__metadata .project-summary__facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .project-detail--canvas .project-summary__metadata .project-summary__facts > .project-summary-dates { grid-column:1/-1; }
}
@media(max-width:600px) {
  .project-detail--canvas .project-summary__overview { padding-right:0; }
  .project-detail--canvas .project-summary__id { padding-right:125px; min-height:32px; display:flex; align-items:center; }
  .project-detail--canvas .project-detail-share { top:16px; right:16px; }
  .project-detail--canvas .project-summary__metadata #project-summary-form .project-summary__facts,
  .project-detail--canvas .project-summary__metadata .project-summary__facts { grid-template-columns:minmax(0,1fr); gap:12px; padding:12px; }
  .project-detail--canvas .project-summary__metadata .project-summary__facts > div { display:grid; grid-template-columns:62px minmax(0,1fr); align-items:center; gap:8px; }
}
@media(max-width:600px) {
  .project-detail--canvas .project-summary__metadata .project-summary__facts > .project-summary-dates { display:grid; grid-template-columns:62px minmax(0,1fr); align-items:center; }
}

.project-linked-deal { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto; align-items:center; gap:16px; margin-top:14px; padding:14px 16px; background:var(--wz-surface-subtle); border:1px solid var(--wz-border); border-radius:10px; max-width:760px; }
.project-linked-deal__identity, .project-linked-deal__owner { display:flex; align-items:center; gap:10px; min-width:0; }
.project-linked-deal__identity > div, .project-linked-deal__owner > span { min-width:0; }
.project-linked-deal__icon { display:flex; align-items:center; justify-content:center; width:32px; height:32px; flex:none; border-radius:8px; background:var(--wz-accent-soft); color:var(--wz-accent); }
.project-linked-deal__owner .avatar { flex:none; width:28px; height:28px; font-size:11px; }
.project-linked-deal small { display:block; color:var(--wz-text-muted); font-size:12px; line-height:1.4; margin-bottom:2px; }
.project-linked-deal b { display:block; font-size:14px; font-weight:500; line-height:1.4; overflow-wrap:anywhere; }
.project-linked-deal__open { white-space:nowrap; }
@media(max-width:700px) {
  .project-linked-deal { grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:12px; }
  .project-linked-deal__identity { grid-column:1; }
  .project-linked-deal__open { grid-column:2; grid-row:1; }
  .project-linked-deal__owner { grid-column:1/-1; padding-top:10px; border-top:1px solid var(--wz-border); }
}

.resource-check-controls { display:flex; align-items:end; gap:12px; margin:16px 0; flex-wrap:wrap; }
.resource-check-controls .field { flex:1; min-width:180px; }
.resource-check-list { padding:0; margin:0; list-style:none; }
.resource-check-list li { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--border); flex-wrap:wrap; }
#check-resource-availability { margin-left:auto; white-space:nowrap; }

.projects-foundation .board-toolbar { display:flex; align-items:center; flex-wrap:wrap; }

.project-group-control { display:flex; align-items:center; gap:8px; white-space:nowrap; color:var(--wz-text-muted); }
.project-group-control .select { width:auto; min-width:120px; }
.project-assignee-groups { overflow:auto; min-height:0; padding-bottom:16px; }
.project-task-group { margin-bottom:16px; background:var(--wz-surface); border:1px solid var(--wz-border); border-radius:12px; }
.project-task-group summary { display:flex; align-items:center; gap:12px; padding:16px; cursor:pointer; }
.project-task-group summary::before { content:'▾'; }
.project-task-group:not([open]) summary::before { content:'▸'; }
.project-group-table { overflow-x:auto; }
.project-group-table table { width:100%; border-collapse:collapse; text-align:left; }
.project-group-table th, .project-group-table td { padding:12px 16px; border-top:1px solid var(--wz-border); }
.project-group-table th { font-size:12px; color:var(--wz-text-muted); }
.project-group-task { background:none; border:0; color:inherit; padding:0; text-align:left; font:inherit; font-weight:600; cursor:pointer; }
.project-group-task:hover { text-decoration:underline; }
.project-group-table td:first-child { min-width:180px; }

/* Compact inline filters leave the canvas for the work itself. */
.projects-foundation .project-board-toolbar { display:flex; flex-wrap:wrap; gap:8px; padding:10px 12px; align-items:center; border-radius:8px; margin-bottom:12px; }
.project-board-toolbar .project-group-control { display:flex; flex-direction:row; align-items:center; gap:4px; font-size:12px; font-weight:500; flex:0 1 auto; min-width:0; height:32px; padding-left:10px; border:1px solid var(--wz-border); border-radius:7px; box-sizing:border-box; }
.project-board-toolbar .project-group-control .select { width:150px; min-width:0; height:30px; min-height:0; padding:4px 26px 4px 5px; border:0; border-radius:6px; background-color:transparent; color:var(--wz-text); font-size:12px; font-weight:500; text-overflow:ellipsis; }
.project-board-toolbar #project-group-by { width:100px; }
.project-board-toolbar .project-group-control:hover { border-color:var(--wz-text-muted); }
.project-board-toolbar .project-group-control:focus-within { outline:2px solid var(--wz-accent); outline-offset:2px; }
.project-board-toolbar .select:focus-visible { outline:0; }
.project-board-toolbar #check-resource-availability { height:32px; min-height:32px; border-radius:7px; padding:0 12px; font-size:12px; }
@media(max-width:700px) {
  .projects-foundation .project-board-toolbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:10px; }
  .project-board-toolbar .project-group-control { height:36px; padding-left:8px; }
  .project-board-toolbar .project-group-control .select { width:100%; height:34px; }
  .project-board-toolbar #check-resource-availability { width:100%; height:36px; margin:0; padding-inline:6px; font-size:12px; }
}

.project-card-status { margin-top:6px; }
.project-card-status .etag { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.project-card-status .etag::before { flex-shrink:0; }

/* A compact, keyboard-operable switch beside the board filters. */
.project-board-toolbar .project-delivered-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:32px; padding:0 8px; border:0; border-radius:7px; background:transparent; color:var(--wz-text); font:inherit; font-size:12px; font-weight:500; white-space:nowrap; cursor:pointer; }
.project-delivered-toggle__track { position:relative; flex-shrink:0; width:28px; height:16px; border-radius:20px; background:var(--wz-text-muted); transition:background .18s; }
.project-delivered-toggle__track::after { content:""; position:absolute; left:2px; top:2px; width:12px; height:12px; border-radius:50%; background:#fff; box-shadow:0 1px 2px #0002; transition:transform .18s; }
.project-delivered-toggle[aria-checked="true"] .project-delivered-toggle__track { background:var(--wz-accent); }
.project-delivered-toggle[aria-checked="true"] .project-delivered-toggle__track::after { transform:translateX(12px); }
.project-board-toolbar .project-delivered-toggle:focus-visible { outline:2px solid var(--wz-accent); outline-offset:2px; }
@media(max-width:700px) { .project-board-toolbar .project-delivered-toggle { min-height:36px; } }
@media(prefers-reduced-motion:reduce) { .project-delivered-toggle__track,.project-delivered-toggle__track::after { transition:none; } }

.project-parent-link { display:inline-flex; align-items:center; gap:8px; color:var(--wz-accent); margin:12px 0 0; font-size:13px; }
.project-detail--canvas .project-detail__main > .project-parent-link + .project-panel { margin-top:12px; }
.milestone-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.milestone-list { list-style:none; margin:0; padding:0; }
.milestone-list li + li { border-top:1px solid var(--wz-border); }
.milestone-row { display:flex; align-items:center; gap:12px; padding:14px 0; color:var(--wz-text); text-decoration:none; }
.milestone-row:hover .milestone-row__name { color:var(--wz-accent); }
.milestone-row__name { flex:1; min-width:0; font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.milestone-row__name small { display:block; margin-top:5px; font-size:12px; font-weight:400; color:var(--wz-text-muted); }
.milestone-row .project-status { font-size:11px; flex-shrink:0; }
.milestone-empty { font-size:13px; line-height:1.7; margin-bottom:0; }
@media(max-width:600px) { .milestone-row { flex-wrap:wrap; }.milestone-row__name { flex-basis:65%; } }

/* Milestones stay collapsed until requested, with direct links inside the card. */
.card-milestones { margin:0 10px 9px; border-top:1px solid var(--wz-border,var(--border)); padding-top:5px; }
.card-milestones__toggle { display:flex; align-items:center; gap:6px; width:100%; min-height:32px; padding:3px 5px; border:0; border-radius:5px; background:var(--wz-accent-soft,#7454de12); color:var(--wz-accent,var(--brand)); font:inherit; font-size:11px; font-weight:600; cursor:pointer; }
.card-milestones__toggle small { margin-left:auto; color:var(--wz-text-muted,var(--muted)); font-size:10px; font-weight:400; white-space:nowrap; }
.card-milestones__content ul { display:grid; gap:5px; margin:6px 0 0; padding:0; list-style:none; max-height:160px; overflow-y:auto; overscroll-behavior:contain; }
.card-milestones__content a { display:flex; align-items:center; gap:6px; min-height:36px; padding:6px 8px; text-decoration:none; background:#fff; color:#202431; border:1px solid #e1e4ec; border-radius:5px; box-shadow:0 1px 2px #18203906; font-size:11px; }
.card-milestones__content a:hover { background:#fff; border-color:var(--wz-accent,var(--brand)); }
.card-milestones__content a>span { font-weight:700; min-width:0; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.card-milestones__content a>.card-milestones__status { display:inline-flex; align-items:center; gap:4px; flex-shrink:0; max-width:110px; padding:3px 7px; border:1px solid color-mix(in srgb,var(--milestone-status-color) 30%,transparent); border-radius:999px; background:color-mix(in srgb,var(--milestone-status-color) 12%,transparent); color:var(--milestone-status-color); font-size:10px; font-weight:600; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.card-milestones__status i { width:5px; height:5px; flex-shrink:0; border-radius:50%; background:var(--milestone-status-color); }
.card-milestones__message { margin:7px 5px; font-size:11px; color:var(--wz-text-muted,var(--muted)); }
.card-milestones__message button { padding:5px; color:var(--wz-accent,var(--brand)); border:0; background:none; cursor:pointer; }
.card-milestones :is(button,a):focus-visible { outline:2px solid var(--wz-accent,var(--brand)); outline-offset:1px; }

.daily-card-indicator { display:inline-flex; align-items:center; gap:4px; padding:3px 6px; border-radius:4px; background:var(--wz-accent-soft); color:var(--wz-accent,var(--brand)); font-size:10px; white-space:nowrap; }

/* Daily Updates follows the Projects foundation and its semantic tokens. */
.daily-page { padding:var(--wz-space-4); font-size:var(--wz-text-sm); color:var(--wz-text); }
.daily-filterbar { display:flex; flex-wrap:wrap; align-items:center; gap:var(--wz-space-2); }
.daily-filter { display:flex; align-items:center; gap:var(--wz-space-2); border:1px solid var(--wz-border-control); border-radius:var(--wz-radius-md); padding:0 var(--wz-space-3); height:36px; background:var(--wz-surface); }
.daily-filter>span { color:var(--wz-text-muted); font-size:var(--wz-text-xs); }
.daily-filter :is(input,select) { min-width:0; width:auto; max-width:190px; border:0; padding:0; background:transparent; color:var(--wz-text); font:inherit; height:32px; color-scheme:inherit; }
.daily-filter:focus-within { outline:2px solid var(--wz-focus); outline-offset:2px; }
.daily-filter :is(input,select):focus { outline:none; }
.daily-settings-btn { margin-left:0; gap:6px; }
.daily-overview { display:flex; flex-wrap:wrap; align-items:center; gap:var(--wz-space-3); margin:var(--wz-space-3) 0; }
.daily-counts { display:flex; flex-wrap:wrap; gap:var(--wz-space-4); color:var(--wz-text-secondary); }
.daily-counts b { color:var(--wz-text); font-weight:var(--wz-weight-semibold); }
.daily-overview>small { margin-left:auto; color:var(--wz-text-muted); font-size:var(--wz-text-xs); }
.daily-review-key { display:flex; align-items:center; flex-wrap:wrap; gap:var(--wz-space-2); margin-bottom:var(--wz-space-3); color:var(--wz-text-muted); font-size:var(--wz-text-xs); }
.daily-person { margin-bottom:var(--wz-space-3); border:1px solid var(--wz-border); border-radius:var(--wz-radius-lg); overflow:hidden; background:var(--wz-surface); }
.daily-person-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--wz-space-2); padding:var(--wz-space-2) var(--wz-space-3); background:var(--wz-surface-hover); }
.daily-identity { display:flex; align-items:center; gap:var(--wz-space-2); min-width:0; }
.daily-person .daily-identity h2 { margin:0; font-size:var(--wz-text-md); font-weight:var(--wz-weight-semibold); }
.daily-person-counts { display:flex; gap:var(--wz-space-2); }
.daily-columns,.daily-report-row { display:grid; grid-template-columns:minmax(155px,1.1fr) minmax(190px,1.6fr) 110px 118px 65px 28px; gap:var(--wz-space-3); align-items:center; padding:var(--wz-space-2) var(--wz-space-3); }
.daily-columns { color:var(--wz-text-muted); font-size:var(--wz-text-xs); padding-block:6px; }
.daily-report-row { min-height:60px; border-top:1px solid var(--wz-border); }
.daily-report-row:hover { background:var(--wz-surface-subtle); }
.daily-task-cell,.daily-preview,.daily-state,.daily-check { min-width:0; }
.daily-task-cell a { display:block; font-weight:var(--wz-weight-semibold); color:var(--wz-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.daily-task-cell a:hover { color:var(--wz-accent); }
.daily-task-cell small,.daily-preview small,.daily-check small { display:block; color:var(--wz-text-muted); font-size:var(--wz-text-xs); margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.daily-preview>span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.daily-preview-button,.daily-check-button { border:0; background:none; color:inherit; font:inherit; padding:0; text-align:left; cursor:pointer; }
.daily-preview-button:hover>span { color:var(--wz-accent); }
.daily-status-chip { color:var(--daily-status); background:color-mix(in srgb,var(--daily-status) 12%,var(--wz-surface)); border:1px solid color-mix(in srgb,var(--daily-status) 32%,var(--wz-border)); max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.daily-time { color:var(--wz-text-muted); font-size:var(--wz-text-xs); white-space:nowrap; }
.daily-row-action { display:inline-flex; align-items:center; justify-content:center; width:28px; min-height:32px; border:0; border-radius:var(--wz-radius-sm); background:transparent; color:var(--wz-text-muted); cursor:pointer; }
.daily-row-action:hover { color:var(--wz-accent); background:var(--wz-accent-soft); }
.daily-page :is(button,a):focus-visible { outline:2px solid var(--wz-focus); outline-offset:2px; }
.daily-flagged { color:var(--wz-danger); }
.daily-report-row--flagged { box-shadow:inset 3px 0 var(--wz-danger); }
.daily-attention,.daily-preview small.daily-attention { color:var(--wz-warning); }
.daily-empty,.daily-no-activity { padding:var(--wz-space-3); color:var(--wz-text-muted); margin:0; }
.daily-empty p { margin:4px 0 0; }
.daily-reopens,.daily-note { color:var(--wz-text-muted); font-size:var(--wz-text-xs); }
.daily-reopens summary { padding:var(--wz-space-2) 0; cursor:pointer; }
.daily-task-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; justify-content:space-between; }
.daily-entry { padding:12px 0; overflow-wrap:anywhere; }.daily-entry>header { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; }.daily-entry p,.daily-entry dd { white-space:pre-wrap; }.daily-entry dl { display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px; }.daily-entry dt,.daily-entry small { color:var(--wz-text-muted); font-size:var(--wz-text-xs); }.daily-entry dd { margin:0; }
.daily-fields { display:grid; gap:12px; }.daily-fields label,.daily-review label { display:grid; gap:6px; font-size:13px; }.daily-fields textarea { resize:vertical; }.daily-review,.daily-notice { padding:12px; margin:12px 0; border:1px solid var(--wz-border); border-radius:var(--wz-radius-md); background:var(--wz-surface-subtle); }.daily-setting { display:flex; align-items:center; gap:8px; padding:8px 0; }.daily-dashboard-link { display:inline-block; margin:12px 0; font-size:13px; }
.daily-detail-author { display:flex; align-items:center; gap:8px; }.daily-detail-author>div { flex:1; }.daily-detail-author small { display:block; color:var(--wz-text-muted); font-size:var(--wz-text-xs); }.daily-review-detail { padding:12px; margin:12px 0 0; border:1px solid var(--wz-border); border-radius:var(--wz-radius-md); background:var(--wz-surface-subtle); }.daily-review-detail p { margin:6px 0; font-size:var(--wz-text-sm); }.daily-review-detail small { color:var(--wz-text-muted); }.daily-report-detail .daily-entry>header,.daily-report-detail .daily-entry>small { display:none; }
@media(max-width:1150px){.daily-columns,.daily-report-row{grid-template-columns:minmax(140px,1fr) minmax(170px,1.3fr) 105px 112px 28px;gap:8px;}.daily-time,.daily-columns>span:nth-child(5){display:none;}}
@media(max-width:700px){
 .daily-page{padding:12px 8px;}.daily-filterbar{gap:8px;}.daily-filter{flex:1 1 150px;padding-inline:8px;}.daily-filter select{width:100%;}.daily-filterbar .daily-settings-btn{min-height:36px;}.daily-overview>small{margin-left:0;}.daily-counts{gap:12px;}.daily-review-key>span:last-child{display:none;}.daily-columns{display:none;}.daily-person-head{padding:8px;}.daily-person .daily-identity h2{font-size:13px;}.daily-person-counts{gap:4px;}.daily-person-counts .wz-badge{padding:2px 5px;}
 .daily-report-row{grid-template-columns:minmax(0,1fr) auto 28px;gap:6px 8px;padding:10px 8px;}.daily-task-cell{grid-column:1/3;grid-row:1;}.daily-preview{grid-column:1/4;grid-row:2;}.daily-preview small{margin-top:3px;}.daily-state{grid-column:1;grid-row:3;}.daily-check{grid-column:2/4;grid-row:3;}.daily-row-action{grid-column:3;grid-row:1;min-height:36px;}.daily-time{display:none;}.daily-report-row--missing .daily-preview{font-size:12px;}.daily-entry dl{grid-template-columns:1fr;gap:4px;}.daily-detail-author{flex-wrap:wrap;}
}

.comment__body .comment__link, .project-brief .comment__link { color: var(--brand); text-decoration: underline; text-underline-offset: 0.15em; overflow-wrap: anywhere; }

.project-description-input[hidden], #project-description-preview[hidden], [data-edit-description][hidden] { display: none; }