.message-pending{background:#ffd77a;color:#553500;border-bottom:2px solid #986000;border-radius:2px}
.message-text:focus-visible{outline:2px solid #986000;outline-offset:3px}
.message-annotations{font-size:12px;margin-top:6px;color:#475569}
.message-annotations ul{list-style:none;margin:6px 0;padding:0}
.message-annotations button,#annotation-selection button{font:inherit;cursor:pointer;border:1px solid #c5cbd3;background:white;color:#334155;border-radius:6px;padding:5px 9px}
.message-annotations button:focus-visible,#annotation-selection button:focus-visible{outline:3px solid #986000;outline-offset:2px}
.message-annotations .annotation-select{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:3px;font-size:11px}
.annotation-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #d5a543;border-radius:8px;margin-top:5px;background:#fff3cd;color:#63420b}
.annotation-item.resolved{background:#f1f5f9;border-color:#cbd5e1;color:#475569}
.annotation-item strong{display:block;font-size:11px}
.annotation-item q{display:block;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:3px}
.annotation-actions{display:flex;gap:5px;flex-shrink:0}
.message-annotations summary{cursor:pointer;padding:5px 0;font-size:11px}
#annotation-selection{flex-shrink:0;padding:12px 18px;background:#fff7df;border-top:1px solid #d5a543;color:#63420b;max-height:45vh;overflow:auto}
#annotation-selection p{margin:4px 0 7px;font-size:12px}
#annotation-selection label{display:block;font-size:12px;margin:7px 0}
#annotation-selection textarea{display:block;width:100%;padding:8px;border:1px solid #a87922;border-radius:6px;background:white;color:#1f2937;resize:vertical;font:inherit}
#annotation-selection .annotation-preview{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:80px;overflow:auto;margin:7px 0}
#annotation-selection #annotation-save{background:#785000;color:white;border-color:#785000;margin-right:8px}
#annotation-selection button:disabled{opacity:.55;cursor:default}
#annotation-selection .annotation-error{color:#9c2525}
@media(max-width:620px){.annotation-item{align-items:flex-start;flex-direction:column}.annotation-actions{align-self:flex-end}#annotation-selection{padding:10px 12px}}