html body:has(#root) #root#root#root .expert-page .expert-document-reader-backdrop {
  padding: 16px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog {
  display: flex;
  flex-direction: column;
  width: min(1560px, calc(100vw - 32px));
  height: min(1000px, calc(100svh - 32px));
  min-width: 0;
  min-height: 0;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: #fff;
  color: #304158;
  overflow: hidden;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog > .expert-reader-shell-header {
  position: sticky;
  top: 0;
  z-index: 6;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
  padding: 8px 16px;
  border-bottom: 1px solid #dce3ec;
  background: #fff;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-shell-header :is(h2, b, strong) {
  min-width: 0;
  margin: 0;
  color: #304158;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-shell-header > button {
  flex: 0 0 auto;
  min-width: 32px;
  min-height: 32px;
  padding: 2px 8px;
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  background: #fff;
  color: #64748b;
  font-size: 20px;
  line-height: 1;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-shell-header > div {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 14px;
  min-width: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-shell-header p {
  margin: 0;
  color: #738197;
  font-size: 12px;
  line-height: 1.5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-shell-header .expert-reader-sidebar-toggle {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid #acc6e2;
  border-radius: 6px;
  background: #eaf3ff;
  color: #285c90;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-sidebar-toggle::before {
  content: "«";
  font-size: 19px;
  line-height: 1;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-sidebar-toggle[aria-expanded=false]::before {
  content: "»";
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-sidebar-toggle:hover:not(:disabled) {
  border-color: #5d8cba;
  background: #dcecff;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-sidebar-toggle:focus-visible {
  outline: 2px solid #3775b5;
  outline-offset: 2px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-sidebar-toggle:disabled {
  opacity: .5;
  cursor: default;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog > .expert-reader-workspace {
  flex: 1 1 0;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog > .expert-reader-workspace[data-sidebar-collapsed=true] {
  grid-template-columns: minmax(0, 1fr);
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-right: 1px solid #d4dde8;
  background: #fff;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar[hidden] {
  display: none;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar > header {
  flex: 0 0 auto;
  display: grid;
  gap: 10px;
  min-height: 112px;
  padding: 14px 12px;
  border-bottom: 1px solid #ccdbea;
  background:
    linear-gradient(
      135deg,
      #edf4ff,
      #f8fbff);
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar > header h3 {
  color: #284e78;
  font-size: 16px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-counts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-count {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid #bdd9d2;
  border-radius: 7px;
  background: #ecf7f3;
  color: #246858;
  font-size: 12px;
  line-height: 1.3;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-count strong {
  color: inherit;
  font-size: 23px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-counts .reader-count small {
  color: inherit;
  font-size: 11px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-count-pending {
  border-color: #e7cf9d;
  background: #fff5e0;
  color: #925d12;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar :is(h2, h3) {
  margin: 0;
  color: #40516a;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar small {
  color: #76869a;
  font-size: 12px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar > header p {
  margin: 0;
  color: #738197;
  font-size: 12px;
  line-height: 1.5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list {
  flex: 1 1 0;
  min-height: 120px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list:focus-visible {
  outline: 2px solid #3775b5;
  outline-offset: -2px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-pagination {
  flex: 0 0 auto;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 8px;
  border-top: 1px solid #dce3eb;
  background: #f8fafc;
  color: #64748b;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-pagination > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 6px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-pagination button {
  min-width: 0;
  min-height: 30px;
  margin: 0;
  padding: 4px 6px;
  border: 1px solid #c8d6e7;
  border-radius: 5px;
  background: #fff;
  color: #315c88;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-pagination button:hover:not(:disabled) {
  border-color: #7298c2;
  background: #e7f0fd;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-pagination button:focus-visible {
  outline: 2px solid #3775b5;
  outline-offset: 1px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-pagination button:disabled {
  opacity: .45;
  cursor: default;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 8px 6px;
  border-bottom: 1px solid #dce3eb;
  background: #f6f8fb;
  color: #66768b;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar td {
  padding: 5px 6px;
  border-bottom: 1px solid #edf0f4;
  color: #4e6077;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list :is(th, td):first-child {
  width: 36px;
  text-align: center;
  white-space: nowrap;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list :is(th, td):last-child {
  width: 58px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list tbody tr:nth-child(even) {
  background: #f9fafc;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list tbody tr:is(.active, [aria-current=true]),
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list tbody tr:has([aria-current=true]) {
  background: #eaf3ff;
  box-shadow: inset 3px 0 #3775b5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list tr[data-status=SUBMITTED] td:last-child {
  color: #2a776a;
  font-weight: 600;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list button {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 5px 2px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #334962;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list button:hover:not(:disabled) {
  color: #1f65a5;
  background: #e8f1fc;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list button:focus-visible {
  outline: 2px solid #3775b5;
  outline-offset: 1px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scope-count {
  flex: 0 0 auto;
  padding: 8px 12px;
  border-block: 1px solid #e2e8f0;
  color: #748398;
  font-size: 12px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota {
  flex: 0 1 auto;
  box-sizing: border-box;
  min-height: 0;
  max-height: calc(100% - 300px);
  padding: 0 10px 12px;
  overflow: auto;
  border-top: 1px solid #9ab5d0;
  background:
    linear-gradient(
      155deg,
      #edf4fd,
      #f5faf9);
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 -10px 8px;
  padding: 11px 12px;
  background:
    linear-gradient(
      115deg,
      #183e68,
      #276d92);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .3px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota h3::before {
  flex: 0 0 4px;
  height: 17px;
  border-radius: 3px;
  background: linear-gradient(#ffd579, #64d6c2);
  content: "";
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota table {
  border-collapse: separate;
  border-spacing: 0 6px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota th {
  position: static;
  padding: 6px 7px;
  border: 0;
  background: #e1eaf7;
  color: #425e80;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota tbody tr {
  --quota-accent: var(--expert-band-ink, #5d6975);
  --quota-tint: var(--expert-band-paper, #edf0f3);
  --quota-border: color-mix(in srgb, var(--quota-accent) 35%, var(--quota-tint));
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota td {
  padding: 8px 7px;
  border-block: 1px solid var(--quota-border);
  background:
    linear-gradient(
      105deg,
      var(--quota-tint),
      #fff);
  color: #28435f;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota :is(th, td):first-child {
  width: auto;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota td:first-child {
  border-left: 4px solid var(--quota-accent);
  border-radius: 7px 0 0 7px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota :is(th, td):not(:first-child) {
  width: 43px;
  padding-inline: 4px;
  text-align: center;
  white-space: nowrap;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota td:last-child {
  border-right: 1px solid var(--quota-border);
  border-radius: 0 7px 7px 0;
  background: var(--quota-tint);
  color: var(--quota-accent);
  font-variant-numeric: tabular-nums;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota tr.active td {
  border-color: var(--quota-accent);
  box-shadow: 0 2px 6px #1d486c17;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota tr.active td:last-child {
  background: var(--quota-tint);
  color: var(--quota-accent);
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota p {
  margin: 7px 0 0;
  padding: 7px 8px;
  border: 1px solid #c5d8e8;
  border-left: 3px solid #2f928f;
  border-radius: 5px;
  background: #ffffffd9;
  color: #48617d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota td:first-child :is(b, small) {
  display: block;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota td:first-child b {
  color: #213d5a;
  font-size: 14px;
  font-weight: 700;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota td:first-child small {
  margin-top: 2px;
  color: var(--quota-accent);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #fff;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-main > .document-reader {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  border: 0;
  border-radius: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .document-reader > header {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid #d6dfe9;
  background: #f8fafc;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .document-reader > header > div:first-child {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 12px;
  min-width: 0;
  grid-column: 1;
  grid-row: auto;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .document-reader > header > div:first-child small {
  color: #56718e;
  line-height: 1.5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tabs:empty {
  display: none;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tabs:not(:empty) {
  grid-column: 1 / -1;
  grid-row: auto;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tools {
  display: flex;
  grid-column: 1;
  grid-row: auto;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 14px;
  min-width: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tool-group {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border: 1px solid #dce5f0;
  border-radius: 8px;
  background: #eef3f9;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tools button {
  flex: 0 0 auto;
  box-sizing: border-box;
  min-width: 64px;
  height: 36px;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid #c8d6e7;
  border-radius: 5px;
  background: #fff;
  color: #315c88;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tools button:hover:not(:disabled) {
  border-color: #7298c2;
  background: #e7f0fd;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tools button:focus-visible {
  outline: 2px solid #3775b5;
  outline-offset: 2px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tools button:disabled {
  opacity: .5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-zoom-group button[aria-label] {
  min-width: 36px;
  padding-inline: 8px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-zoom-group > span {
  min-width: 48px;
  color: #284e78;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-view-group button.active {
  border-color: #b6c7dd;
  background: #e0eafa;
  color: #244d7a;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tools > .reader-receipt-status {
  flex-basis: 100%;
  margin: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .document-reader > .review-quota-ribbon {
  display: none;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .document-reader > .document-canvas {
  flex: 1 1 0;
  min-height: 0;
  height: auto;
  max-height: none;
  padding: 12px;
  background: #e9edf2;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .document-reader > footer {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
  min-height: 0;
  padding: 5px 12px;
  border-top: 1px solid #dce3eb;
  background: #f8fafc;
  color: #728197;
  font-size: 11px;
  line-height: 1.5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-main > .expert-reader-scoring-dock {
  position: relative;
  inset: auto;
  flex: 0 0 auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 10px 12px;
  border: 0;
  border-top: 1px solid #cfd9e5;
  border-radius: 0;
  background: #fff;
  overflow: visible;
  box-shadow: 0 -3px 12px #354b6710;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock:has(.expert-reader-score-fields) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "fields" "notices" "actions";
  gap: 6px 10px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock:has(.expert-reader-score-fields):not(:has(> .expert-reader-score-notices)) {
  grid-template-areas: "fields" "actions";
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields {
  grid-area: fields;
  display: flex;
  align-items: start;
  gap: 10px;
  min-width: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields > :is(label, div) {
  min-width: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields :is(input, select, textarea) {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  min-height: 38px;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #c8d5e3;
  border-radius: 4px;
  background: #fff;
  color: #30465f;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields input {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields :is(input, select, textarea):focus {
  border-color: #3eae9d;
  outline: 2px solid #3eae9d24;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields label {
  display: grid;
  gap: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields > label:first-child,
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-primary {
  flex: 0 0 180px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields > .total-only-score-entry {
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields .total-only-score-entry > span b {
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields .total-only-score-entry > span {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 6px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields .total-only-score-entry > span small {
  font-size: 11px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields .score-entry {
  grid-template-columns: 28px minmax(90px, 1fr) 28px;
  gap: 2px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields .score-entry input {
  width: 100%;
  padding: 4px 2px;
  font-size: 18px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields .score-entry button {
  min-width: 0;
  min-height: 38px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields .expert-reader-rubric-details {
  position: static;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-rubric-details > summary {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 5px 10px;
  border: 1px solid #c8d5e3;
  border-radius: 4px;
  background: #f8fafc;
  color: #45688e;
  font-size: 13px;
  line-height: 1.5;
  cursor: pointer;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields > .opinion-field {
  position: relative;
  flex: 1 1 0;
  margin: 0;
  padding: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields textarea {
  height: 52px;
  min-height: 52px;
  padding-bottom: 15px;
  resize: vertical;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields .opinion-field > small {
  position: absolute;
  right: 7px;
  bottom: 3px;
  padding-inline: 3px;
  background: #fff;
  color: #8794a5;
  font-size: 10px;
  line-height: 1;
  pointer-events: none;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-notices {
  grid-area: notices;
  min-width: 0;
  align-self: center;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-notices > :is(p, div) {
  margin: 0;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog :is(.expert-reader-score-result, .expert-reader-score-current) {
  flex: 0 0 auto;
  max-width: 180px;
  color: #2f6a91;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock > p,
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock .expert-reader-score-feedback {
  margin: 6px 0 0;
  padding: 6px 9px;
  border: 1px solid #bad4ca;
  border-radius: 4px;
  background: #edf7f2;
  color: #256b58;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock .expert-reader-score-feedback[data-type=error],
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock .expert-reader-score-validation {
  border-color: #dfb5ae;
  background: #fcf1ef;
  color: #a34c40;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock > .expert-score-action-footer {
  grid-area: actions;
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  box-shadow: none;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock .expert-score-action-footer > :is(p, .business-notice) {
  flex-basis: 100%;
  margin: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock .expert-score-action-footer > button {
  flex: 0 0 auto;
  min-width: 72px;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid #d1dce8;
  border-radius: 4px;
  background: #f5f7fa;
  color: #5d7189;
  font-size: 13px;
  line-height: 1.5;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock .expert-score-action-footer > button[data-action=confirm] {
  border-color: #27a995;
  background: #27a995;
  color: #fff;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock .expert-score-action-footer > button[data-action=confirm-next] {
  border-color: #2c9aca;
  background: #2c9aca;
  color: #fff;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-scoring-dock .expert-score-action-footer > button[data-action=close] {
  border-color: #ec784e;
  background: #ec784e;
  color: #fff;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog :is(.expert-reader-rubric-fields, .expert-reader-rubric-details > .score-items) {
  position: absolute;
  z-index: 4;
  bottom: calc(100% + 8px);
  left: 12px;
  right: 12px;
  max-height: min(260px, 44svh);
  padding: 10px;
  border: 1px solid #adc4de;
  border-radius: 6px;
  background: #fff;
  overflow: auto;
  box-shadow: 0 8px 24px #30496333;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-rubric-fields[hidden] {
  display: none;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-rubric-details:not([open]) > .score-items {
  display: none;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-rubric-fields .score-items,
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-rubric-details[open] > .score-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog :is(.expert-reader-rubric-fields, .expert-reader-rubric-details) .score-items label {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 10px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog :is(.expert-reader-rubric-fields, .expert-reader-rubric-details) .score-entry {
  grid-template-columns: 36px minmax(64px, 1fr) 36px;
  gap: 4px;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog :is(.expert-reader-rubric-fields, .expert-reader-rubric-details) .score-entry :is(button, input) {
  min-height: 36px;
  min-width: 0;
}
html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog :is(.expert-reader-rubric-fields, .expert-reader-rubric-details) .score-entry input {
  width: 100%;
  font-size: 18px;
}
@media (max-width: 1000px) {
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog > .expert-reader-workspace {
    grid-template-columns: 180px minmax(0, 1fr);
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota {
    padding-inline: 8px;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota h3 {
    margin-inline: -8px;
    padding-inline: 9px;
    font-size: 14px;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota :is(th, td) {
    padding-inline: 5px;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota :is(th, td):not(:first-child) {
    width: 52px;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota td:first-child small {
    font-size: 11px;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .document-reader > header {
    grid-template-columns: minmax(0, 1fr);
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tools {
    grid-column: 1;
    grid-row: auto;
    justify-content: flex-start;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tabs:not(:empty) {
    grid-row: auto;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields {
    flex-wrap: wrap;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields > .opinion-field {
    flex-basis: 100%;
  }
}
@media (max-width: 700px) {
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-backdrop {
    padding: 8px;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog {
    width: calc(100vw - 16px);
    height: calc(100svh - 16px);
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog > .expert-reader-workspace {
    display: flex;
    flex-direction: column;
    overflow: auto;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-sidebar {
    flex: 0 0 auto;
    max-height: none;
    overflow: visible;
    border-right: 0;
    border-bottom: 1px solid #d4dde8;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-task-list {
    flex: 0 0 auto;
    min-height: 120px;
    max-height: 240px;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-quota {
    flex: 0 0 auto;
    max-height: none;
    overflow: visible;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tools {
    display: grid;
    grid-template-columns: auto auto;
    gap: 8px;
    justify-content: space-between;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tools button {
    min-width: 60px;
    padding-inline: 8px;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-navigation-group {
    grid-column: 1;
    grid-row: 1;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-zoom-group {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-view-group {
    grid-column: 2;
    grid-row: 1;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .reader-tools > .reader-receipt-status {
    grid-column: 1 / -1;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-main {
    flex: 1 0 auto;
    min-height: max(700px, 70svh);
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-main > .document-reader {
    min-height: 440px;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-fields > label:first-child,
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-score-primary {
    flex-basis: 140px;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-rubric-fields .score-items,
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog .expert-reader-rubric-details[open] > .score-items {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-height: 650px) and (min-width: 701px) {
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog {
    overflow: auto;
  }
  html body:has(#root) #root#root#root .expert-page .expert-document-reader-dialog > .expert-reader-workspace {
    flex: 1 0 680px;
  }
}