.rrr-class-documents-dialog {
  width: min(760px, calc(100vw - 2rem));
  max-width: none;
  max-height: min(90vh, 900px);
  padding: 0;
  border: 1px solid #d5c7b8;
  border-radius: 14px;
  background: #fffdf8;
  color: #29261f;
  box-shadow: 0 22px 65px rgb(30 25 18 / 24%);
}
.rrr-class-documents-dialog::backdrop { background: rgb(25 24 21 / 68%); }
.rrr-class-documents-shell { display: grid; gap: 1rem; padding: clamp(1rem, 3vw, 2rem); }
.rrr-class-documents-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.rrr-class-documents-header h2 { margin: 0; font-size: clamp(1.4rem, 3vw, 1.85rem); line-height: 1.2; }
.rrr-class-documents-close { flex: 0 0 auto; }
.rrr-class-documents-progress { margin: 0; color: #665847; font-size: .95rem; }
.rrr-class-documents-item-title { margin: 0; font-size: 1.2rem; }
.rrr-class-documents-context { margin: -.5rem 0 0; color: #574a3d; }
.rrr-class-documents-body {
  min-height: 8rem;
  max-height: min(38vh, 370px);
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.55;
  padding: 1rem;
  background: #fff;
  border: 1px solid #ddd2c6;
  border-radius: 8px;
}
.rrr-class-documents-field { display: grid; gap: .4rem; font-weight: 650; }
.rrr-class-documents-name { width: 100%; box-sizing: border-box; min-height: 44px; padding: .65rem .75rem; border: 1px solid #776a5c; border-radius: 7px; background: #fff; color: inherit; font: inherit; }
.rrr-class-documents-assent { display: flex; align-items: flex-start; gap: .65rem; line-height: 1.4; cursor: pointer; }
.rrr-class-documents-assent input { flex: 0 0 auto; width: 20px; height: 20px; margin-top: .1rem; }
.rrr-class-documents-status { min-height: 1.4rem; margin: 0; color: #6b3a25; }
.rrr-class-documents-footer { display: flex; justify-content: flex-end; gap: .75rem; }
.rrr-class-documents-dialog button { min-height: 44px; padding: .6rem 1rem; border-radius: 7px; border: 1px solid #5b4436; background: #fff; color: #2b2924; font: inherit; font-weight: 650; cursor: pointer; }
.rrr-class-documents-dialog .rrr-class-documents-sign { background: #345747; border-color: #345747; color: #fff; }
.rrr-class-documents-dialog button:disabled { opacity: .55; cursor: not-allowed; }
.rrr-class-documents-dialog :focus-visible { outline: 3px solid #9b6026; outline-offset: 3px; }
@media (max-width: 600px) {
  .rrr-class-documents-dialog { width: 100vw; min-height: 100dvh; max-height: 100dvh; margin: 0; border: 0; border-radius: 0; }
  .rrr-class-documents-shell { min-height: 100dvh; box-sizing: border-box; grid-template-rows: auto auto auto auto minmax(8rem, 1fr) auto auto auto auto; }
  .rrr-class-documents-body { max-height: none; }
  .rrr-class-documents-header { align-items: center; }
}