.docs-page {
  display: grid;
  gap: 18px;
  --module-navbar-margin: -28px -28px 8px;
  --module-navbar-padding: 10px 32px 8px;
  --module-navbar-bg: #ffffff;
  --module-navbar-border-bottom: 1px solid #e5e7eb;
  --table-toolbar-padding: 12px 16px 14px;
  --table-toolbar-gap: 12px;
  --table-toolbar-inline-gap: 14px;
  --table-search-width: min(100%, 380px);
  --table-search-min-height: 42px;
  --table-search-padding: 0 14px;
  --table-search-gap: 12px;
  --table-search-font-size: 13px;
  --table-search-icon-size: 18px;
  --table-inline-form-gap: 12px;
  --table-inline-select-min-width: 190px;
  --table-inline-select-min-height: 42px;
  --table-inline-select-padding: 0 14px;
  --table-inline-select-radius: 10px;
  --table-inline-select-font-size: 13px;
  --table-inline-button-min-height: 42px;
  --table-inline-button-padding: 0 14px;
  --table-inline-button-radius: 10px;
  --table-inline-button-font-size: 13px;
  --table-filter-button-min-height: 42px;
  --table-filter-button-padding: 0 14px;
  --table-filter-button-gap: 10px;
  --table-filter-button-font-size: 13px;
  --table-chip-min-height: 32px;
  --table-chip-padding: 0 16px;
  --table-chip-font-size: 11px;
  --table-chip-border: 1px solid #d0d5dd;
  --table-chip-bg: #ffffff;
  --table-chip-color: #344054;
  --table-chip-active-bg: #24459b;
  --table-chip-active-border: #24459b;
  --table-chip-active-color: #ffffff;
  --table-toolbar-meta-size: 14px;
  --table-content-padding-top: 8px;
  --table-head-padding: 14px 16px;
  --table-head-font-size: 13px;
  --table-content-border: 1px solid #e5e7eb;
  --table-content-radius-top-left: 8px;
  --table-content-radius-top-right: 8px;
  --table-head-radius-left: 8px;
  --table-head-radius-right: 8px;
  --table-row-padding: 18px 16px;
  --table-row-font-size: 12px;
  --table-doc-icon-size: 42px;
  --table-doc-title-size: 12px;
  --table-doc-subtitle-size: 10px;
  --table-tag-min-height: 22px;
  --table-tag-padding: 0 11px;
  --table-tag-font-size: 10px;
  --table-action-size: 24px;
  --table-action-icon-size: 16px;
  --table-footer-border: 1px solid #e5e7eb;
  --table-footer-radius-left: 8px;
  --table-footer-radius-right: 8px;
  --table-footer-padding: 10px 16px 14px;
  --pagination-gap: 7px;
  --pagination-size: 30px;
  --pagination-font-size: 12px;
  --pagination-icon-size: 18px;
  --table-empty-min-height: 120px;
  --table-empty-bg: #ffffff;
  --table-empty-border: 1px solid #e5e7eb;
  --table-empty-radius: 8px;
}

.docs-page__notice {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 14px;
  background: #ecfdf3;
  border: 1px solid #bbf7d0;
  color: #166534;
  font-size: 14px;
  font-weight: 600;
}

.docs-page .table-card__header {
  padding: 0 16px 2px;
}

.docs-page .table-card__toolbar-bottom {
  justify-content: space-between;
  gap: 12px;
}

.docs-page .table-toolbar__chips {
  row-gap: 8px;
}

.docs-consultation-text {
  display: block;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

.docs-consultation-text--single-line {
  display: inline-block;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
  font-variant-numeric: tabular-nums;
}

.docs-consultation-link {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.docs-consultation-link:hover {
  text-decoration: underline;
}

.docs-consultation-actions {
  justify-content: flex-start;
}

.table-card__table tbody tr.docs-consultation-row.is-highlighted td {
  background: #fee2e2;
}

@media (max-width: 720px) {
  .docs-page {
    --table-toolbar-padding: 10px 12px 12px;
    --table-head-padding: 12px 14px;
    --table-row-padding: 16px 14px;
    --table-footer-padding: 10px 12px 12px;
  }

  .docs-page .table-card__header {
    padding: 0 12px 2px;
  }
}