.review-page .document-options { padding: 2px; }
.review-page #drop-zone { min-height: 0; }
.review-page #document-work { min-width: 0; }
.review-page .document-save { display: flex; align-items: center; justify-content: center; gap: 8px; }
.review-page .document-save:hover:not(:disabled) { background: var(--tool-action-hover); }
.review-page #document-paper[aria-busy] .document-overlay { pointer-events: none; }
.review-page .document-page-controls { color: var(--tool-heading-ink); }
.review-page .document-options :is(input, textarea, select) { color: var(--tool-heading-ink); }
.review-page .document-options textarea { display: block; width: 100%; padding: 10px 12px; border: 1px solid var(--tool-border); resize: vertical; font-size: 14px; }
.review-page .document-overlay { touch-action: auto; }
.review-page:not([data-tool="annotate"]) .document-overlay { pointer-events: none; }
.review-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.review-heading h2 { color: var(--tool-heading-ink); font-size: 15px; font-weight: 650; }
.review-page #drop-zone :is(.review-heading, .review-item-actions) button {
  display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 38px; padding: 7px 9px; font-size: 12px;
}
.review-hint { color: var(--tool-heading-ink); font-size: 13px; line-height: 1.5; }
.review-page #annotation-hint { background: var(--tool-action-tint); border-radius: 14px; padding: 8px 11px; margin: 8px 0; }
.review-page #annotation-tools button { min-height: 40px; }
.review-page #annotation-tools button[aria-pressed="true"] { background: var(--tool-action); color: white; }
.review-page .document-overlay.placing-markup { touch-action: none; cursor: crosshair; }
.review-overlay-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; }
.review-mark-hit {
  position: absolute; border-radius: 3px; border: 1px solid transparent;
  color: var(--tool-action); background: transparent; cursor: pointer;
}
.review-mark-hit:is(:hover, :focus-visible, [aria-pressed="true"]) { outline: 2px solid var(--tool-action); outline-offset: 0; }
.review-page .placing-markup .review-mark-hit { pointer-events: none; }
.review-items { display: grid; gap: 5px; max-height: min(28dvh, 230px); overflow-y: auto; scrollbar-width: thin; padding: 2px; }
.review-items:empty { display: none; }
.review-items li { min-width: 0; }
.review-page #drop-zone .review-items button {
  display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; min-width: 0;
  padding: 8px 9px 8px calc(9px + var(--depth, 0) * 10px); border: 1px solid transparent;
  background: #f7f7fa; color: var(--tool-heading-ink); text-align: start; font-size: 13px;
}
.review-page #drop-zone .review-items button:hover:not(:disabled) { background: var(--tool-action-tint); }
.review-page #drop-zone .review-items button[aria-pressed="true"] { background: var(--tool-action-tint); border-color: var(--tool-accent); }
.review-item-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.review-item-page { white-space: nowrap; color: var(--tool-action); font-size: 11px; }
.review-properties { border-top: 1px solid var(--tool-border); padding-block-start: 12px; }
.review-fields, #review-bands { display: grid; gap: 11px; }
.review-fields label, .review-band legend { color: var(--tool-heading-ink); font-size: 13px; font-weight: 600; }
.review-fields label > :is(input:not([type="checkbox"], [type="color"]), select, textarea) { margin-top: 5px; }
.review-item-actions { display: flex; gap: 5px; flex-wrap: wrap; }
.review-page #drop-zone .review-item-actions button:last-child { margin-inline-start: auto; }
.review-item-actions .material-symbols-outlined { font-size: 18px; }
.review-band { min-width: 0; }
.review-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: end; }
.review-annotation-style { grid-template-columns: minmax(0, 1fr) auto; }
.review-color { display: flex; align-items: center; justify-content: space-between; gap: 5px; min-height: 43px; }
.review-tokens { display: flex; flex-wrap: wrap; gap: 5px; }
.review-page #drop-zone .review-tokens button { min-height: 34px; padding: 5px 8px; font-size: 11px; }
.review-status { display: grid; justify-items: start; gap: 7px; min-width: 0; }
#review-empty-status .review-status { justify-items: center; }
.review-page .review-status button { padding: 5px 12px; }
.review-page .review-status:empty, .review-page .review-status:not(:has(> :not([hidden]))) { display: none; }
.review-page #document-paper-scroll { overscroll-behavior: contain; }
@media (max-width: 767px) {
  .review-items { max-height: 240px; }
  .review-page #annotation-tools { padding-inline: 2px; }
  .review-page #annotation-tools button { min-height: 44px; }
}

.review-items { flex: 0 0 auto; }
.review-page #annotation-tools { flex: none; }
.review-page #document-pdf-view { min-width: 0; }
.review-page .document-page-controls { flex-wrap: wrap; }
.review-page #review-fit { color: var(--tool-action); }
.review-page #drop-zone :is(.review-heading, .review-item-actions, .review-tokens) button {
  background: var(--tool-action-tint); color: var(--tool-action);
}
.review-page #drop-zone :is(.review-heading, .review-item-actions) button[data-ui="danger"] {
  background: color-mix(in srgb, var(--tool-danger) 7%, white); color: var(--tool-danger);
}
.review-page #drop-zone .review-tokens button:hover:not(:disabled) { background: var(--tool-tint-hover); }
.review-page #document-paper-scroll[data-zoom="width"] .document-paper { width: min(100%, 900px); }
@media (min-width: 768px) and (min-height: 621px) {
  .review-page[data-tool] #main-workspace-drop { height: 100%; padding-inline: 0; overflow: hidden; }
  .review-page #document-work, .review-page #document-pdf-view {
    display: flex; flex-direction: column; min-height: 0;
  }
  .review-page #document-work { height: 100%; }
  .review-page #document-pdf-view { flex: 1; }
  .review-page #document-paper-scroll {
    flex: 1; container-type: size; min-height: 0; max-height: none;
  }
  .review-page #document-paper-scroll:not([data-zoom="width"]) .document-paper {
    width: min(100%, 740px, calc(100cqh * var(--page-ratio, .77)));
  }
  .review-page #document-filename { margin-block: 8px 0; }
  .review-page #annotation-hint { margin-block-end: 0; }
}
.review-band-tabs {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px;
  margin-block: 5px 6px; padding: var(--segment-inset);
  border: 1px solid var(--tool-border); border-radius: var(--segment-radius);
  background: var(--tool-action-tint); corner-shape: squircle;
}
.review-page #drop-zone .review-band-tabs button {
  min-width: 0; min-height: 34px; padding-inline: 4px;
  border-radius: calc(var(--segment-radius) - var(--segment-inset));
  color: var(--tool-action); font-size: 12px; font-weight: 600;
}
.review-page #drop-zone .review-band-tabs button[aria-pressed="true"] {
  background: white; box-shadow: 0 1px 3px #211d2718;
}
.review-band-tabs button[data-filled="true"]::after {
  content: ''; display: inline-block; vertical-align: middle; margin-inline-start: 5px;
  width: 5px; height: 5px; border-radius: 50%; background: var(--tool-accent);
}