.full-width {
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
}

.lead-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 0 4px;
  color: var(--muted, #64748b);
  font-size: 13px;
}

.lead-pager .btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

@media (max-width: 580px) {
  .lead-pager { flex-wrap: wrap; }
  .lead-pager span { width: 100%; text-align: center; order: 3; }
}

.documents-dialog {
  width: min(1180px, calc(100vw - 32px));
  max-width: 1180px;
  height: min(86vh, 900px);
  padding: 0;
  border: 0;
  border-radius: 22px;
  background: #f7f8fc;
  box-shadow: 0 28px 80px rgba(20, 16, 61, .28);
}
.documents-dialog::backdrop { background: rgba(13, 12, 36, .56); }
.documents-dialog .document-library { min-height: 100%; margin: 0; overflow: auto; border-radius: 22px; }
.library-actions { display: flex; align-items: center; gap: 10px; }

@media (min-width: 901px) {
  .content-grid { align-items: start; }
  .detail { position: sticky; top: 96px; max-height: calc(100vh - 116px); overflow: auto; }
}
@media (max-width: 680px) {
  .documents-dialog { width: calc(100vw - 16px); height: calc(100vh - 24px); }
  .documents-dialog .toolbar { align-items: flex-start; }
  .library-actions { width: 100%; }
  .library-actions .search { flex: 1; }
}