.review-note-button,.vacancy-flag-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:27px;padding:4px 7px;border:1px solid #d9e2ee;border-radius:6px;background:#fff;color:#60718a;font:inherit;font-size:11px;line-height:1.2;white-space:nowrap;flex:0 0 auto;cursor:pointer}
.review-note-button:hover,.vacancy-flag-button:hover{background:#f6f9fd;border-color:#a7bbd4}
.review-note-button:focus-visible,.vacancy-flag-button:focus-visible{outline:2px solid #3a79d3;outline-offset:2px}
.review-note-button:disabled,.vacancy-flag-button:disabled{opacity:.45;cursor:default}
.review-note-button[aria-expanded="true"],.review-note-button[data-has-note="true"]{color:#245faa;border-color:#a9c4e9;background:#eff5ff}
.review-note-badge{font-size:16px;line-height:10px;color:#3272c5}
.review-note-badge[hidden]{display:none}
.vacancy-flag-button.selected{background:#f0ebfc;border-color:#c2abe7;color:#694291}
.vacancy-flag-button kbd{font-size:9px;border:0;background:#eff3f8;padding:1px 3px;color:inherit}
.review-note-popover{position:fixed;inset:auto;margin:0;box-sizing:border-box;z-index:70;padding:14px;border:1px solid #d6e1ef;border-radius:12px;background:#fff;color:#334b64;box-shadow:0 14px 44px #16355c24;font:13px/1.4 system-ui,sans-serif;overflow:auto}
.review-note-popover[hidden]{display:none}
.review-note-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.review-note-heading label{font-size:13px;font-weight:600;letter-spacing:0}
.review-note-close{height:25px;min-height:25px;width:25px;min-width:25px;border:0;border-radius:5px;padding:0;background:transparent;color:#698099;font:20px/1 system-ui,sans-serif;cursor:pointer}
.review-note-close:hover{background:#edf3fa;color:#2c5d98}
.review-note-text{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:104px;max-height:45vh;border:1px solid #cedaea;border-radius:7px;padding:9px 10px;background:#fff;color:#304a65;font:13px/1.5 system-ui,sans-serif}
.review-note-text:focus{outline:2px solid #bdd4f4;outline-offset:1px;border-color:#83aae0}
.review-note-text::placeholder{color:#8a9aac}
.review-note-footer{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:9px;font-size:11px;min-height:17px}
.review-note-status{color:#66816d;font-variant-numeric:tabular-nums}
.review-note-status[data-state="saving"]{color:#6a7d93}
.review-note-status[data-state="error"]{color:#a64430}
.review-note-shortcut{margin-left:auto;color:#7f91a6;white-space:nowrap}
.review-note-shortcut kbd{padding:1px 3px;border:0;border-radius:3px;background:#f0f4f9;font-size:10px;color:#627b98}
.review-note-retry{padding:1px 4px;border:0;background:transparent;color:#2367bd;font:inherit;font-size:11px;text-decoration:underline;cursor:pointer}
.review-note-retry[hidden]{display:none}
.review-note-popover button:focus-visible{outline:2px solid #3a79d3;outline-offset:2px}
@container viewer (max-width:550px){.viewer-pane .review-controls .review-note-button,.viewer-pane .review-controls .vacancy-flag-button{font-size:10px;padding:4px 5px}}
@container viewer (max-width:420px){.viewer-pane .review-controls .review-note-button,.viewer-pane .review-controls .vacancy-flag-button{font-size:9px;padding:4px;gap:3px}}
/* Keep every action reachable in narrow split panes without clipping the ends. */
@container viewer (max-width:550px){.viewer-pane .review-controls .review-state:not(.ready):not(.tentative){display:none}}
@container viewer (max-width:310px){
 .viewer-pane .review-controls .review-rating-row{flex-wrap:wrap;overflow:visible;gap:2px;justify-content:center}
 .viewer-pane .review-controls .rating-buttons{gap:2px}
 .viewer-pane .review-controls .rating-button{width:20px;min-width:20px;flex-basis:20px;font-size:10px}
 .viewer-pane .review-controls .distress-temporary-button{font-size:8px;padding:4px 3px}
 .viewer-pane .review-controls .distress-temporary-button kbd{display:none}
 .viewer-pane .review-controls .review-note-button{position:relative;width:25px;min-width:25px;padding:2px;font-size:0;gap:0}
 .viewer-pane .review-controls .review-note-button::before{content:'✎';font-size:14px;line-height:1}
 .viewer-pane .review-controls .review-note-badge{position:absolute;right:2px;top:2px;font-size:12px}
 .viewer-pane .review-controls #review-done{width:25px;min-width:25px;padding:2px;font-size:0}
 .viewer-pane .review-controls #review-done::before{content:'✓';font-size:13px;line-height:1}
 .viewer-pane .review-controls .review-state{font-size:8px;max-width:80px;min-width:0;padding:2px 3px}
}
@media(prefers-reduced-motion:no-preference){.review-note-popover:popover-open{animation:review-note-reveal .12s ease-out}@keyframes review-note-reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}}