/* The demo uses the same lifecycle section/card/form hierarchy as the app. */
.hr-demo .parity-lifecycle{min-width:0;display:grid;gap:18px}
.hr-demo .parity-lifecycle .workflow-section,.hr-demo .parity-lifecycle-list{min-width:0;display:grid;gap:18px}
.hr-demo .parity-lifecycle .workflow-section>h3{margin:0}
.hr-demo .parity-lifecycle .workflow-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}
.hr-demo .parity-lifecycle .workflow-card>summary{cursor:pointer;font-weight:600;overflow-wrap:anywhere}
.hr-demo .parity-lifecycle .workflow-card>summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.hr-demo .parity-lifecycle .workflow-card h4{margin-top:0;font-size:17px}
.hr-demo .parity-lifecycle .workflow-form{min-width:0;width:100%;max-width:640px;margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}
.hr-demo .parity-lifecycle details>.workflow-form{border:0;padding:0;margin-bottom:0}
.hr-demo .parity-lifecycle .workflow-form>.demo-field,.hr-demo .parity-lifecycle .directory-picker{margin:0 0 16px}
.hr-demo .parity-lifecycle .directory-picker .demo-field{margin-bottom:12px}
.hr-demo .parity-lifecycle .field-note{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0}
.hr-demo .parity-lifecycle .settings-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;padding:20px;background:var(--chrome);border-radius:8px;margin:20px 0;overflow-wrap:anywhere}
.hr-demo .parity-lifecycle .settings-facts>div{min-width:0}
.hr-demo .parity-lifecycle .settings-facts dt{margin:0 0 5px;font-size:12px;color:var(--muted)}
.hr-demo .parity-lifecycle .settings-facts dd{margin:0;line-height:1.45;font-size:14px}
.hr-demo .parity-lifecycle .workflow-check{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;font-weight:400;overflow-wrap:anywhere}
.hr-demo .parity-lifecycle .workflow-check input[type=checkbox]{flex:none;width:18px;height:18px;min-height:18px;padding:0;margin:3px 0 0;accent-color:var(--ink)}
.hr-demo .parity-lifecycle .workflow-check span{min-width:0;font-size:14px}
.hr-demo .parity-lifecycle .settings-actions{display:flex;flex-wrap:wrap;gap:8px}
.hr-demo .parity-lifecycle .workflow-form>.button{margin:0 8px 8px 0}
.hr-demo .parity-lifecycle input:disabled,.hr-demo .parity-lifecycle select:disabled{background:var(--chrome);color:var(--muted);opacity:1}
.hr-demo .parity-lifecycle .portal-owned-onboarding,.hr-demo .parity-lifecycle .portal-owned-offboarding,.hr-demo .parity-lifecycle .portal-owned-equipment{min-width:0}
@media(max-width:640px){
 .hr-demo .parity-lifecycle .workflow-card,.hr-demo .parity-lifecycle .workflow-form{padding:16px}
 .hr-demo .parity-lifecycle .settings-facts{grid-template-columns:1fr;gap:16px;padding:16px}
 .hr-demo .parity-lifecycle details>.workflow-form{padding:0}
}