.board-row { align-items: flex-start; }
.board-row-copy { min-width: 0; flex: 1; }
.board-row .board-row-copy p { white-space: normal; overflow-wrap: anywhere; }
.board-row .item-meta { flex-wrap: wrap; justify-content: flex-end; }
.board-row-dates { display: flex; flex-wrap: wrap; gap: var(--zg-space-2) var(--zg-space-4); color: var(--zg-text-secondary); font-size: var(--zg-font-caption); margin-block: var(--zg-space-2); }
.board-editor section { min-width: 0; }
.board-editor .dialog-actions { flex-wrap: wrap; }
.board-editor #boardRteHost { width: 100%; min-width: 0; }
.board-status-tabs { margin-block-end: var(--zg-space-4); }
.board-email-fields { display: grid; gap: var(--zg-space-4); border: 0; padding: 0; min-inline-size: 0; }
.board-recipients { display: grid; gap: var(--zg-space-2); max-block-size: 18rem; overflow-y: auto; }
.board-recipients small { display: block; color: var(--zg-text-muted); }
.tool-organisation .board-recipients [data-recipient-label] {
  justify-self: start;
  inline-size: fit-content;
  max-inline-size: 100%;
}
.tool-organisation .board-recipients [data-recipient-label] > span {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.tool-organisation .board-recipients [data-recipient-label][hidden] { display: none; }
.board-version-history { display: grid; gap: var(--zg-space-3); }
.board-attachments ul { display: grid; gap: var(--zg-space-2); padding: 0; list-style: none; }
.board-attachments li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--zg-space-2); overflow-wrap: anywhere; }
.board-attachments li > :first-child { flex: 1; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.board-workspace-state { display:grid; gap:var(--zg-space-4); min-height:22rem; place-content:center; justify-items:center; padding:var(--zg-space-8); border:1px solid var(--zg-border-soft); border-radius:var(--zg-radius-lg); background:var(--zg-surface-card); text-align:center; }
.board-workspace-state h2,.board-workspace-state p { margin:0; }
.board-workspace-state > div { display:flex; gap:var(--zg-space-3); }
.board-editor-workspace { display:grid; grid-template-columns:minmax(14rem,17rem) minmax(34rem,1fr) minmax(17rem,20rem); align-items:start; gap:var(--zg-space-4); min-width:0; }
.board-editor-rail,.board-editor-main,.board-editor-context > section { min-width:0; border:1px solid var(--zg-border-soft); border-radius:var(--zg-radius-lg); background:var(--zg-surface-card); box-shadow:var(--zg-shadow-soft); }
.board-editor-rail { position:sticky; top:var(--zg-space-4); max-height:calc(100vh - 2 * var(--zg-space-4)); overflow:hidden; }
.board-editor-rail > header { display:flex; min-height:var(--zg-topbar-height); align-items:center; justify-content:space-between; padding:0 var(--zg-space-4); background:var(--zg-surface-sidebar-active); color:var(--zg-text-on-dark); }
.board-editor-rail > header button { width:var(--zg-button-icon-size); height:var(--zg-button-icon-size); border:0; border-radius:var(--zg-radius-md); background:transparent; color:inherit; cursor:pointer; }
.board-editor-rail > div { max-height:calc(100vh - var(--zg-topbar-height) - 2 * var(--zg-space-4)); overflow:auto; }
.board-editor-rail-item { display:grid; width:100%; gap:var(--zg-space-1); padding:var(--zg-space-4); border:0; border-bottom:1px solid var(--zg-border-soft); border-left:3px solid transparent; background:var(--zg-surface-card); color:var(--zg-text-secondary); cursor:pointer; font:inherit; text-align:left; }
.board-editor-rail-item:hover { background:var(--zg-surface-hover); }
.board-editor-rail-item.is-active { border-left-color:var(--zg-accent-primary); background:color-mix(in srgb,var(--zg-accent-secondary) 58%,white); }
.board-editor-rail-item strong { color:var(--zg-text-primary); font-size:var(--zg-font-body-sm); }
.board-editor-rail-item span,.board-editor-rail-item small { overflow:hidden; color:var(--zg-text-muted); font-size:var(--zg-font-caption); line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.board-editor-main { overflow:hidden; }
.board-workspace-editor { display:grid; width:100%; min-width:0; max-width:100%; gap:var(--zg-form-field-gap); margin:0; padding:var(--zg-card-padding); overflow:hidden; }
.board-workspace-editor > .eyebrow { margin:0; color:var(--zg-accent-primary); font-size:var(--zg-font-caption); font-weight:700; text-transform:uppercase; }
.board-workspace-editor > h2 { margin:calc(-1 * var(--zg-space-2)) 0 0; color:var(--zg-text-primary); font-size:var(--zg-font-h2); }
.board-workspace-editor > label,.board-workspace-editor section > label { display:grid; gap:var(--zg-space-2); color:var(--zg-text-secondary); font-size:var(--zg-font-body-sm); font-weight:600; }
.board-workspace-editor input:not([type="checkbox"]),.board-workspace-editor select,.board-workspace-editor textarea { width:100%; min-width:0; }
.board-workspace-editor .dialog-actions { position:sticky; z-index:4; bottom:0; margin:var(--zg-space-2) calc(-1 * var(--zg-card-padding)) calc(-1 * var(--zg-card-padding)); padding:var(--zg-space-4) var(--zg-card-padding); border-top:1px solid var(--zg-border-soft); background:var(--zg-surface-card); }
.board-editor-context { display:grid; gap:var(--zg-space-4); min-width:0; }
.board-editor-context > section { padding:var(--zg-card-padding); }
.board-editor-context h3 { margin:0; color:var(--zg-text-primary); font-size:var(--zg-font-h3); }
.board-version-history > header { display:flex; align-items:center; justify-content:space-between; gap:var(--zg-space-2); margin-bottom:var(--zg-space-4); }
.board-version-history > header .button { min-height:var(--zg-button-height-compact); padding-inline:var(--zg-space-3); font-size:var(--zg-font-caption); }
.board-version-timeline { display:grid; }
.board-version-item { position:relative; display:grid; gap:var(--zg-space-1); padding:0 0 var(--zg-space-5) var(--zg-space-6); border:0; background:transparent; color:var(--zg-text-secondary); cursor:pointer; font:inherit; text-align:left; }
.board-version-item::before { position:absolute; top:var(--zg-space-2); bottom:0; left:7px; width:1px; background:var(--zg-border-default); content:""; }
.board-version-item:last-child::before { display:none; }
.board-version-item > span { position:absolute; top:4px; left:0; width:15px; height:15px; border:2px solid var(--zg-border-default); border-radius:var(--zg-radius-full); background:var(--zg-surface-card); }
.board-version-item.is-active > span { border-color:var(--zg-accent-primary); box-shadow:inset 0 0 0 3px var(--zg-surface-card); background:var(--zg-accent-primary); }
.board-version-item strong { color:var(--zg-text-primary); font-size:var(--zg-font-body-sm); }
.board-version-item small,.board-version-item p,.board-version-state,.board-context-card p { margin:0; color:var(--zg-text-muted); font-size:var(--zg-font-caption); line-height:1.5; }
.board-version-item p { white-space:normal; }
.board-people { display:flex; flex-wrap:wrap; gap:var(--zg-space-2); margin:var(--zg-space-4) 0; }
.board-people > span { display:grid; width:2.25rem; height:2.25rem; place-items:center; border:2px solid var(--zg-surface-card); border-radius:var(--zg-radius-full); background:var(--zg-accent-secondary); color:var(--zg-accent-primary); font-size:var(--zg-font-caption); font-weight:700; box-shadow:var(--zg-shadow-soft); }
.board-context-card dl { display:grid; gap:var(--zg-space-3); margin:var(--zg-space-4) 0 0; }
.board-context-card dl > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); gap:var(--zg-space-2); }
.board-context-card dt { color:var(--zg-text-muted); font-size:var(--zg-font-caption); }
.board-context-card dd { margin:0; color:var(--zg-text-secondary); font-size:var(--zg-font-caption); overflow-wrap:anywhere; }
@media (max-width: 1250px) {
  .board-editor-workspace { grid-template-columns:minmax(13rem,15rem) minmax(31rem,1fr); }
  .board-editor-context { grid-column:2; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .board-version-history { grid-row:span 2; }
}
@media (max-width: 900px) {
  .board-editor-workspace { grid-template-columns:3.75rem minmax(0,1fr); }
  .board-editor-rail-item { min-height:3.25rem; padding:var(--zg-space-2); }
  .board-editor-rail-item strong,.board-editor-rail-item span,.board-editor-rail-item small,.board-editor-rail > header strong { display:none; }
  .board-editor-context { grid-column:1 / -1; }
}
@media (max-width: 640px) {
  .board-row { flex-direction: column; align-items: stretch; gap: var(--zg-space-2); }
  .board-row .item-meta { justify-content: flex-start; }
  .board-editor-workspace { display:block; }
  .board-editor-rail { position:static; max-height:none; margin-bottom:var(--zg-space-3); }
  .board-editor-rail > div { display:none; }
  .board-editor-main { border-radius:var(--zg-radius-md); }
  .board-editor-context { grid-template-columns:1fr; margin-top:var(--zg-space-3); }
  .board-workspace-editor { padding:var(--zg-space-4); }
  .board-workspace-editor .dialog-actions { margin-inline:calc(-1 * var(--zg-space-4)); margin-bottom:calc(-1 * var(--zg-space-4)); }
}