.documents-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}
.documents-panel a,
.documents-panel a:hover {
  text-decoration: none;
}
.documents-stat {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
}
.documents-stat b {
  display: block;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 800;
}
.documents-stat span {
  font-size: 13px;
  color: var(--text-secondary);
}
.documents-panel-header {
  margin-bottom: 18px;
}
.documents-panel-header h2 {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0;
}
.documents-card {
  padding: 0;
  overflow: hidden;
}
.documents-term-combobox {
  width: 100%;
}
.documents-term-input {
  min-height: 42px;
  padding: 5px 7px;
  gap: 6px;
  align-content: center;
}
.documents-term-input > input[data-document-term-query] {
  min-width: 180px;
  height: 28px;
  padding: 0 3px;
  border: 0 !important;
  border-radius: 0;
  outline: 0 !important;
  background: transparent;
  box-shadow: none !important;
}
.documents-term-input > input[data-document-term-query]:focus,
.documents-term-input > input[data-document-term-query]:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.documents-term-chip {
  max-width: min(100%, 360px);
  min-height: 28px;
  padding: 3px 4px 3px 9px;
}
.documents-term-chip > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-term-chip > button {
  position: relative;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  padding: 0;
  transition-property: background-color, opacity;
  transition-duration: 120ms;
}
.documents-term-chip > button:active {
  transform: scale(0.96);
}
.documents-term-chip > button::after {
  position: absolute;
  inset: -6px;
  content: '';
}
.documents-term-options {
  z-index: 90;
  max-height: 260px;
  padding: 5px;
}
.documents-term-option {
  width: 100%;
  min-height: 40px;
  border: 0;
  background: var(--background-surface);
  text-align: left;
  color: var(--text-primary);
}
.documents-term-option:hover,
.documents-term-option[aria-selected="true"] {
  background: var(--background-muted);
}
.documents-term-option > i {
  flex: 0 0 auto;
  color: var(--text-tertiary);
  font-size: 16px;
}
.documents-term-option.is-new > i,
.documents-term-option.is-new .documents-term-option-label {
  color: var(--color-primary);
}
.documents-term-option-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-term-option .co-sub {
  flex: 0 0 auto;
}
.documents-term-status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 54px;
  padding: 10px;
  color: var(--text-muted);
  font-size: 12.5px;
}
.documents-term-status.is-error {
  color: var(--red-600);
}
.documents-term-status .ti-loader-2 {
  animation: documents-term-spin 0.7s linear infinite;
}
@keyframes documents-term-spin {
  to {
    transform: rotate(360deg);
  }
}
.documents-filter-card {
  margin-bottom: 14px;
}
.documents-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border: 0;
  border-bottom: 1px solid var(--border-default);
}
.documents-section-title {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}
.documents-section-title h2 {
  margin: 0 0 4px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0;
}
.documents-section-title p {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}
.documents-head-icon {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-md);
  font-size: 17px;
}
/* Лёгкие карточки редактора: однострочные негромкие заголовки секций */
.documents-edit-card .documents-section-head {
  align-items: center;
  padding: 11px 16px;
}
.documents-edit-card .documents-section-head h2 {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--text-primary);
  min-width: 0;
}
/* Цветной акцент и тонированная шапка карточек редактора */
.documents-edit-card .documents-section-head {
  gap: 10px;
  background: transparent;
}
.documents-head-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.documents-edit-card .documents-head-icon {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  font-size: 16px;
}
/* Компактные инструменты документа (заметки/редиректы/ревизии) */
.documents-tools {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
}
.documents-tool {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: var(--radius-md);
  background: none;
  text-align: left;
  color: inherit;
  cursor: pointer;
  transition: background-color 0.12s;
}
.documents-tool:hover:not(:disabled) {
  background: var(--surface-muted);
}
.documents-tool:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.documents-tool .icon-tile {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
}
.documents-tool-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}
.documents-tool-body b {
  font-size: 13.5px;
  line-height: 1.2;
}
.documents-tool-body small {
  margin-top: 2px;
  color: var(--text-secondary);
  font-size: 11.5px;
}
.documents-tool-arrow {
  color: var(--text-muted);
  font-size: 16px;
}
.documents-toolbar,
.documents-filter {
  display: flex;
  align-items: center;
  gap: 10px;
}
.documents-filter {
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: wrap;
}
.documents-filter .input-wrap {
  flex: 1 1 300px;
  min-width: 240px;
  max-width: 520px;
}
.documents-filter .select {
  width: auto;
  min-width: 190px;
}
.documents-panel .table-scroll {
  max-height: none;
  overflow-x: hidden;
  overflow-y: hidden;
}
.documents-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}
/* Представления списка, настроенные на уровне рубрики */
.documents-admin-view-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 12px;
  padding: 14px;
  background: var(--background-muted);
}
.documents-admin-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--surface-card);
  transition-property: border-color, box-shadow, transform;
  transition-duration: 150ms;
}
.documents-admin-card:hover {
  border-color: var(--blue-300);
  box-shadow: var(--shadow-sm);
}
.documents-admin-card.is-draft {
  border-left: 3px solid var(--amber-400);
}
.documents-admin-card.is-deleted {
  border-left: 3px solid var(--gray-400);
  background: color-mix(in srgb, var(--gray-100) 35%, var(--surface-card));
}
.documents-admin-card > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-height: 66px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-subtle);
  background: var(--background-muted);
}
.documents-admin-card-title {
  min-width: 0;
}
.documents-admin-card-title a,
.documents-admin-card-title small {
  display: block;
  letter-spacing: 0;
}
.documents-admin-card-title a {
  display: -webkit-box;
  overflow: hidden;
  color: var(--text-primary);
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.documents-admin-card-title small {
  margin-top: 3px;
  overflow: hidden;
  color: var(--text-muted);
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-admin-card-body {
  min-height: 92px;
  padding: 12px 14px;
}
.documents-admin-fields {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.documents-admin-fields > div {
  grid-column: span 3;
  min-width: 0;
}
.documents-admin-fields > .is-small {
  grid-column: span 2;
}
.documents-admin-fields > .is-wide {
  grid-column: span 6;
}
.documents-admin-fields small {
  display: block;
  margin-bottom: 4px;
  color: var(--text-muted);
  font-size: 10.5px;
}
.documents-admin-fields > div > span:not(.badge) {
  display: block;
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-admin-fields img,
.documents-admin-value img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  object-fit: cover;
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
[data-theme="dark"] .documents-admin-fields img,
[data-theme="dark"] .documents-admin-value img {
  outline-color: rgba(255, 255, 255, 0.1);
}
.documents-admin-fields-empty {
  grid-column: 1 / -1 !important;
  color: var(--text-muted);
  font-size: 12px;
  text-align: center;
}
.documents-admin-custom {
  min-width: 0;
  color: var(--text-secondary);
  font-size: 12.5px;
  line-height: 1.5;
}
.documents-admin-custom > :first-child {
  margin-top: 0;
}
.documents-admin-custom > :last-child {
  margin-bottom: 0;
}
.documents-admin-card > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 50px;
  padding: 8px 10px 8px 14px;
  border-top: 1px solid var(--border-subtle);
}
.documents-admin-card > footer > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10.5px;
}
.documents-admin-table-scroll {
  overflow-x: hidden;
}
.documents-admin-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}
.documents-admin-table th,
.documents-admin-table td {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.documents-admin-table th {
  white-space: normal;
}
.documents-admin-table .documents-admin-check {
  width: 44px;
}
.documents-admin-table .documents-admin-id {
  width: 78px;
}
.documents-admin-table .documents-admin-actions {
  width: 176px;
}
.documents-admin-table th.is-small {
  width: 9%;
}
.documents-admin-table th.is-medium {
  width: 13%;
}
.documents-admin-table th.is-wide {
  width: 19%;
}
.documents-admin-value > span:not(.badge) {
  display: block;
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-admin-table tbody tr:nth-child(even):not(.is-draft):not(.is-deleted) {
  background: color-mix(in srgb, var(--gray-100) 35%, transparent);
}
@media (max-width: 760px) {
  .documents-admin-view-grid {
    grid-template-columns: 1fr;
    padding: 10px;
  }
  .documents-admin-card > footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .documents-admin-table-scroll {
    overflow-x: auto;
  }
  .documents-admin-table {
    min-width: 760px;
  }
}
.documents-table th {
  white-space: normal;
}
.documents-col-id {
  width: 7ch;
}
.documents-col-title {
  width: auto;
}
.documents-col-check {
  width: 44px;
}
.documents-col-rubric {
  width: 170px;
}
.documents-col-state {
  width: 144px;
}
.documents-col-date {
  width: 152px;
}
.documents-col-actions {
  width: 164px;
}
.documents-name,
.documents-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  min-width: 0;
}
.documents-name b,
.documents-name small,
.documents-meta span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-cell-title .documents-name b {
  display: block;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.35;
}
.documents-title-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-top: 5px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.35;
}
.documents-title-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.documents-title-meta .mono {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-search-flag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.documents-mobile-label {
  display: none;
}
.documents-row.is-draft td:first-child {
  box-shadow: inset 3px 0 0 var(--amber-500);
}
.documents-row.is-deleted td {
  color: var(--text-secondary);
  background: color-mix(in srgb, var(--red-50) 48%, var(--background-surface));
}
.documents-row.is-deleted td:first-child {
  box-shadow: inset 3px 0 0 var(--red-500);
}
.documents-name small,
.documents-meta span {
  font-size: 12px;
  color: var(--text-secondary);
}
.documents-badges,
.documents-actions {
  flex-wrap: nowrap;
}
.documents-actions .btn {
  text-decoration: none;
}
.documents-cell-actions .documents-actions {
  justify-content: flex-end;
}
.documents-action-edit {
  color: var(--blue-600);
}
.documents-action-restore {
  color: var(--green-600);
}
.documents-action-toggle {
  color: var(--amber-600);
}
.documents-action-copy {
  color: var(--violet-600);
}
.redirects-table {
  width: 100%;
  table-layout: fixed;
}
.redirects-table th:nth-child(1) {
  width: 28%;
}
.redirects-table th:nth-child(2) {
  width: 76px;
}
.redirects-table th:nth-child(3) {
  width: 34%;
}
.redirects-table th:nth-child(4) {
  width: 18%;
}
.redirects-table th:last-child {
  width: 104px;
}
.redirects-url {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.redirects-url > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  text-decoration: none;
}
.redirects-url > a:hover {
  color: var(--blue-600);
}
.documents-side-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  gap: 8px;
}
.documents-alias-target {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  margin-bottom: 12px;
  border: 1px solid var(--border-default);
  background: var(--surface-subtle);
}
.documents-alias-target > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.documents-alias-target small {
  color: var(--text-secondary);
}
.documents-alias-target a,
.documents-alias-main a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  text-decoration: none;
}
.redirects-panel .table-scroll {
  overflow-x: hidden;
}
.redirects-panel .documents-name a {
  display: block;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.redirects-panel .documents-name a b {
  display: block;
}
#redirectDrawer .drawer-form {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
}
#redirectDrawer {
  width: min(66.666vw, 1040px);
  max-width: calc(100vw - 24px);
}
#redirectDrawer .drawer-body {
  flex: 1 1 auto;
  overflow-y: auto;
}
.documents-relation-choice:disabled {
  opacity: 0.7;
  cursor: default;
}
@media (max-width: 820px) {
  #redirectDrawer {
    width: calc(100vw - 12px);
    max-width: calc(100vw - 12px);
  }
  #redirectDrawer .field.col-9,
  #redirectDrawer .field.col-3 {
    grid-column: span 12;
  }
  .redirects-panel .table-scroll {
    overflow: visible;
  }
  .redirects-table,
  .redirects-table tbody,
  .redirects-table tr,
  .redirects-table td {
    display: block;
    width: 100%;
  }
  .redirects-panel table.redirects-table {
    min-width: 0;
  }
  .redirects-table colgroup,
  .redirects-table thead {
    display: none;
  }
  .redirects-table .redirects-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "url code" "target target" "date actions";
    gap: 10px 12px;
    padding: 13px 14px;
    border-bottom: 1px solid var(--border-default);
  }
  .redirects-table .redirects-row:nth-child(even) {
    background: color-mix(in srgb, var(--background-muted) 55%, var(--background-surface));
  }
  .redirects-table .redirects-row td {
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .redirects-cell-url {
    grid-area: url;
  }
  .redirects-cell-code {
    grid-area: code;
    justify-self: end;
  }
  .redirects-cell-target {
    grid-area: target;
    padding-top: 9px !important;
    border-top: 1px solid var(--border-subtle) !important;
  }
  .redirects-cell-date {
    grid-area: date;
  }
  .redirects-cell-actions {
    grid-area: actions;
    align-self: end;
  }
  .redirects-cell-date .documents-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 12px;
  }
  .redirects-cell-actions .documents-actions {
    justify-content: flex-end;
  }
  .redirects-empty-row,
  .redirects-empty-row td {
    display: block;
  }
}
.documents-action-danger {
  color: var(--red-600);
}
.documents-action-locked {
  color: var(--text-tertiary);
}
.documents-filter .documents-per-page {
  min-width: 150px;
}
.documents-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px;
  border-top: 1px solid var(--border-default);
}
.documents-pagination .pagination {
  padding-top: 0;
  justify-content: flex-end;
}
.documents-bulk {
  position: sticky;
  z-index: 4;
  bottom: 12px;
  margin: 12px;
}
.documents-bulk .select {
  width: min(260px, 40vw);
}
.documents-page-tabs {
  margin-bottom: 16px;
}
.documents-api-layout {
  display: grid;
  gap: 16px;
}
.documents-api-info {
  margin: 0;
}
.documents-api-info .alert-title,
.documents-api-info .alert-title + span,
.documents-api-secret .alert-title,
.documents-api-secret .alert-title + span {
  display: block;
}
.documents-api-card .table-scroll {
  max-height: none;
  overflow-y: visible;
}
.documents-api-table {
  min-width: 940px;
}
.documents-api-table th:last-child,
.documents-api-table td:last-child {
  width: 54px;
  text-align: right;
}
.documents-api-table tbody tr.is-revoked td {
  color: var(--text-muted);
}
.documents-api-name {
  display: grid;
  gap: 3px;
  min-width: 170px;
}
.documents-api-name b {
  color: var(--text-primary);
  font-size: 13.5px;
  line-height: 1.35;
}
.documents-api-name small,
.documents-api-date {
  color: var(--text-secondary);
  font-size: 11.5px;
  white-space: nowrap;
}
.documents-api-scopes {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.documents-api-actions {
  text-align: right;
}
.documents-api-empty {
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  justify-items: center;
  gap: 10px;
  min-height: 150px;
  padding: 20px;
  text-align: center;
}
.documents-api-empty .icon-tile {
  width: 42px;
  height: 42px;
  margin: 0;
  font-size: 19px;
}
.documents-api-empty > div {
  display: grid;
  justify-items: center;
  gap: 3px;
  max-width: 360px;
}
.documents-api-empty b,
.documents-api-empty > div > span {
  display: block;
  margin: 0;
}
.documents-api-empty > div > span {
  color: var(--text-secondary);
  font-size: 12.5px;
  line-height: 1.45;
}
.documents-api-token-drawer.drawer-lg {
  width: min(720px, 94vw);
}
.documents-api-token-drawer form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
.documents-api-drawer-body {
  background: var(--background-muted);
}
.documents-api-token-fields {
  display: grid;
  gap: 14px;
}
.documents-api-token-fields[hidden],
.documents-api-secret[hidden],
[data-api-token-submit][hidden] {
  display: none !important;
}
.documents-api-form-section {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-surface);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.documents-api-form-heading {
  display: flex;
  align-items: center;
  gap: 12px;
}
.documents-api-form-heading .icon-tile {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  font-size: 17px;
}
.documents-api-form-heading > div > b,
.documents-api-form-heading > div > span {
  display: block;
}
.documents-api-form-heading > div > b {
  font-size: 14px;
  line-height: 1.3;
}
.documents-api-form-heading > div > span {
  margin-top: 2px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.4;
}
.documents-api-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.documents-api-scope {
  position: relative;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 11px;
  min-height: 86px;
  padding: 13px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--background-surface);
  cursor: pointer;
  transition: border-color 0.14s, box-shadow 0.14s, background-color 0.14s;
}
.documents-api-scope:hover {
  border-color: var(--blue-300);
  background: color-mix(in srgb, var(--blue-50) 34%, var(--background-surface));
}
.documents-api-scope:has(input:checked) {
  border-color: var(--blue-400);
  background: color-mix(in srgb, var(--blue-50) 56%, var(--background-surface));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--blue-500) 12%, transparent);
}
.documents-api-scope input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.documents-api-scope:has(input:focus-visible) {
  box-shadow: var(--focus-ring);
}
.documents-api-scope-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: var(--radius-sm);
  background: var(--background-muted);
  color: var(--text-secondary);
  font-size: 17px;
}
.documents-api-scope:has(input:checked) .documents-api-scope-icon {
  background: var(--blue-100);
  color: var(--blue-600);
}
.documents-api-scope b,
.documents-api-scope small {
  display: block;
}
.documents-api-scope b {
  font-size: 13px;
  line-height: 1.3;
}
.documents-api-scope small {
  margin-top: 3px;
  color: var(--text-secondary);
  font-size: 11.5px;
  line-height: 1.35;
}
.documents-api-scope-check {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid var(--border-strong);
  border-radius: 50%;
  color: transparent;
  font-size: 13px;
}
.documents-api-scope:has(input:checked) .documents-api-scope-check {
  border-color: var(--blue-600);
  background: var(--blue-600);
  color: #fff;
}
.documents-api-secret {
  padding: 28px;
  border-radius: var(--radius-md);
  background: var(--background-surface);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 0 0 1px var(--border-default);
  text-align: center;
}
.documents-api-secret-status {
  display: grid;
  width: 50px;
  height: 50px;
  margin: 0 auto 13px;
  place-items: center;
  border-radius: 50%;
  background: var(--green-100);
  color: var(--green-600);
  font-size: 25px;
}
.documents-api-secret h4 {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0;
}
.documents-api-secret > p {
  max-width: 470px;
  margin: 7px auto 22px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}
