/* Proposed reusable detail composition. No new visual primitives. */
.ld-preview-tools { max-width: 393px; margin: 24px auto; padding: 0 16px; font: 13px/1.5 system-ui,sans-serif; color: #555; }
.ld-preview-tools a { color: inherit; }
.ld-preview-tools select { font: inherit; min-height: 44px; margin-left: 8px; }
.ld-managed-detail { background: var(--ld-neutral-25); }
.ld-managed-header { position: absolute; z-index: 2; inset: 0 0 auto; padding-bottom: var(--ld-space-lg); background: var(--ld-surface); border-bottom: var(--ld-divider-width) solid var(--ld-border); }
.ld-managed-header .ld-detail-toolbar > div { min-width: 0; overflow-wrap: anywhere; }
.ld-managed-content { display: grid; gap: var(--ld-screen-section-gap); padding: calc(var(--ld-top-occlusion) + var(--ld-space-xl)) var(--ld-screen-gutter) var(--ld-scroll-end); overflow-wrap: anywhere; }
.ld-detail-intro { display: grid; justify-items: start; gap: var(--ld-space-md); }
.ld-detail-intro h2 { font-size: var(--ld-type-heading); line-height: 1.15; }
.ld-status-badge { display: inline-flex; padding: var(--ld-space-sm) var(--ld-space-md); border-radius: var(--ld-radius-card); font-size: var(--ld-type-small); background: var(--ld-neutral-50); }
.ld-status-badge[data-state="active"] { color: var(--ld-gain); background: var(--ld-lime-100); }
.ld-detail-description { font-size: var(--ld-type-small); line-height: 1.5; color: var(--ld-muted); }
.ld-information-rows { margin: 0; }
.ld-information-rows > div { display: flex; justify-content: space-between; gap: var(--ld-space-md); padding-block: var(--ld-space-md); border-bottom: var(--ld-divider-width) solid var(--ld-border); }
.ld-information-rows > div:first-child { padding-top: 0; }
.ld-information-rows > div:last-child { padding-bottom: 0; border-bottom: 0; }
.ld-information-rows dt { color: var(--ld-muted); flex: 1; }
.ld-information-rows dd { margin: 0; text-align: right; flex: 1; }
.ld-activity-list { margin: 0; padding: 0; list-style: none; }
.ld-activity-list li { display: flex; align-items: start; gap: var(--ld-space-md); padding-block: var(--ld-space-md); border-bottom: var(--ld-divider-width) solid var(--ld-border); }
.ld-activity-list li:first-child { padding-top: 0; }
.ld-activity-list li:last-child { padding-bottom: 0; border-bottom: 0; }
.ld-activity-list li > div { flex: 1; min-width: 0; }
.ld-activity-list small { display: block; margin-top: var(--ld-space-xs); color: var(--ld-muted); font-size: var(--ld-type-caption); line-height: 1.4; }
.ld-activity-list time { flex-shrink: 0; font-size: var(--ld-type-caption); color: var(--ld-muted); line-height: 1.5; }
.ld-managed-footer { position: absolute; z-index: 2; inset: auto 0 0; padding: var(--ld-space-md) var(--ld-screen-gutter) calc(var(--ld-bottom-control-inset) + var(--ld-safe-bottom)); background: var(--ld-surface); border-top: var(--ld-divider-width) solid var(--ld-border); }
.lucid .ld-detail-primary { width: 100%; min-height: 48px; padding: var(--ld-space-md); border-radius: var(--ld-radius-card); background: var(--ld-text); color: var(--ld-surface); text-align: center; }
.ld-managed-footer p { margin-top: var(--ld-space-sm); font-size: var(--ld-type-caption); text-align: center; color: var(--ld-muted); line-height: 1.4; }
.ld-activity-region:focus-visible { outline: 2px solid var(--ld-text); outline-offset: var(--ld-space-xs); border-radius: var(--ld-radius-tile); }
.ld-managed-content .ld-feedback { padding: 0; }