/* Page-local recommendation version and advice review compositions. */
.staff-ui .staff-snapshot-workspace { display:grid; gap:24px; min-width:0; }
.staff-ui .staff-snapshot-workspace > * { min-width:0; }
.staff-ui .staff-snapshot-workspace .staff-table td { white-space:nowrap; }
.staff-ui .staff-snapshot-workspace .staff-table td:first-child a { display:block; overflow:hidden; text-overflow:ellipsis; }
.staff-ui .staff-snapshot-current { display:flex; align-items:center; gap:20px; padding:4px 0; }
.staff-ui .staff-snapshot-current h2 { margin:6px 0; overflow-wrap:anywhere; }
.staff-ui .staff-snapshot-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.staff-ui .staff-snapshot-section-heading .staff-copy { margin:0; }
.staff-ui .staff-snapshot-import { display:grid; gap:16px; max-width:620px; }
.staff-ui .staff-snapshot-empty { padding:28px 0; }
.staff-ui .staff-snapshot-empty p { margin-top:8px; }
.staff-ui .staff-snapshot-detail { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,360px); gap:32px; align-items:start; }
.staff-ui .staff-snapshot-content, .staff-ui .staff-snapshot-action { min-width:0; }
.staff-ui .staff-snapshot-facts { display:grid; gap:14px; margin:20px 0; font-size:13px; }
.staff-ui .staff-snapshot-facts > div { display:grid; grid-template-columns:minmax(120px,1fr) minmax(0,1.2fr); gap:16px; }
.staff-ui .staff-snapshot-facts dt { color:var(--sl-muted); }
.staff-ui .staff-snapshot-facts dd { margin:0; overflow-wrap:anywhere; }
.staff-ui .staff-snapshot-digest { font-size:12px; }
.staff-ui .staff-snapshot-action > .staff-copy { margin:12px 0 18px; }
.staff-ui .staff-snapshot-action-form { display:grid; gap:18px; }
.staff-ui .staff-snapshot-action-form > button { justify-self:start; }
.staff-ui .staff-snapshot-action .staff-form-errors { margin-bottom:20px; }
.staff-ui .staff-snapshot-detail .staff-form-errors ul, .staff-ui .staff-advice-workspace .staff-form-errors ul { padding-left:18px; margin-top:8px; }
.staff-ui .staff-advice-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,350px); gap:32px; align-items:start; }
.staff-ui .staff-advice-content { min-width:0; display:grid; gap:28px; }
.staff-ui .staff-advice-review { min-width:0; }
.staff-ui .staff-advice-books { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); gap:16px; align-items:start; padding:20px; margin-bottom:28px; border-radius:8px; background:#f7f7f8; }
.staff-ui .staff-advice-book { display:flex; min-width:0; align-items:center; gap:12px; }
.staff-ui .staff-advice-book > div:last-child { min-width:0; }
.staff-ui .staff-advice-book h2, .staff-ui .staff-advice-reciprocal h2 { font-size:14px; font-weight:500; line-height:1.45; overflow-wrap:anywhere; margin:6px 0 0; }
.staff-ui .staff-advice-cover { width:64px; height:96px; flex:none; display:grid; place-items:center; overflow:hidden; background:var(--sl-faint); border-radius:4px; color:var(--sl-muted); }
.staff-ui .staff-advice-cover img { width:100%; height:100%; object-fit:cover; }
.staff-ui .staff-advice-direction { display:grid; place-items:center; height:96px; color:var(--sl-muted); }
.staff-ui .staff-advice-text-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; }
.staff-ui .staff-advice-text-heading h2 { grid-column:1; }
.staff-ui .staff-advice-author { grid-column:1; display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; font-size:13px; color:var(--sl-muted); margin:0; }
.staff-ui .staff-advice-author > span:first-child { color:var(--sl-ink); font-weight:500; overflow-wrap:anywhere; }
.staff-ui .staff-advice-version { margin:0; color:var(--sl-muted); font-size:12px; line-height:1.5; }
.staff-ui .staff-advice-text-heading > .staff-advice-version { grid-column:2; grid-row:1; align-self:center; }
.staff-ui .staff-advice-comment { white-space:pre-wrap; overflow-wrap:anywhere; font-size:17px; line-height:1.65; margin:22px 0; max-width:70ch; }
.staff-ui .staff-advice-comment--previous { font-size:14px; margin:12px 0 0; }
.staff-ui .staff-advice-publication { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin:0; font-size:12px; }
.staff-ui .staff-advice-publication dt { color:var(--sl-muted); }
.staff-ui .staff-advice-publication dd { margin:0; }
.staff-ui .staff-advice-history { margin-top:24px; }
.staff-ui .staff-advice-change { margin-top:18px; padding:12px 14px; border-radius:8px; background:#f7f7f8; color:var(--sl-ink); font-size:13px; }
.staff-ui .staff-advice-decision { min-width:0; padding:20px; }
.staff-ui .staff-advice-decision-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; justify-items:start; align-items:baseline; gap:6px 12px; }
.staff-ui .staff-advice-decision-heading > .sl-status { grid-column:1/-1; margin-top:6px; white-space:normal; }
.staff-ui .staff-advice-decision > .staff-copy { margin:16px 0 20px; }
.staff-ui .staff-advice-form { display:grid; gap:18px; margin-top:24px; }
.staff-ui .staff-advice-form .sl-field { margin:0; }
.staff-ui .staff-advice-submit { display:grid; gap:12px; margin-top:4px; }
.staff-ui .staff-advice-submit > .staff-copy { margin:0; font-size:12px; }
.staff-ui .staff-advice-submit > button { width:100%; justify-content:center; white-space:normal; }
.staff-ui .staff-advice-decision .staff-snapshot-facts > div { grid-template-columns:minmax(0,1fr); gap:4px; }
.staff-ui .staff-advice-reciprocal { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.staff-ui .staff-advice-reciprocal > div { min-width:0; }
.staff-ui .staff-advice-reciprocal > a { flex:none; }
.staff-ui .staff-advice-reciprocal .staff-copy { margin-top:6px; }
.staff-ui .staff-advice-rejected-input { margin-top:24px; }
@media (max-width:1100px) {
  .staff-ui .staff-advice-workspace, .staff-ui .staff-snapshot-detail { grid-template-columns:minmax(0,1fr); gap:24px; }
  .staff-ui .staff-advice-decision { max-width:none; }
  .staff-ui .staff-snapshot-action { max-width:680px; }
}
@media (min-width:600px) and (max-width:1100px) {
  .staff-ui .staff-advice-form { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:20px; }
  .staff-ui .staff-advice-form > .sl-field:has(textarea), .staff-ui .staff-advice-submit { grid-column:1/-1; }
  .staff-ui .staff-advice-submit { grid-template-columns:minmax(0,1fr) auto; align-items:center; }
  .staff-ui .staff-advice-submit > button { width:auto; }
}
@media (max-width:599px) {
  .staff-ui .staff-advice-books { padding:16px; gap:12px; margin-bottom:24px; }
  .staff-ui .staff-advice-book { align-items:start; flex-direction:column; gap:10px; }
  .staff-ui .staff-advice-text-heading { grid-template-columns:minmax(0,1fr); gap:6px; }
  .staff-ui .staff-advice-text-heading > .staff-advice-version { grid-column:1; grid-row:auto; }
  .staff-ui .staff-advice-comment { font-size:16px; margin:18px 0; }
  .staff-ui .staff-advice-reciprocal { align-items:start; flex-direction:column; gap:12px; }
  .staff-ui .staff-snapshot-section-heading { flex-wrap:wrap; }
  .staff-ui .staff-snapshot-facts > div { grid-template-columns:minmax(0,1fr); gap:3px; }
  .staff-ui .staff-advice-decision { padding:16px; }
}

.staff-ui .staff-snapshot-file-label { font-size:12px; font-weight:500; margin-bottom:7px; }
.staff-ui .staff-snapshot-file-row { display:flex; align-items:center; gap:12px; min-width:0; }
.staff-ui .staff-snapshot-file .staff-snapshot-file-picker { position:relative; display:inline-flex; flex:none; margin:0; font-size:13px; }
.staff-ui .staff-snapshot-file-picker input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.staff-ui .staff-snapshot-file-picker:focus-within { outline:2px solid var(--sl-focus); outline-offset:3px; }
.staff-ui .staff-snapshot-file-picker:has([aria-invalid=true]) { border-color:var(--sl-focus); }
.staff-ui .staff-snapshot-file-name { min-width:0; overflow-wrap:anywhere; }