.documents-api-secret .field {
  text-align: left;
}
.documents-api-secret-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.documents-api-secret-control .input {
  font-size: 12px;
}
.documents-api-secret .alert {
  margin-top: 16px;
  text-align: left;
}
@media (max-width: 720px) {
  .documents-api-table-scroll {
    overflow: visible;
  }
  .documents-api-table,
  .documents-api-table tbody,
  .documents-api-table tr,
  .documents-api-table td {
    display: block;
    width: 100%;
  }
  table.documents-api-table {
    min-width: 0;
  }
  .documents-api-table thead {
    display: none;
  }
  .documents-api-table tr[data-api-token-row] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    padding: 15px 14px;
    border-bottom: 1px solid var(--border-default);
  }
  .documents-api-table tr[data-api-token-row]:last-child {
    border-bottom: 0;
  }
  .documents-api-table tr[data-api-token-row] td {
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .documents-api-table tr[data-api-token-row] td::before {
    display: block;
    margin-bottom: 5px;
    color: var(--text-muted);
    content: attr(data-label);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .documents-api-table tr[data-api-token-row] td:nth-child(1),
  .documents-api-table tr[data-api-token-row] td:nth-child(3) {
    grid-column: 1 / -1;
  }
  .documents-api-table tr[data-api-token-row] td:last-child {
    grid-column: 1 / -1;
    width: 100%;
    text-align: right;
  }
  .documents-api-table tr[data-api-token-row] td:last-child:empty {
    display: none;
  }
  .documents-api-table tr[data-api-token-row] td:last-child::before {
    display: none;
  }
  .documents-api-name {
    min-width: 0;
  }
  .documents-api-table tr[data-api-token-empty],
  .documents-api-table tr[data-api-token-empty] td {
    display: block;
    width: 100%;
  }
  .documents-api-empty {
    min-height: 132px;
    padding: 18px;
  }
  .documents-api-scope-grid {
    grid-template-columns: 1fr;
  }
  .documents-api-form-section,
  .documents-api-secret {
    padding: 15px;
  }
  .documents-api-secret-control {
    grid-template-columns: 1fr;
  }
  .documents-api-secret-control .btn {
    width: 100%;
  }
}
.documents-views-panel {
  display: grid;
  gap: 16px;
}
.documents-views-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 16px;
  align-items: start;
}
.documents-view-link {
  display: grid;
  gap: 3px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.documents-view-link b,
.documents-view-link small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-view-link small {
  color: var(--text-secondary);
  font-size: 12px;
}
.documents-edit-header h1 {
  text-wrap: balance;
}
.documents-workspace-navigation {
  margin-bottom: 16px;
}
.documents-workspace-tabs {
  overflow: visible;
}
.documents-workspace-tabs .tab {
  min-height: 40px;
}
.documents-workspace-tabs .tab[aria-disabled="true"] {
  opacity: 0.45;
  cursor: not-allowed;
}
.documents-workspace-mobile {
  display: none;
}
.documents-editor-workspace [data-document-workspace-panel] {
  display: none;
}
.documents-editor-workspace[data-active-panel="main"] [data-document-section="additional"],
.documents-editor-workspace[data-active-panel="additional"] [data-document-section="main"] {
  display: none;
}
.documents-editor-workspace[data-active-panel="attributes"] #documentForm,
.documents-editor-workspace[data-active-panel="promotions"] #documentForm,
.documents-editor-workspace[data-active-panel="variants"] #documentForm,
.documents-editor-workspace[data-active-panel="shipping"] #documentForm {
  display: none;
}
.documents-editor-workspace[data-active-panel="attributes"] [data-document-workspace-panel="attributes"],
.documents-editor-workspace[data-active-panel="promotions"] [data-document-workspace-panel="promotions"],
.documents-editor-workspace[data-active-panel="variants"] [data-document-workspace-panel="variants"],
.documents-editor-workspace[data-active-panel="shipping"] [data-document-workspace-panel="shipping"] {
  display: block;
}
.documents-editor-workspace [data-document-workspace-panel] {
  margin-bottom: 0;
}
.documents-draft-recovery,
.documents-error-summary {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  padding: 13px 14px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
}
.documents-draft-recovery[hidden],
.documents-error-summary[hidden] {
  display: none;
}
.documents-draft-recovery {
  border-color: var(--amber-300);
  background: var(--amber-50);
}
.documents-draft-recovery-copy,
.documents-error-summary-copy {
  min-width: 0;
  flex: 1;
}
.documents-draft-recovery-copy b,
.documents-draft-recovery-copy span {
  display: block;
}
.documents-draft-recovery-copy span {
  margin-top: 3px;
  color: var(--text-secondary);
  font-size: 13px;
}
.documents-error-summary {
  border-color: var(--red-300);
  background: var(--red-50);
}
.documents-error-summary-copy > b {
  display: block;
  margin-bottom: 8px;
  color: var(--red-800);
}
.documents-error-summary-copy > div {
  display: grid;
  gap: 5px;
}
.documents-error-jump {
  display: grid;
  grid-template-columns: minmax(120px, 0.35fr) minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 7px 9px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
}
.documents-error-jump:hover {
  background: color-mix(in srgb, var(--red-100) 68%, var(--background-card));
}
.documents-error-jump span {
  color: var(--text-secondary);
}
.documents-edit-top {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) repeat(2, minmax(0, 0.925fr));
  gap: 16px;
  align-items: stretch;
  margin-bottom: 16px;
}
@media (max-width: 1100px) {
  .documents-edit-top {
    grid-template-columns: 1fr;
  }
}
.documents-edit-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 16px;
  align-items: start;
}
.documents-fields-section {
  width: 100%;
  margin-top: 24px;
  background: transparent;
}
.documents-fields-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--border-default);
  background: transparent;
}
.documents-fields-heading h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0;
}
.documents-edit-card {
  margin: 0;
}
.documents-card-body {
  padding: 16px;
}
.documents-edit-side {
  position: sticky;
  top: 82px;
  align-self: start;
}
.documents-edit-form .textarea {
  resize: vertical;
}
.documents-placeholder {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  border-radius: var(--radius-lg);
  background: var(--bg-soft);
}
.documents-placeholder b {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  color: var(--text-primary);
}
.documents-placeholder p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  text-wrap: pretty;
}
.documents-field-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 2px;
  scrollbar-width: thin;
}
.documents-field-tabs .tab {
  flex: 0 0 auto;
  min-height: 40px;
  text-decoration: none;
  white-space: nowrap;
}
/* Пустая группа реально скрыта: класс .tab с display перебивал атрибут [hidden]. */
.documents-field-tabs .tab[hidden] {
  display: none;
}
.documents-field-tabs .tab-hint {
  margin-left: 2px;
  font-size: 14px;
  color: var(--text-tertiary);
}
.documents-field-tabs .tab.is-active .tab-hint {
  color: var(--text-secondary);
}
.documents-field-tabs .tab.is-condition-locked {
  box-shadow: inset 0 0 0 1px var(--amber-300);
}
.documents-group-lock {
  margin-left: 2px;
  color: var(--amber-600);
  font-size: 13px;
}
.documents-fields-groups {
  display: grid;
  gap: 16px;
}
.documents-field-group {
  display: grid;
  gap: 10px;
}
/* Неактивная группа реально скрыта: класс-селектор перебивал [hidden] с display:none. */
.documents-field-group[hidden] {
  display: none;
}
/* Поля документа: плагин типа рисует контрол, вид как в референсе —
   компактная рамка (шапка-полоска + soft-body) в 12-колоночной сетке. */
