/* Shared detail hierarchy for To-dos, Issues and Rocks. Native details owns
   the Activity disclosure; linked work and attachments remain in plain view. */
@media screen {
  .work-detail { display: grid; gap: 20px; min-width: 0; }
  .work-detail-summary { display: grid; gap: 10px; min-width: 0; }
  .work-detail-kicker-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
  .work-detail-kicker-row .detail-kicker { margin: 0; color: var(--rh-secondary); font-size: 12px; }
  .work-detail-status { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
  .work-detail-summary > :is(h2, h3) { margin: 0; font-size: 22px; line-height: 1.3; overflow-wrap: anywhere; }
  .work-detail-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 16px; color: var(--rh-secondary); font-size: 13px; line-height: 1.5; }
  .work-detail-meta-item { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
  .work-detail-meta-label { font-size: 12px; color: var(--rh-secondary); }
  .work-detail-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 2px; }
  .work-detail-actions :is(button, a) { min-height: 44px; white-space: normal; }
  .work-detail-actions > .work-actions.separated { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; }
  .work-detail-main { min-width: 0; line-height: 1.6; overflow-wrap: anywhere; }
  .work-detail > :is(.work-detail-controls, .work-detail-milestones, .work-detail-links, .work-detail-resources, .work-detail-comments) {
    margin: 0;
    padding-top: 16px;
    border-top: 1px solid var(--rh-border);
    min-width: 0;
  }
  .work-detail :is(.work-detail-main, .work-detail-controls, .work-detail-milestones, .work-detail-links, .work-detail-resources, .work-detail-comments) > :is(h3, h4) {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.4;
    color: var(--rh-text);
  }
  .work-detail-controls { display: grid; gap: 12px; }
  .work-detail :is(.work-detail-controls, .work-detail-milestones, .work-detail-comments) > .separated { margin: 0; padding: 0; border: 0; }
  .work-detail-controls .field { margin-bottom: 0; }
  .work-detail-task-status { max-width: 280px; }
  .work-detail :is(.work-detail-links, .work-detail-resources) a { overflow-wrap: anywhere; }
  .work-detail-activity {
    border: 1px solid var(--rh-border);
    border-radius: 9px;
    background: var(--rh-page);
    color: var(--rh-text);
    min-width: 0;
  }
  .work-detail-activity > summary {
    min-height: 44px;
    padding: 12px 14px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
  }
  .work-detail-activity > summary::marker { color: var(--rh-secondary); }
  .work-detail-activity[open] > summary { border-bottom: 1px solid var(--rh-border); }
  .work-detail-activity-body { padding: 14px; min-width: 0; overflow-wrap: anywhere; }
  .work-detail-activity-body > :first-child { margin-top: 0; }
  .work-detail-activity-body > :last-child { margin-bottom: 0; }
  .work-detail-activity-body .source-comment { border-color: var(--rh-border); }
  .work-detail-activity-body .source-comment small { color: var(--rh-secondary); }
}
@media screen and (max-width: 600px) {
  .work-detail { gap: 16px; }
  .work-detail-actions > :is(button, a) { flex: 1 1 auto; }
  .work-detail-summary > :is(h2, h3) { font-size: 20px; }
}