.documents-page {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  animation: fadeUp 220ms var(--ease) both;
  overflow: hidden;
}

.documents-list {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  padding: 16px 18px;
  overflow: hidden;
}

.col-id { width: 11%; }
.col-created { width: 10%; }
.col-stay { width: 9%; }
.col-doc-type { width: 9%; }
.col-scene { width: 9%; }
.col-initiator { width: 8%; }
.col-title { width: 16%; }
.col-amount { width: 9%; }
.col-node { width: 12%; }
.col-risk { width: 8%; }
.col-updated { width: 9%; }

.new-document-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 30px;
  height: 17px;
  margin-right: 6px;
  padding: 0 5px;
  border: 1px solid #fecaca;
  border-radius: 999px;
  background: #fff5f5;
  color: #dc2626;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .2px;
}

.new-document-badge::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #ef4444;
}

@media (max-width: 760px) {
  .documents-page {
    height: auto;
    min-height: 100%;
    display: block;
    overflow: visible;
  }

  .documents-list {
    height: auto;
    min-height: 100%;
    display: block;
    overflow: visible;
    padding: 12px;
  }

  .document-status-filter {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
    gap: 6px;
  }

}