.documents-fields,
.ax-document-fields {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
}
.ax-document-field {
  grid-column: span 12;
  display: grid;
  grid-template-rows: auto minmax(0, auto);
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: #fff;
  transition: border-color 0.14s, box-shadow 0.14s;
}
.ax-document-field:hover {
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--border-default));
}
.ax-document-field:focus-within {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-soft);
}
.ax-document-field.is-required .ax-attr-label::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--amber-500);
}
.ax-document-field.is-invalid {
  border-color: var(--red-500);
  box-shadow: 0 0 0 1px var(--red-500);
}
.ax-document-field.is-condition-hidden {
  display: none;
}
.ax-document-field.is-condition-locked .ax-document-field-body {
  opacity: 0.72;
  pointer-events: none;
}
.ax-condition-lock {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 22px;
  padding: 2px 7px;
  border-radius: var(--radius-full);
  background: var(--amber-100);
  color: var(--amber-700);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.ax-condition-lock i {
  font-size: 13px;
}
.ax-condition-options {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 22px;
  padding: 2px 7px;
  border-radius: var(--radius-full);
  background: var(--blue-100);
  color: var(--blue-700);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.ax-condition-options i {
  font-size: 13px;
}
.ax-condition-options[hidden] {
  display: none;
}
.ax-condition-options.is-warning {
  background: var(--amber-100);
  color: var(--amber-700);
}
.ax-condition-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 4px 5px 4px 7px;
  border-radius: var(--radius-sm);
  background: var(--blue-100);
  color: var(--blue-700);
  font-size: 10.5px;
  font-weight: 600;
}
.ax-condition-action > i {
  font-size: 13px;
}
.ax-condition-action button {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin: -3px -3px -3px 1px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.ax-condition-action button:hover {
  background: rgba(255, 255, 255, 0.72);
}
.documents-choice-option.is-condition-unavailable {
  opacity: 0.58;
}
[data-theme="dark"] .ax-condition-lock {
  background: color-mix(in srgb, var(--amber-500) 18%, var(--background-card));
  color: var(--amber-300);
}
[data-theme="dark"] .ax-condition-options {
  background: color-mix(in srgb, var(--blue-500) 18%, var(--background-card));
  color: var(--blue-300);
}
[data-theme="dark"] .ax-condition-options.is-warning {
  background: color-mix(in srgb, var(--amber-500) 18%, var(--background-card));
  color: var(--amber-300);
}
[data-theme="dark"] .ax-condition-action {
  background: color-mix(in srgb, var(--blue-700) 42%, var(--surface-card));
  color: var(--blue-100);
}
.ax-document-field .field-error[data-field-value-error] {
  margin: 0;
  padding: 6px 12px 8px;
  color: var(--red-600);
}
.ax-document-field.is-half {
  grid-column: span 6;
}
.ax-document-field.is-third {
  grid-column: span 4;
}
.ax-document-field.is-quarter {
  grid-column: span 3;
}
.ax-document-field.is-two-thirds {
  grid-column: span 8;
}
.ax-document-field.is-wide {
  grid-column: span 12;
}
.ax-document-field.is-catalog-hidden {
  display: none;
}
@media (max-width: 720px) {
  .ax-document-field.is-half,
  .ax-document-field.is-third,
  .ax-document-field.is-quarter,
  .ax-document-field.is-two-thirds {
    grid-column: span 12;
  }
}
/* Обязательное поле */
.ax-required {
  margin-left: 3px;
  color: var(--red-600);
  font-weight: 700;
}
/* Составное поле: приставка/суффикс (напр. цена + ₽) */
.ax-document-field-body.ax-field-affix {
  display: flex;
  align-items: stretch;
  gap: 0;
}
.ax-document-field-body.ax-field-affix > .input,
.ax-document-field-body.ax-field-affix .input {
  flex: 1 1 auto;
  min-width: 0;
}
.ax-document-field-body.ax-field-affix .input-addon {
  flex: 0 0 auto;
}
.ax-attr-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  background: transparent;
}
.ax-attr-label .ax-label {
  margin: 0;
  margin-right: auto;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}
.ax-attr-id {
  display: inline-flex;
  align-items: center;
  padding: 1px 7px;
  border-radius: var(--radius-full);
  background: var(--background-card);
  border: 1px solid var(--border-subtle);
  color: var(--text-tertiary);
  font-family: var(--font-mono, ui-monospace, "SFMono-Regular", monospace);
  font-size: 11px;
  font-weight: 500;
}
.ax-attr-type {
  display: none;
}
.ax-attr-noplugin {
  display: inline-flex;
  align-items: center;
  padding: 1px 7px;
  border-radius: var(--radius-full);
  background: var(--background-inset);
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 600;
}
.ax-document-field-body {
  min-width: 0;
  padding: 12px 13px;
  background: transparent;
}
[data-theme="dark"] .ax-document-field {
  background: var(--background-card);
}
.ax-document-field-body > .input,
.ax-document-field-body > .select,
.ax-document-field-body > .textarea {
  width: 100%;
}
/* body-обёртка также несёт .documents-field-control (JS-хук пикеров) */
.documents-field-control {
  display: grid;
  gap: 7px;
}
.documents-boolean-control {
  display: flex;
  align-items: center;
  min-height: 38px;
}
.documents-boolean-control .switch {
  color: var(--text-secondary);
  font-weight: 600;
}
.documents-color-control {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.documents-color-control input[type="color"] {
  width: 42px;
  height: 38px;
  padding: 3px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
  cursor: pointer;
}
.documents-color-control input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
.documents-color-control input[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: calc(var(--radius-md) - 3px);
}
.documents-range-control,
.documents-period-control {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.documents-dimensions-control {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.documents-address-control {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}
.documents-address-control > .field {
  min-width: 0;
  margin: 0;
}
.documents-address-postal_code {
  grid-column: span 2;
}
.documents-address-region,
.documents-address-city {
  grid-column: span 5;
}
.documents-address-street {
  grid-column: span 7;
}
.documents-address-building {
  grid-column: span 2;
}
.documents-address-unit {
  grid-column: span 3;
}
.documents-address-latitude,
.documents-address-longitude {
  grid-column: span 6;
}
@media (max-width: 980px) {
  .documents-address-postal_code {
    grid-column: span 4;
  }
  .documents-address-region {
    grid-column: span 8;
  }
  .documents-address-city {
    grid-column: span 12;
  }
  .documents-address-street {
    grid-column: span 8;
  }
  .documents-address-building,
  .documents-address-unit {
    grid-column: span 2;
  }
}
.documents-dimensions-control .field,
.documents-dimensions-control .input-group {
  min-width: 0;
}
.documents-range-control .field,
.documents-range-control .input-group,
.documents-period-control .field {
  min-width: 0;
}
@media (max-width: 640px) {
  .documents-range-control,
  .documents-period-control,
  .documents-dimensions-control {
    grid-template-columns: 1fr;
  }
  .documents-address-control > .field {
    grid-column: span 12;
  }
}
.documents-choice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}
.documents-choice-option {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
  color: var(--text-secondary);
  cursor: pointer;
}
.documents-choice-option:has(input:checked) {
  border-color: var(--blue-300);
  background: var(--blue-50);
  color: var(--text-primary);
}
.documents-choice-option input {
  flex: 0 0 auto;
  margin-top: 2px;
  accent-color: var(--color-primary);
}
.documents-choice-option span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.documents-field-description {
  margin: -4px 13px 12px;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.45;
}
.documents-catalog-field {
  display: grid;
  gap: 10px;
  min-width: 0;
}
/* Выбранные разделы — токены-пилюли; «+» открывает выпадашку с поиском */
.documents-catalog-tokens {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.documents-catalog-tokens:not(:empty) {
  margin-bottom: 10px;
}
.documents-catalog-token {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 5px 6px 5px 11px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-full);
  background: var(--background-card);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-primary);
}
.documents-catalog-token-icon {
  flex: none;
  font-size: 15px;
  color: var(--color-primary);
}
.documents-catalog-token-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-catalog-token-remove {
  display: grid;
  place-items: center;
  flex: none;
  width: 19px;
  height: 19px;
  padding: 0;
  border: none;
  border-radius: var(--radius-full);
  background: transparent;
  color: var(--text-muted);
  font-size: 14px;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}
.documents-catalog-token-remove:hover {
  background: var(--red-100);
  color: var(--red-600);
}
.documents-catalog-empty {
  margin: 0;
  font-size: 12px;
  color: var(--text-secondary);
}
.documents-catalog-dropdown {
  display: block;
  position: relative;
}
/* В потоке (не absolute), чтобы не обрезалось overflow:hidden карточки поля. */
.documents-catalog-menu {
  position: static;
  width: 100%;
  max-height: 360px;
  margin-top: 4px;
  overflow-y: auto;
  padding: 6px;
}
.documents-catalog-search {
  width: 100%;
  margin-bottom: 6px;
}
.documents-catalog-tree,
.documents-catalog-tree ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.documents-catalog-tree ol {
  margin-left: 20px;
  border-left: 1px solid var(--border-default);
}
.documents-catalog-tree li.is-filtered {
  display: none;
}
.documents-catalog-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 36px;
  padding: 6px 8px;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.documents-catalog-option.is-picked {
  display: none;
}
.documents-catalog-option:hover {
  background: var(--background-muted);
}
.documents-catalog-option-main {
  display: grid;
  min-width: 0;
  margin-right: auto;
}
.documents-catalog-option-main b,
.documents-catalog-option-main small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-catalog-option-main b {
  font-size: 13px;
}
.documents-catalog-option-main small {
  font-size: 11px;
  color: var(--text-secondary);
}
/* Заголовок поля со счётчиком символов справа */
.field-label.between-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.field-count {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-tertiary);
}
.field-count.is-over {
  color: var(--red-600);
}
/* Alias-группа (input-group ките): «/» слева, кнопка генерации справа */
.documents-alias-group .input {
  flex: 1 1 auto;
  min-width: 0;
}
.documents-alias-gen {
  cursor: pointer;
  gap: 0;
  color: var(--text-secondary);
  transition: background 0.12s ease, color 0.12s ease;
}
.documents-alias-gen:hover {
  background: var(--background-inset);
  color: var(--text-primary);
}
.documents-alias-gen i {
  font-size: 15px;
}
/* SEO-сниппет (превью выдачи) */
.documents-seo-snippet {
  padding: 12px 14px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
}
.documents-seo-url {
  font-size: 12px;
  color: var(--green-600);
  word-break: break-all;
}
.documents-seo-title {
  margin: 2px 0 3px;
  font-size: 16px;
  line-height: 1.3;
  color: var(--text-link, var(--blue-600));
  font-weight: 600;
}
.documents-seo-desc {
  font-size: 13px;
  line-height: 1.45;
  color: var(--text-secondary);
}
.documents-field-control .textarea {
  min-height: 118px;
}
.documents-field-control .rich-editor {
  min-width: 0;
}
.documents-field-control .rich-editor-content,
.documents-field-control .rich-editor-prose {
  min-height: 360px;
}
.documents-field-control .rich-editor-simple .rich-editor-content,
.documents-field-control .rich-editor-simple .rich-editor-prose {
  min-height: 260px;
}
.documents-field-control .rich-editor-slim .rich-editor-content,
.documents-field-control .rich-editor-slim .rich-editor-prose {
  min-height: 180px;
}
.documents-relation-field {
  display: grid;
  justify-items: start;
  gap: 10px;
  min-width: 0;
}
.documents-relation-tokens {
  display: grid;
  width: 100%;
  gap: 7px;
}
.documents-relation-token {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 7px 7px 7px 11px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
}
.documents-relation-token > span {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}
.documents-relation-token b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.documents-relation-token small,
.documents-relation-empty {
  color: var(--text-tertiary);
  font-size: 12px;
}
.documents-relation-empty {
  margin: 0;
}
.documents-relation-item.is-selected {
  background: var(--color-primary-soft);
  box-shadow: inset 3px 0 0 var(--color-primary);
}
/* Одиночная связь «Документ из рубрики»: выпадашка с заголовком выбранного документа */
.documents-relation-single {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
}
.documents-relation-clear[hidden] {
  display: none;
}
.documents-relation-choice {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 8px 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.documents-relation-choice:hover {
  border-color: var(--border-strong);
}
.documents-relation-choice:focus-visible {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-soft);
}
.documents-relation-choice-ic {
  flex: 0 0 auto;
  font-size: 18px;
  color: var(--color-primary);
}
.documents-relation-single.is-empty .documents-relation-choice-ic {
  color: var(--text-tertiary);
}
.documents-relation-choice-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  flex: 1;
}
.documents-relation-choice-text b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
}
.documents-relation-single.is-empty .documents-relation-choice-text b {
  color: var(--text-secondary);
  font-weight: 500;
}
.documents-relation-choice-text small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-tertiary);
  font-size: 11.5px;
}
.documents-relation-choice-caret {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 16px;
  color: var(--text-tertiary);
}
.documents-media-field {
  display: grid;
  gap: 8px;
}
/* Медиа-поле = карточка: сверху квадратное превью, ниже подпись пути и поля */
.documents-media-card {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 10px;
  border-radius: var(--radius-lg);
  background: var(--background-card);
  box-shadow: inset 0 0 0 1px var(--border-default);
}
.documents-single-media-field.documents-media-card {
  grid-template-columns: 132px minmax(0, 1fr);
  max-width: none;
  align-items: start;
}
.documents-single-media-field .documents-media-thumb {
  width: 132px;
}
.documents-media-card-body {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.documents-media-card-actions {
  display: flex;
  gap: 6px;
}
.documents-media-preview,
.documents-media-thumb {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: linear-gradient(45deg, rgba(15, 23, 42, 0.04) 25%, transparent 25%), linear-gradient(-45deg, rgba(15, 23, 42, 0.04) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(15, 23, 42, 0.04) 75%), linear-gradient(-45deg, transparent 75%, rgba(15, 23, 42, 0.04) 75%), var(--background-inset);
  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
  background-size: 16px 16px;
  color: var(--text-tertiary);
  cursor: pointer;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px var(--border-default);
  transition: box-shadow 0.16s cubic-bezier(0.2, 0, 0, 1), transform 0.16s cubic-bezier(0.2, 0, 0, 1);
}
.documents-media-preview:hover,
.documents-media-thumb:hover {
  box-shadow: inset 0 0 0 1px var(--blue-300);
}
.documents-media-preview:active,
.documents-media-thumb:active {
  transform: scale(0.98);
}
.documents-media-preview img,
.documents-media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.documents-media-preview span,
.documents-media-thumb span {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}
/* Подпись «куда сохранится» */
.documents-media-path {
  min-width: 0;
  font-size: 12px;
  color: var(--text-tertiary);
}
.documents-media-path code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-secondary);
}
.documents-media-path-empty {
  color: var(--text-tertiary);
}
.documents-youtube-field,
.documents-media-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.documents-media-list-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 12px;
  align-items: start;
  min-width: 0;
}
.documents-inline-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
}
.documents-numeric-parts {
  grid-template-columns: repeat(var(--parts-count, 2), minmax(120px, 1fr));
}
.documents-media-list-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.documents-media-list-actions input[type="file"],
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.documents-media-dropzone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 54px;
  padding: 12px;
  border: 1px dashed var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--background-card);
  color: var(--text-secondary);
  font-size: 13px;
  transition: border-color 0.16s cubic-bezier(0.2, 0, 0, 1), background 0.16s cubic-bezier(0.2, 0, 0, 1), color 0.16s cubic-bezier(0.2, 0, 0, 1);
}
.documents-media-dropzone i {
  font-size: 18px;
  color: var(--blue-600);
}
.documents-media-dropzone code {
  padding: 1px 6px;
  border-radius: var(--radius-sm);
  background: var(--background-inset);
  font-family: var(--font-mono, ui-monospace, "SFMono-Regular", monospace);
  font-size: 12px;
}
.documents-media-dropzone.is-dragover {
  border-color: var(--blue-400);
  background: var(--blue-50);
  color: var(--blue-700);
}
.documents-media-row-fields {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.documents-media-card-actions .btn-icon {
  min-width: 32px;
  width: 32px;
  height: 32px;
}
.documents-single-media-field .documents-media-card-actions .btn {
  width: auto;
  min-width: 0;
  padding-inline: 10px;
}
.documents-media-card-actions .documents-media-remove {
  margin-left: auto;
}
.documents-media-row-fields .textarea {
  min-height: 64px;
}
.documents-media-empty {
  padding: 14px;
  border-radius: var(--radius-lg);
  background: var(--bg-soft);
  color: var(--text-secondary);
  font-size: 13px;
  text-align: center;
}
.documents-value-list,
.documents-value-list-items {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.documents-value-list-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.documents-value-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  gap: 10px;
  align-items: start;
  min-width: 0;
  padding: 12px;
  border-radius: var(--radius-lg);
  background: var(--bg-soft);
  box-shadow: inset 0 0 0 1px var(--border-default);
}
.documents-value-row-tools,
.documents-value-row-fields {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.documents-value-row-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.documents-value-row-list_single .documents-value-row-fields {
  grid-template-columns: minmax(0, 1fr);
}
.documents-value-row-list_triple .documents-value-row-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.documents-value-row-packages .documents-value-row-fields {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1100px) {
  .documents-value-row-packages .documents-value-row-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .documents-value-row-packages .documents-value-row-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}
.documents-value-row-tools .btn,
.documents-value-remove {
  min-width: 34px;
  width: 34px;
  height: 34px;
}
.documents-value-empty {
  padding: 14px;
  border-radius: var(--radius-lg);
  background: var(--bg-soft);
  color: var(--text-secondary);
  font-size: 13px;
  text-align: center;
}
.documents-picker-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  gap: 8px;
  align-items: center;
}
.documents-picker-input .btn {
  min-width: 38px;
}
.documents-picker-input-link {
  grid-template-columns: minmax(0, 1fr) 38px 38px;
}
/* Ручка перетаскивания строк (медиа/значения) */
.documents-drag-handle {
  cursor: grab;
}
.documents-drag-handle:active {
  cursor: grabbing;
}
.documents-row-dragging {
  opacity: 0.5;
}
[data-document-alias-state].is-ok {
  color: var(--green-600);
}
[data-document-alias-state].is-error {
  color: var(--red-600);
}
.documents-picker-overlay.show {
  display: flex;
}
.documents-media-picker,
.documents-relation-picker {
  width: min(66.666vw, 1200px);
  height: min(66.666vh, 800px);
  max-height: calc(100vh - 40px);
}
.documents-picker-overlay .modal-body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.documents-picker-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.documents-picker-tools .input-wrap,
.documents-relation-search {
  flex: 1 1 auto;
  min-width: 0;
}
.documents-picker-crumbs {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  min-width: 0;
  overflow-x: auto;
}
.documents-picker-crumb,
.documents-picker-sep {
  flex: 0 0 auto;
}
.documents-picker-crumb {
  border: 0;
  background: transparent;
  color: var(--blue-600);
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
}
.documents-picker-status {
  padding: 18px;
  color: var(--text-secondary);
  text-align: center;
}
.documents-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 10px;
  flex: 1 1 auto;
  align-content: start;
  min-height: 0;
  max-height: none;
  overflow: auto;
}
.documents-media-item {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
}
.documents-media-item span:first-child {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: var(--bg-soft);
  color: var(--text-secondary);
}
.documents-media-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
.documents-media-item b,
.documents-media-item small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-media-item b {
  font-size: 12px;
  line-height: 1.25;
}
.documents-media-item small {
  font-size: 11px;
  color: var(--text-secondary);
}
.documents-relation-list {
  display: grid;
  gap: 8px;
  flex: 1 1 auto;
  align-content: start;
  min-height: 0;
  max-height: none;
  overflow: auto;
}
.documents-relation-item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) minmax(120px, 0.35fr);
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
}
.documents-relation-id {
  font-family: var(--font-mono);
  color: var(--text-secondary);
}
.documents-relation-item b,
.documents-relation-item small,
.documents-relation-item em {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-relation-item small,
.documents-relation-item em {
  font-size: 12px;
  color: var(--text-secondary);
  font-style: normal;
}
.documents-facts {
  display: grid;
  gap: 10px;
  margin: 0;
}
.documents-snapshot-facts dd {
  min-width: 0;
  overflow-wrap: anywhere;
}
.documents-facts div {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 10px;
}
.documents-facts dt {
  color: var(--text-secondary);
  font-size: 12px;
}
.documents-facts dd {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: var(--text-primary);
}
.documents-sticky-actions {
  justify-content: space-between;
}
.documents-save-state {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 600;
}
.documents-save-state-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border-radius: var(--radius-full);
  background: var(--green-100);
  color: var(--green-600);
}
.documents-save-state[data-state="dirty"] .documents-save-state-icon {
  background: var(--amber-100);
  color: var(--amber-600);
}
.documents-save-state[data-state="saving"] .documents-save-state-icon {
  background: var(--blue-100);
  color: var(--blue-600);
}
.documents-save-state[data-state="draft"] .documents-save-state-icon {
  background: var(--amber-100);
  color: var(--amber-700);
}
.documents-save-state[data-state="saving"] .documents-save-state-icon i {
  animation: documents-spin 0.8s linear infinite;
}
@keyframes documents-spin {
  to {
    transform: rotate(360deg);
  }
}
.documents-label-mobile {
  display: none;
}
.documents-side-note {
  margin: 10px 0 0;
  line-height: 1.4;
}
.documents-revisions-panel {
  width: min(1120px, calc(100vw - 36px));
}
.documents-payload-panel {
  width: min(1120px, 66.666vw);
  min-width: min(720px, calc(100vw - 24px));
}
.documents-payload-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 0;
}
.documents-payload-body .alert > div {
  display: grid;
  gap: 3px;
}
.documents-payload-code {
  flex: 1 1 auto;
  min-height: 420px;
  max-height: calc(100vh - 270px);
  margin: 0;
  padding: 16px;
  overflow: auto;
  border-radius: var(--radius-md);
  background: #111827;
  color: #e5e7eb;
  font: 13px/1.55 var(--font-mono, monospace);
  tab-size: 2;
  white-space: pre;
}
@media (max-width: 760px) {
  .documents-payload-panel {
    width: calc(100vw - 12px);
    min-width: 0;
  }
  .documents-payload-code {
    min-height: 320px;
    max-height: calc(100vh - 300px);
  }
}
.documents-drawer-title h3 {
  margin: 0 0 4px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
}
.documents-drawer-title p {
  margin: 0;
}
.documents-revisions-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}
.documents-revisions-list,
.documents-revision-preview {
  min-width: 0;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--background-card);
  overflow: hidden;
}
.documents-revisions-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border-default);
}
.documents-revisions-head h4 {
  margin: 0 0 3px;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 800;
}
.documents-revisions-head p {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
}
.documents-revisions-list-rows {
  display: grid;
  gap: 8px;
  max-height: min(320px, 38vh);
  overflow: auto;
  padding: 12px;
}
.documents-revision-fields {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.documents-revision-system,
.documents-revision-content {
  display: grid;
  gap: 8px;
}
.documents-revision-content {
  margin-top: 8px;
}
.documents-revision-subhead {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding: 7px 2px;
  color: var(--text-secondary);
  font-size: 12px;
}
.documents-revision-subhead b {
  color: var(--text-primary);
  font-size: 13px;
}
.documents-revision-system-field {
  background: var(--background-subtle);
}
.documents-revision-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
}
.documents-revision-row.is-active {
  border-color: var(--blue-200);
  background: var(--blue-50);
}
.documents-revision-icon {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-md);
  font-size: 16px;
  --tile-bg: var(--violet-100);
  --tile-fg: var(--violet-600);
}
.documents-revision-row-main {
  min-width: 0;
}
.documents-revision-row-main b,
.documents-revision-row-main div {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-revision-row-main .badge {
  margin-left: 6px;
}
.documents-revision-field {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
}
.documents-revision-field div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.documents-revision-field b {
  font-size: 13px;
}
.documents-revision-field span {
  color: var(--text-secondary);
  font-size: 12px;
}
.documents-revision-field-name {
  display: grid;
  flex: 1 1 auto;
  gap: 2px;
  min-width: 0;
}
.documents-revision-check,
.documents-revision-group-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  color: var(--text-secondary);
  cursor: pointer;
}
.documents-revision-check input,
.documents-revision-group-check input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--color-primary);
}
.documents-revision-group-check {
  gap: 6px;
  min-width: auto;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 600;
}
.documents-revision-group-check span {
  color: inherit;
}
.documents-revision-field-name b,
.documents-revision-field-name small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-revision-field-name small {
  color: var(--text-tertiary);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
}
.documents-revision-field pre {
  margin: 0;
  max-height: 220px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-primary);
}
.documents-aliases-panel {
  width: min(760px, 66.666vw);
}
.documents-remarks-panel {
  width: min(760px, 66.666vw);
}
.documents-remarks-drawer,
.documents-remark-list {
  display: grid;
  align-content: start;
  gap: 12px;
  overflow-x: hidden;
}
.documents-remark-form {
  overflow: hidden;
}
.documents-remark {
  padding: 14px;
}
.documents-remark-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.documents-remark-head b,
.documents-remark-head small {
  display: block;
}
.documents-remark-head small {
  margin-top: 3px;
  color: var(--text-secondary);
  font-size: 12px;
}
.documents-remark p {
  margin: 10px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.5;
}
.documents-aliases-drawer {
  display: grid;
  align-content: start;
  gap: 16px;
  overflow-x: hidden;
}
.documents-alias-form {
  overflow: hidden;
}
/* Заголовки форм в дроверах инструментов */
.documents-drawer-form .documents-section-head {
  padding: 12px 16px;
}
.documents-drawer-form .documents-section-head h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
}
.documents-drawer-form .documents-head-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  font-size: 16px;
}
.documents-alias-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 0 16px 16px;
}
.documents-alias-list {
  display: grid;
  gap: 8px;
}
.documents-alias-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
}
.documents-alias-icon {
  width: 34px;
  height: 34px;
  --tile-bg: var(--cyan-100);
  --tile-fg: var(--cyan-600);
}
.documents-alias-main {
  min-width: 0;
}
.documents-alias-main b,
.documents-alias-main small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-alias-main small {
  margin-top: 3px;
  color: var(--text-secondary);
  font-size: 12px;
}
.documents-alias-actions {
  flex-wrap: nowrap;
}
@media (max-width: 860px) {
  .documents-media-picker,
  .documents-relation-picker {
    width: 100%;
    height: 94vh;
    max-height: 94vh;
  }
  .documents-filter .input-wrap,
  .documents-filter .select,
  .documents-filter .btn {
    flex: 1 1 100%;
    max-width: none;
    width: 100%;
  }
  .documents-pagination {
    align-items: flex-start;
    flex-direction: column;
  }
  .documents-edit-layout {
    display: flex;
    flex-direction: column;
  }
  .documents-edit-main,
  .documents-edit-side {
    display: contents;
  }
  .documents-section-main {
    order: 1;
  }
  .documents-section-publish {
    order: 2;
  }
  .documents-section-dates {
    order: 3;
  }
  .documents-section-seo {
    order: 4;
  }
  .documents-views-grid {
    grid-template-columns: 1fr;
  }
  .documents-edit-side {
    position: static;
  }
  .documents-revisions-layout {
    grid-template-columns: 1fr;
  }
  .documents-aliases-panel {
    width: 100%;
  }
  .documents-remarks-panel {
    width: 100%;
  }
  .documents-alias-row {
    grid-template-columns: 36px minmax(0, 1fr) auto;
  }
  .documents-alias-actions {
    grid-column: 2 / -1;
    justify-content: flex-end;
  }
  .documents-media-field,
  .documents-inline-grid,
  .documents-field-head,
  .documents-relation-item {
    grid-template-columns: 1fr;
  }
  .ax-document-field.is-half,
  .ax-document-field.is-third,
  .ax-document-field.is-two-thirds {
    grid-column: span 12;
  }
}
@media (max-width: 700px) {
  .documents-workspace-tabs {
    display: none;
  }
  .documents-workspace-mobile {
    display: grid;
  }
  .documents-single-media-field.documents-media-card {
    grid-template-columns: 1fr;
  }
  .documents-single-media-field .documents-media-thumb {
    width: min(180px, 100%);
  }
  .documents-edit-header .between {
    align-items: flex-start;
  }
  .documents-edit-header .cluster {
    flex: 0 0 auto;
  }
  .documents-edit-header .btn {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    font-size: 0;
  }
  .documents-edit-header .btn i {
    margin: 0;
    font-size: 17px;
  }
  .documents-sticky-actions {
    bottom: 6px;
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
  }
  .documents-sticky-actions .cluster {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    gap: 7px;
  }
  .documents-sticky-actions .btn {
    width: 100%;
    min-width: 0;
    padding-inline: 9px;
  }
  .documents-json-button span,
  .documents-label-desktop {
    display: none;
  }
  .documents-label-mobile {
    display: inline;
  }
  .documents-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .documents-stat {
    gap: 10px;
    min-width: 0;
    padding: 13px;
  }
  .documents-stat .icon-tile {
    width: 34px;
    height: 34px;
  }
  .documents-stat b {
    font-size: 18px;
  }
  .documents-section-head {
    padding: 14px 12px;
  }
  .documents-panel .table-scroll {
    overflow: visible;
  }
  .documents-table,
  .documents-table tbody,
  .documents-table tr,
  .documents-table td {
    display: block;
    width: 100%;
  }
  .documents-panel table.documents-table {
    min-width: 0;
    max-width: 100%;
  }
  .documents-table colgroup,
  .documents-table thead {
    display: none;
  }
  .documents-table tbody {
    background: var(--background-surface);
  }
  .documents-table .documents-row {
    position: relative;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    grid-template-areas: "check title id" "check rubric rubric" "state state state" "date date date" "actions actions actions";
    gap: 9px 10px;
    padding: 13px 12px 11px;
    border-bottom: 1px solid var(--border-default);
  }
  .documents-table .documents-row:last-child {
    border-bottom: 0;
  }
  .documents-table .documents-row:nth-child(even) {
    background: color-mix(in srgb, var(--background-muted) 55%, var(--background-surface));
  }
  .documents-table .documents-row.is-draft {
    box-shadow: inset 3px 0 0 var(--amber-500);
  }
  .documents-table .documents-row.is-deleted {
    background: color-mix(in srgb, var(--red-50) 58%, var(--background-surface));
    box-shadow: inset 3px 0 0 var(--red-500);
  }
  .documents-table .documents-row td {
    width: auto;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .documents-cell-check {
    grid-area: check;
    padding-top: 2px !important;
  }
  .documents-cell-id {
    grid-area: id;
    justify-self: end;
    font-size: 12px;
  }
  .documents-cell-title {
    grid-area: title;
  }
  .documents-cell-rubric {
    grid-area: rubric;
  }
  .documents-cell-state {
    grid-area: state;
    justify-self: end;
  }
  .documents-cell-date {
    grid-area: date;
  }
  .documents-cell-actions {
    grid-area: actions;
  }
  .documents-name b,
  .documents-meta span {
    white-space: normal;
  }
  .documents-name b {
    font-size: 13.5px;
    line-height: 1.35;
  }
  .documents-name small,
  .documents-cell-rubric .documents-meta span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .documents-cell-rubric .documents-meta {
    display: flex;
    gap: 5px;
  }
  .documents-cell-date .documents-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    padding-top: 8px;
    border-top: 1px solid var(--border-subtle);
  }
  .documents-cell-date .documents-meta span {
    display: flex;
    gap: 5px;
    font-size: 11.5px;
  }
  .documents-mobile-label {
    display: inline;
    color: var(--text-tertiary);
  }
  .documents-cell-actions {
    padding-top: 1px !important;
  }
  .documents-actions {
    justify-content: flex-end;
    gap: 4px;
  }
  .documents-actions .btn {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
  .documents-pagination {
    padding: 13px 12px;
  }
}
.documents-create-drawer {
  width: min(66.666vw, 980px);
  max-width: none;
}
.documents-create-body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  background: var(--background-subtle);
}
.documents-create-search {
  width: 100%;
  margin-bottom: 14px;
}
.documents-create-layout {
  display: grid;
  grid-template-columns: minmax(250px, 32%) minmax(0, 1fr);
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
}
.documents-create-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  overflow-y: auto;
  border-right: 1px solid var(--border-default);
  background: var(--background-muted);
}
.documents-create-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 62px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--text-primary);
  font: inherit;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  transition-property: border-color, box-shadow, transform;
  transition-duration: 140ms;
}
.documents-create-item:hover {
  border-color: var(--blue-200);
  background: var(--background-card);
  box-shadow: var(--shadow-xs);
}
.documents-create-item[hidden] {
  display: none;
}
.documents-create-item:active {
  transform: scale(0.96);
}
.documents-create-item.is-current {
  border-color: var(--blue-300);
  background: var(--blue-50);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--blue-300) 25%, transparent);
}
.documents-create-name {
  min-width: 0;
}
.documents-create-name b,
.documents-create-name small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-create-name small {
  margin-top: 4px;
  color: var(--text-secondary);
}
.documents-create-arrow {
  color: var(--text-tertiary);
}
.documents-create-empty {
  margin-top: 12px;
}
.documents-create-details {
  min-width: 0;
  overflow-y: auto;
}
.documents-create-detail {
  min-height: 100%;
  padding: 20px;
}
.documents-create-detail-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.documents-create-detail-head h4 {
  margin: 0;
  font-size: 17px;
}
.documents-create-detail-head p {
  margin: 4px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
}
.documents-create-blank {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid var(--green-200);
  border-radius: var(--radius-md);
  background: var(--green-50);
  color: var(--text-primary);
  text-decoration: none;
}
.documents-create-blank:hover {
  border-color: var(--green-400);
  box-shadow: var(--shadow-sm);
  text-decoration: none;
}
.documents-create-blank b,
.documents-create-blank small {
  display: block;
}
.documents-create-blank small {
  margin-top: 3px;
  color: var(--text-secondary);
}
.documents-create-blank > .ti {
  color: var(--green-600);
}
.documents-create-presets-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 22px 0 9px;
}
.documents-create-presets-head h5 {
  margin: 0;
  font-size: 13px;
}
.documents-create-presets {
  display: grid;
  gap: 7px;
}
.documents-create-preset {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
}
.documents-create-preset:hover {
  border-color: var(--cyan-300);
}
.documents-create-preset > a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 10px 5px 10px 11px;
  color: var(--text-primary);
  text-decoration: none;
}
.documents-create-preset > a:hover {
  text-decoration: none;
}
.documents-create-preset b,
.documents-create-preset small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-create-preset small {
  margin-top: 3px;
  color: var(--text-secondary);
}
.documents-create-preset > .btn {
  margin-right: 5px;
}
.documents-create-presets-empty {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 70px;
  padding: 13px;
  border: 1px dashed var(--border-default);
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.45;
}
.documents-create-presets-empty > .ti {
  flex: 0 0 auto;
  color: var(--text-tertiary);
  font-size: 22px;
}
.documents-preset-notice {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border: 1px solid var(--cyan-200);
  border-radius: var(--radius-md);
  background: var(--cyan-50);
}
.documents-preset-notice b,
.documents-preset-notice span {
  display: block;
}
.documents-preset-notice span {
  margin-top: 2px;
  color: var(--text-secondary);
  font-size: 12px;
}
.documents-preset-panel > form {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.documents-preset-body {
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow-y: auto;
  background: var(--background-subtle);
}
.documents-preset-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.documents-preset-options .switch {
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--background-card);
}
.documents-preset-options .switch b {
  min-width: 0;
  font-size: 12.5px;
}
.documents-preset-warning {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  background: var(--amber-50);
  color: var(--amber-800);
  font-size: 12px;
  line-height: 1.45;
}
.documents-preset-warning .ti {
  margin-top: 1px;
}
@media (max-width: 760px) {
  .documents-create-drawer {
    width: 100%;
    max-width: 100%;
  }
  .documents-create-body {
    overflow-y: auto;
  }
  .documents-create-layout {
    display: block;
    flex: 0 0 auto;
    overflow: visible;
  }
  .documents-create-list {
    max-height: 250px;
    overflow-y: auto;
    border-right: 0;
    border-bottom: 1px solid var(--border-default);
  }
  .documents-create-details {
    overflow: visible;
  }
  .documents-create-detail {
    min-height: 0;
    padding: 15px;
  }
  .documents-preset-notice {
    grid-template-columns: 36px minmax(0, 1fr);
  }
  .documents-preset-notice > .btn {
    grid-column: 2;
    justify-self: start;
  }
  .documents-preset-options {
    grid-template-columns: 1fr;
  }
}
.documents-relations-section {
  margin-top: var(--space-5);
}
.documents-relations-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}
.documents-relation-list {
  display: grid;
  align-content: start;
  gap: var(--space-2);
  min-width: 0;
}
.documents-relation-title,
.documents-relation-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}
.documents-relation-title {
  padding-bottom: var(--space-2);
}
.documents-relation-title span {
  color: var(--text-secondary);
  font-size: 12px;
}
.documents-relation-row {
  min-height: 48px;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  background: var(--surface-muted);
  color: var(--text-primary);
  text-decoration: none;
}
.documents-relation-row:hover {
  background: var(--blue-50);
  color: var(--blue-700);
}
.documents-relation-row > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.documents-relation-row b,
.documents-relation-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-relation-row small {
  color: var(--text-secondary);
}
@media (max-width: 820px) {
  .documents-relations-grid {
    grid-template-columns: 1fr;
  }
}