.step-photo{display:block;width:100%;height:auto}
.reference-table{margin:24px 0;width:100%}
.reference-table table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.6}
.reference-table caption{text-align:left;font-size:13px;font-weight:600;margin-bottom:12px;color:#315d4d}
.reference-table th,.reference-table td{padding:11px 10px;border-bottom:1px solid #dce5df;vertical-align:top;overflow-wrap:anywhere}
.reference-table thead th{background:#edf3ef;font-size:11px;font-weight:650;color:#5b7566}
.reference-table th:first-child{width:15%;color:#1b6d56}
.reference-table th:nth-child(2){width:32%}
.reference-table tbody th{font-weight:650}
dialog[open]{display:flex;flex-direction:column}
.viewer-toolbar{height:auto;min-height:64px;flex-shrink:0}
.viewer-toolbar strong{min-width:0;flex:1;overflow-wrap:anywhere;line-height:1.5;font-size:12px}
.viewer-toolbar div{flex-shrink:0}
.image-scroll{height:auto;flex:1;min-height:0}
@media(max-width:600px){.reference-table th,.reference-table td{padding:9px 6px;font-size:11px}.reference-table th:first-child{width:15%}.reference-table th:nth-child(2){width:32%}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.context-strip{display:grid;grid-template-columns:128px 104px minmax(0,1fr);align-items:center;gap:16px;border-bottom:1px solid #dfe7e2;padding:0 0 20px;margin-bottom:18px}
.context-strip>#model-name{font-size:12px;color:#637c6d;white-space:nowrap}
.context-strip>#case-id{font-size:14px;white-space:nowrap}
.fault-select{margin:0;min-width:0}
.fault-select select{display:block;width:100%;height:40px;border:1px solid #cbdacf;border-radius:5px;color:#235f49;background:#fff;padding:0 25px 0 10px;font:inherit;font-size:13px;min-width:0;text-overflow:ellipsis}
.feedback-section{border-top:1px solid #dce6de;margin-top:32px;padding-top:25px}
.feedback-section h2{font-size:19px;line-height:1.5;margin:0 0 20px}
.feedback-section textarea{width:100%;resize:vertical;min-height:112px;border:1px solid #cbdacf;border-radius:5px;background:white;color:#263b35;font:inherit;font-size:14px;line-height:1.7;padding:12px}
.feedback-section textarea:focus{outline:2px solid #6fae94;outline-offset:2px}
.attachment-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:15px}
.attach-button{border:1px solid #cbdacf;border-radius:4px;padding:8px 13px;cursor:pointer;background:white;font-size:12px;margin:0}
.attachment-row input:focus-visible+.subtle{outline:2px solid #6fae94}
.photo-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.photo-previews figure{margin:0;min-width:0}
.photo-previews img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;display:block}
.photo-previews button{width:100%;border:0;background:none;color:#8e5547;font-size:11px;min-height:36px}
.feedback-section #submit-finding{max-width:230px;margin-top:0}
#feedback-status{font-size:12px;line-height:1.7;overflow-wrap:anywhere;min-height:20px}
.feedback-success{color:#24735b}
.case-actions{display:flex;justify-content:flex-end;padding-top:16px}
@media(max-width:600px){.context-strip{grid-template-columns:90px 70px minmax(0,1fr);gap:8px;padding-bottom:16px}.context-strip>#model-name{font-size:10px}.context-strip>#case-id{font-size:11px}.fault-select select{font-size:11px;padding-left:6px;height:38px}.photo-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-section #submit-finding{max-width:none}}
