.oc-hero{display:flex;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3.2rem);background:linear-gradient(125deg,var(--surface-2,var(--panel)),var(--panel));border:1px solid var(--line);border-radius:24px;margin-bottom:1.5rem}.oc-hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.08;margin:.7rem 0 1rem;letter-spacing:-.04em}.oc-hero p{max-width:660px;line-height:1.7}.oc-hero-action{display:flex;flex-direction:column;justify-content:center;gap:1rem;max-width:280px}.oc-hero small,.oc-side small{color:var(--muted);line-height:1.6}.oc-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:1.25rem;align-items:start}.oc-side{display:grid;gap:1.25rem}.oc-case{padding:1.35rem 0;border-bottom:1px solid var(--line)}.oc-case h3{overflow-wrap:anywhere;line-height:1.5}.oc-severity{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--muted)}.oc-case[data-severity=critical] .oc-severity{color:var(--danger,#c83450)}.oc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.oc-actions form{margin:0}.oc-handoff{margin-top:1rem}.oc-handoff summary{cursor:pointer;font-weight:650}.oc-handoff form{margin-top:1rem}.oc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.oc-checklist{padding:0;list-style:none;counter-reset:step}.oc-checklist li{border-bottom:1px solid var(--line);padding:1rem 0}.oc-checklist li p{font-size:.88rem;color:var(--muted);line-height:1.6;margin:.4rem 0}.oc-checklist li[data-done="1"] strong{color:var(--success,#23805c)}.oc-note{padding:.8rem 1rem;border-left:3px solid var(--accent);background:var(--surface-2,var(--panel));white-space:pre-wrap;overflow-wrap:anywhere}.oc-app progress{width:100%;height:10px;accent-color:var(--accent)}.oc-app .sh-card{min-width:0}.oc-app label{min-width:0}.oc-app input,.oc-app select,.oc-app textarea{max-width:100%}.oc-recover{padding:.6rem 0;border-top:1px solid var(--line)}.oc-app>.sh-card{margin-top:1.25rem}@media(max-width:1000px){.oc-layout{grid-template-columns:1fr}.oc-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.oc-hero{flex-direction:column}.oc-hero-action{max-width:none}.oc-side,.oc-form-grid{grid-template-columns:1fr}.oc-hero-action .button{width:100%}.oc-case{padding:1rem 0}.oc-actions .button{white-space:normal}.oc-app .sh-section-head{align-items:flex-start}}