.defect-selector { display:grid; gap:9px; padding:20px 16px; border-bottom:1px solid var(--line); }
.defect-selector label { color:var(--navy); font-size:14px; font-weight:550; }
.defect-selector select { width:100%; min-width:0; min-height:44px; padding:10px 32px 10px 12px; border:1px solid #b8ccde; border-radius:6px; background:white; color:var(--ink); font:400 14px var(--font-body); text-overflow:ellipsis; }
.defect-selector select:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.defect-case { padding:20px 16px; background:#fbfcfe; }
.defect-failure { position:relative; padding:16px; border:1px solid #ead2cf; border-left:3px solid #aa4c43; border-radius:8px; background:white; }
.defect-failure-top { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.defect-failure-tag { display:inline-flex; align-items:center; gap:7px; font-size:12px; color:#913f38; font-weight:550; }
.defect-failure-tag>span { width:6px; height:6px; border-radius:50%; background:#aa4c43; }
.defect-failure h4 { margin:11px 0 8px; color:var(--navy); font-size:20px; line-height:1.35; font-weight:600; letter-spacing:-.02em; }
.defect-failure p,.defect-investigation p,.defect-verification p { margin:0; color:var(--muted); font-size:14px; line-height:1.65; }
.defect-source { display:block; margin-top:12px; font-size:12px; color:var(--blue); }
.defect-context { position:relative; padding-top:32px; }
.defect-context::before { content:''; position:absolute; height:24px; left:50%; top:0; border-left:1px solid #a8bfd4; }
.defect-context-label { display:table; position:relative; z-index:1; margin:0 auto; padding:0 8px; background:#fbfcfe; color:var(--muted); font-size:12px; }
.defect-context-records { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:19px; }
.defect-context-records::before { content:''; position:absolute; left:16.66%; right:16.66%; top:-12px; border-top:1px solid #a8bfd4; }
.defect-context-record { position:relative; min-width:0; padding:12px 10px; border:1px solid #cbdceb; border-radius:7px; background:white; }
.defect-context-record::before { content:''; position:absolute; left:50%; height:12px; top:-13px; border-left:1px solid #a8bfd4; }
.defect-context-record>span { color:var(--muted); font-size:12px; }
.defect-context-record strong { display:block; margin:7px 0 4px; color:var(--blue); font-size:14px; font-weight:600; }
.defect-context-record p { margin:0; color:var(--ink); font-size:14px; line-height:1.45; }
.defect-investigation { margin-top:20px; padding:16px; border:1px solid #cbdceb; border-radius:8px; background:#edf5fc; }
.defect-investigation-heading { display:flex; align-items:center; gap:8px; margin-bottom:9px; color:var(--blue); }
.defect-investigation-heading svg { width:18px; height:18px; flex-shrink:0; }
.defect-investigation-heading strong,.defect-verification>strong { font-size:14px; font-weight:600; }
.defect-owner { display:flex; flex-wrap:wrap; gap:5px 14px; margin-top:14px; padding-top:12px; border-top:1px solid #d2e1ef; font-size:12px; }
.defect-owner>span { color:var(--muted); }
.defect-owner strong { color:var(--navy); font-weight:550; }
.defect-verification { padding:18px 1px 0; }
.defect-verification>strong { display:block; margin-bottom:7px; color:var(--navy); }
.defect-lifecycle { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; margin:0; padding:16px; border-top:1px solid var(--line); list-style:none; }
.defect-lifecycle li { display:grid; gap:7px; padding-top:10px; border-top:2px solid #d9e3ec; color:var(--muted); font-size:12px; line-height:1.4; }
.defect-lifecycle li>span { font-size:12px; }
.defect-lifecycle .is-complete { border-color:#88a8c7; color:var(--blue); }
.defect-lifecycle .is-current { border-color:var(--blue); color:var(--blue); font-weight:650; }
.defect-case.is-updated .defect-context-record { animation:defect-record-appear .4s ease-out both; }
.defect-case.is-updated .defect-context-record:nth-child(2) { animation-delay:.07s; }
.defect-case.is-updated .defect-context-record:nth-child(3) { animation-delay:.14s; }
@keyframes defect-record-appear { from { opacity:.5; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@container engineering-preview (max-width:380px) {
 .defect-context-records { gap:6px; }
 .defect-context-record { padding:10px 7px; }
 .defect-context-record p { font-size:13px; overflow-wrap:anywhere; }
 .defect-failure h4 { font-size:19px; }
}
@media(prefers-reduced-motion:reduce) { .defect-case.is-updated .defect-context-record { animation:none; } }