/* Shared department marks and a compact, single-row ticket heading. */
#seafix-demo [data-screen="detail"] > .sf-screen-title {
  display: flex; flex-wrap: nowrap; align-items: baseline; gap: 10px;
}
#seafix-demo [data-screen="detail"] > .sf-screen-title > .sf-detail-heading {
  display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: baseline;
  min-width: 0; gap: 2px 8px;
}
#seafix-demo [data-screen="detail"] .sf-detail-number {
  margin: 0; color: var(--sf-muted); font-size: 1rem; font-weight: 500;
  line-height: 1.3; white-space: nowrap; font-variant-numeric: tabular-nums;
}
#seafix-demo #sf-detail-status {
  flex: 0 0 auto; align-self: center; margin: 0 0 0 auto; white-space: nowrap;
}
#seafix-demo .sf-department-icon {
  display: inline-block; width: 1em; height: 1em; flex: 0 0 1em;
  color: currentColor; vertical-align: -.125em;
}
#seafix-demo .sf-story-author {
  display: inline-flex; align-items: baseline; gap: .4em; min-width: 0;
}
#seafix-demo .sf-story-author > .sf-department-icon {
  width: 1em; height: 1em; align-self: center; color: var(--sf-muted);
}
#seafix-demo .sf-story-author > span { min-width: 0; overflow-wrap: anywhere; }
#seafix-demo .sf-crew-group-head > span > .sf-department-icon { width: 20px; height: 20px; }
@media (max-width: 759px) {
  #seafix-demo [data-screen="detail"] > .sf-screen-title { gap: 8px; margin-bottom: 8px; }
  #seafix-demo [data-screen="detail"] .sf-screen-title h2 {
    font-size: clamp(.875rem, 3.7vw, 1.125rem); line-height: 1.35;
  }
  #seafix-demo [data-screen="detail"] .sf-detail-number { font-size: .8125rem; }
  #seafix-demo [data-screen="detail"] > .sf-screen-title > .sf-detail-heading { column-gap: 6px; }
}