.invoice-collection-page .workspace-modal-backdrop {
  backdrop-filter: none;
}

.invoice-collection-page .workspace-modal {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 20px 56px rgb(15 31 53 / 22%);
}

.invoice-collection-page .workspace-modal > header {
  padding: 16px 20px;
  border-bottom-color: #e2e8f0;
}

.invoice-collection-page .workspace-modal > header h2 {
  color: #10213d;
  font-size: 18px;
  line-height: 26px;
}

.invoice-collection-page .workspace-modal > header p {
  margin-top: 4px;
  color: #526278;
  font-size: 12px;
  line-height: 18px;
}

.invoice-collection-page .workspace-modal > header > a {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  font-size: 22px;
  border-radius: 6px;
}

.invoice-collection-page .workspace-modal-body {
  padding: 20px;
}

.invoice-collection-page .workspace-modal :is(input, select, textarea) {
  min-height: 40px;
  color: #10213d;
  font-size: 14px;
  border-color: #cbd5e1;
  border-radius: 6px;
}

.invoice-collection-page .workspace-modal :is(label > span, small, p, em) {
  font-size: 12px;
  line-height: 18px;
}

.invoice-collection-page .workspace-modal :is(b, strong) {
  font-size: 14px;
  line-height: 22px;
}

.invoice-collection-page .modal-note {
  background: #fff8e6;
  border: 1px solid #ffe3a3;
  border-radius: 8px;
}

.invoice-collection-page .modal-note b {
  color: #7a4d00;
}

.invoice-collection-page .modal-note span {
  color: #805d20;
  font-size: 12px;
  line-height: 18px;
}

.invoice-collection-page .modal-actions {
  gap: 8px;
  padding-top: 16px;
  margin-top: 16px;
  border-top-color: #e2e8f0;
}

.invoice-collection-page .invoice-preview,
.invoice-collection-page .invoice-detail-fields {
  border-color: #e2e8f0;
  border-radius: 8px;
}

.invoice-collection-page .invoice-preview > header {
  height: 44px;
  border-bottom-color: #e2e8f0;
}

.invoice-collection-page .invoice-preview > header span {
  color: #10213d;
  font-size: 14px;
}

.invoice-collection-page .invoice-preview > header a {
  color: #1677ff;
  font-size: 13px;
}

.invoice-collection-page .invoice-detail-fields small {
  margin-bottom: 6px;
  color: #7a889c;
  font-size: 12px;
}

.invoice-collection-page .invoice-detail-fields b {
  color: #10213d;
  font-size: 14px;
  line-height: 22px;
}

.invoice-collection-page .invoice-sync-result b,
.invoice-collection-page .invoice-check-result b {
  color: #10213d;
  font-size: 16px;
  line-height: 24px;
}

.invoice-collection-page .invoice-sync-result p,
.invoice-collection-page .invoice-check-result p {
  color: #526278;
  font-size: 12px;
  line-height: 18px;
}

.invoice-collection-page .invoice-check-list :is(dt, dd) {
  font-size: 14px;
  line-height: 22px;
}

.invoice-collection-page .duplicate-compare article :is(span, small, em),
.invoice-collection-page .archive-confirm :is(p, small) {
  font-size: 12px;
  line-height: 18px;
}

.invoice-collection-page .duplicate-compare article b,
.invoice-collection-page .archive-confirm b {
  font-size: 14px;
  line-height: 22px;
}

@media (max-width: 760px) {
  .invoice-collection-page .invoice-modal-wide {
    width: calc(100vw - 24px) !important;
  }

  .invoice-collection-page .workspace-modal-body {
    padding: 16px;
  }

  .invoice-collection-page .invoice-detail-layout,
  .invoice-collection-page .duplicate-compare {
    grid-template-columns: minmax(0, 1fr);
  }

  .invoice-collection-page .invoice-preview iframe {
    height: 320px;
  }
}

@media (max-width: 520px) {
  .invoice-collection-page .workspace-modal > header,
  .invoice-collection-page .workspace-modal-body {
    padding-inline: 16px;
  }
}