.worker-observations{padding:var(--yt-s6);margin-block:var(--yt-s5);border:1px solid var(--yt-border);border-radius:var(--yt-r3);background:var(--yt-surface);min-width:0;overflow-wrap:anywhere}
.worker-observations>h2{margin:0 0 var(--yt-s3);font-size:1.4rem;letter-spacing:-.025em}
.worker-observations>p{max-width:70ch;color:var(--yt-text-2);margin:var(--yt-s2) 0 var(--yt-s4)}
.worker-observation-list{display:grid;gap:var(--yt-s4);margin-top:var(--yt-s5)}
.worker-observation-list>article.panel{padding:var(--yt-s5);margin:0;background:var(--yt-surface-2);border:1px solid var(--yt-border);border-radius:var(--yt-r2);min-width:0}
.worker-observation-list header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--yt-s3);margin-bottom:var(--yt-s3)}
.worker-observation-list header strong{font-size:1.05rem;line-height:1.4}
.worker-observation-list .badge{white-space:normal;font-size:.8rem;padding:var(--yt-s1) var(--yt-s3);border-radius:var(--yt-pill);background:var(--yt-surface-3);color:var(--yt-text-2)}
.worker-observation-list p{margin:var(--yt-s2) 0;color:var(--yt-text-2);max-width:85ch}
.worker-observation-list small{display:block;margin-top:var(--yt-s3);font-size:.8rem;color:var(--yt-muted)}
.worker-observation-list .actions{display:flex;flex-wrap:wrap;gap:var(--yt-s2);padding-top:var(--yt-s4);margin-top:var(--yt-s3);border-top:1px solid var(--yt-border)}
.worker-observations button{min-height:var(--yt-control);max-width:100%;white-space:normal;text-align:center}
.worker-observations [data-observation-form]:not(:empty){margin-block:var(--yt-s5);padding:var(--yt-s5);background:var(--yt-surface-2);border:1px solid var(--yt-border-strong);border-radius:var(--yt-r2)}
.worker-observations form{display:grid;gap:var(--yt-s4);max-width:820px}
.worker-observations form label{display:grid;gap:var(--yt-s2);font-weight:600;min-width:0}
.worker-observations form label:has(input[type=checkbox]){display:flex;align-items:flex-start;font-weight:400;line-height:1.5}
.worker-observations input,.worker-observations select,.worker-observations textarea{max-width:100%;min-width:0}
.worker-observations textarea{min-height:120px;resize:vertical;line-height:1.5}
.worker-observations details{border:1px solid var(--yt-border);border-radius:var(--yt-r2);padding:var(--yt-s4)}
.worker-observations details summary{min-height:var(--yt-control);display:flex;align-items:center;cursor:pointer;font-weight:600}
.worker-observations details[open]>label,.worker-observations [data-observed-material]>label{margin-top:var(--yt-s4)}
.worker-observations [role=alert]:empty{display:none}
.worker-observations [role=alert]{color:var(--yt-danger)}
@media(max-width:600px){.worker-observations{padding:var(--yt-s4);margin-block:var(--yt-s3)}.worker-observation-list>article.panel,.worker-observations [data-observation-form]:not(:empty){padding:var(--yt-s4)}.worker-observation-list .actions button{flex:1 1 160px}}
