/* admin.css - shared admin/docs/DLO styles. Cleaned 2026-07-10. */

/* Page rhythm and headings */
.form-alerts {
  min-height: 0 !important;
  margin: 0 !important;
}

.right-pane > h1,
.right-pane > div > h1,
.right-pane .mb-page-header h1 {
  color: #1f4f82 !important;
}

.right-pane > .mb-page-header,
.right-pane > div:has(> h1 + p) {
  margin: 0 0 10px !important;
}

.right-pane > .mb-page-header {
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

.right-pane > .mb-page-header h1,
.right-pane > div:has(> h1 + p) > h1,
.right-pane > h1 {
  margin: 0 0 8px !important;
  line-height: 1.2;
}

.right-pane > .mb-page-header p,
.right-pane > div:has(> h1 + p) > p {
  margin: 0 !important;
}

.right-pane > h1 + p {
  margin: 0 0 10px !important;
}

.right-pane > h1 + p + br,
.right-pane > div:has(> h1 + p) > br {
  display: none !important;
}

.right-pane > div:has(> h1 + p) + .form-alerts {
  min-height: 0 !important;
  margin: 0 !important;
}

.right-pane > div:has(> h1 + p) + .form-alerts:empty {
  display: none !important;
}

.right-pane > div:has(> h1 + p) + .dlo-list,
.right-pane > div:has(> h1 + p) + .data-list-container,
.right-pane > div:has(> h1 + p) + .docs-category-manager,
.right-pane > div:has(> h1 + p) + .docs-category-page,
.right-pane > div:has(> h1 + p) + .docs-document-shell,
.right-pane > div:has(> h1 + p) + .form-alerts + .dlo-list,
.right-pane > div:has(> h1 + p) + .form-alerts + .data-list-container,
.right-pane > div:has(> h1 + p) + .form-alerts + .docs-category-manager,
.right-pane > div:has(> h1 + p) + .form-alerts + .docs-category-page,
.right-pane > div:has(> h1 + p) + .form-alerts + .docs-document-shell,
.right-pane > .mb-page-header ~ .data-list-container,
.right-pane > .mb-page-header ~ .dlo-list,
.right-pane > h1 + p ~ .data-list-container,
.right-pane > h1 + p ~ .dlo-list,
.right-pane > h1 + p ~ .docs-category-manager,
.right-pane > h1 + p ~ .docs-category-page,
.right-pane > h1 + p ~ .docs-document-shell,
.right-pane > div:has(> h1 + p) ~ .data-list-container {
  margin-top: 12px !important;
}

.right-pane > .mb-page-header ~ .data-list-container > .dlo-list,
.right-pane > h1 + p ~ .data-list-container > .dlo-list,
.right-pane > div:has(> h1 + p) ~ .data-list-container > .dlo-list {
  margin-top: 0 !important;
}

.docs-page-actions {
  display: none !important;
}

/* Shared DLO/list shell */
.dlo-list,
.asset-dlo {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 14px 0 24px;
  border: 2px solid #9fb1c9 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.dlo-list {
  margin: 14px 0 24px;
}

.dlo-head,
.asset-dlo-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #c5d2e3 !important;
  background: #f8fafc !important;
}

.dlo-head h2,
.asset-dlo-head h2 {
  margin: 0;
  color: #1f4f82 !important;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
}

.dlo-list .dlo-action,
.dlo-list .dlo-action:visited,
.asset-dlo .asset-dlo-action,
.asset-dlo .asset-dlo-action:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #2f6db3;
  border-radius: 6px;
  background: #2f6db3;
  color: #fff !important;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
}

.dlo-list .dlo-action:hover,
.asset-dlo .asset-dlo-action:hover {
  background: #265d99;
  color: #fff !important;
  text-decoration: none !important;
}

/* Shared nested DLO normalization */
.dlo-list .dlo-related-head,
.dlo-list .asset-dlo-related-head,
.dlo-list .admin-asset-related-head,
.asset-dlo .dlo-related-head,
.asset-dlo .asset-dlo-related-head,
.asset-dlo .admin-asset-related-head {
  display: none !important;
}

.dlo-list .dlo-related-list,
.dlo-list .asset-dlo-related-list,
.dlo-list .admin-asset-related-list,
.asset-dlo .dlo-related-list,
.asset-dlo .asset-dlo-related-list,
.asset-dlo .admin-asset-related-list {
  border: 0 !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.dlo-list .dlo-related-table-wrap,
.dlo-list .asset-dlo-related-table-wrap,
.dlo-list .admin-asset-related-table-wrap,
.asset-dlo .dlo-related-table-wrap,
.asset-dlo .asset-dlo-related-table-wrap,
.asset-dlo .admin-asset-related-table-wrap {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.dlo-list .dlo-related-table,
.dlo-list .asset-dlo-related-table,
.dlo-list .admin-asset-related-table,
.asset-dlo .dlo-related-table,
.asset-dlo .asset-dlo-related-table,
.asset-dlo .admin-asset-related-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.dlo-table-wrap,
.asset-dlo-table-wrap {
  overflow-x: auto;
  border: 0 !important;
  background: #fff !important;
}

.dlo-table,
.asset-dlo-table {
  width: 100% !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed;
  background: #fff;
}

.dlo-table th,
.dlo-table td,
.asset-dlo-table th,
.asset-dlo-table td {
  padding: 10px 12px;
  border: 0 !important;
  border-right: 1px solid #d7e0ec !important;
  border-bottom: 1px solid #d7e0ec !important;
  color: #344054;
  font-size: 12px;
  line-height: 1.35;
  text-align: left;
  vertical-align: middle;
}

.dlo-table thead th,
.dlo-table th,
.asset-dlo-table thead th,
.asset-dlo-table th {
  border-bottom: 1px solid #c5d2e3 !important;
  background: #e8f1ff !important;
  color: #263b5e !important;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none !important;
}

.dlo-table th:last-child,
.dlo-table td:last-child,
.asset-dlo-table th:last-child,
.asset-dlo-table td:last-child {
  border-right: 0 !important;
}

.dlo-table tbody tr:last-child td,
.asset-dlo-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.dlo-table-center,
.asset-dlo-sn,
.asset-dlo-edit,
.dlo-status-cell,
.asset-dlo-table td:has(> .dlo-status) {
  text-align: center !important;
}

.dlo-table-action {
  display: table-cell !important;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  vertical-align: middle;
}

.asset-dlo-sn {
  width: 58px;
}

.asset-dlo-edit {
  width: 70px;
}

.asset-dlo-name {
  width: auto;
}

.dlo-empty,
.asset-dlo-empty,
.dlo-empty-row td {
  padding: 18px 14px;
  color: #667085;
  text-align: center;
}

.dlo-status {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: 100% !important;
  min-height: 24px !important;
  padding: 3px 9px !important;
  border: 1px solid #b8c4d6 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.dlo-status-cell .dlo-status,
.asset-dlo-table td:has(> .dlo-status) > .dlo-status {
  margin-inline: auto !important;
}

.dlo-pagination,
.asset-dlo-pagination {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
}

.dlo-pagination:has(.pagination),
.asset-dlo-pagination:has(.pagination) {
  display: block !important;
  padding: 10px 12px !important;
  border-top: 1px solid #c5d2e3 !important;
  background: #fff !important;
}

.dlo-pagination .pagination,
.asset-dlo-pagination .pagination,
.dlo-list > .pagination,
.asset-dlo > .pagination {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  color: #475467;
  font-size: 12px;
}

.dlo-list > .pagination,
.asset-dlo > .pagination {
  padding: 10px 12px !important;
  border-top: 1px solid #c5d2e3 !important;
  background: #fff !important;
}

.dlo-pagination .pagination a,
.dlo-pagination .pagination span,
.asset-dlo-pagination .pagination a,
.asset-dlo-pagination .pagination span,
.dlo-list > .pagination a,
.dlo-list > .pagination span,
.asset-dlo > .pagination a,
.asset-dlo > .pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border: 1px solid #b8c2d0;
  border-radius: 6px;
  color: #344054;
  text-decoration: none !important;
  background: #fff;
}

.dlo-pagination .pagination span,
.asset-dlo-pagination .pagination span,
.dlo-list > .pagination span,
.asset-dlo > .pagination span {
  border-color: #1d4ed8;
  color: #1d4ed8;
  font-weight: 700;
}

/* CSS/JS asset pages */
body.admin-asset-page .right-pane {
  color: #22304a;
}

body.admin-asset-page .right-pane > h1,
body.admin-asset-page .right-pane > h2,
body.admin-asset-page .right-pane > h3 {
  display: block !important;
  margin: 0 0 6px !important;
  color: #1f4f82 !important;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane > a[href$="/create"],
body.admin-asset-page .right-pane > p > a[href$="/create"],
body.admin-asset-page .right-pane > div > a[href$="/create"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  margin: 4px 0 14px;
  border: 1px solid #2f66e8;
  border-radius: 6px;
  background: #fff;
  color: #0747cf;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

body.admin-asset-page .right-pane > a[href$="/create"]:hover,
body.admin-asset-page .right-pane > p > a[href$="/create"]:hover,
body.admin-asset-page .right-pane > div > a[href$="/create"]:hover {
  background: #eef4ff;
  border-color: #174ed6;
  color: #003fb8;
}

.right-pane form.data-display-form {
  width: 100% !important;
  max-width: 980px !important;
  box-sizing: border-box !important;
}

.asset-tag-copy-row,
.asset-dlo-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.asset-tag-copy-row pre,
.asset-dlo-tag pre {
  flex: 0 1 auto !important;
  width: fit-content !important;
  max-width: calc(100% - 64px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: pre !important;
}

.asset-tag-copy-row code,
.asset-dlo-tag pre code {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: pre !important;
}

.asset-dlo .asset-dlo-copy,
.asset-dlo-copy {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  min-width: 48px !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
  border: 1px solid #7fa8e8 !important;
  border-radius: 5px !important;
  background: #eef5ff !important;
  color: #174ea6 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transform: none !important;
  box-shadow: none !important;
  position: static !important;
}

.asset-dlo .asset-dlo-copy:hover,
.asset-dlo-copy:hover {
  background: #dbeafe !important;
  border-color: #155eef !important;
  color: #0f3f91 !important;
  box-shadow: 0 0 0 2px rgba(21, 94, 239, .08) !important;
  text-decoration: none !important;
}

.asset-dlo .asset-dlo-copy.admin-copy-done,
.asset-dlo-copy.admin-copy-done {
  background: #dcfce7 !important;
  border-color: #86efac !important;
  color: #166534 !important;
}

.asset-dlo-head-yes,
.asset-dlo-head-no,
.page-head-yes,
.page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.asset-dlo-head-yes,
.page-head-yes {
  background: #dcfce7;
  color: #166534;
}

.asset-dlo-head-no,
.page-head-no {
  background: #f1f5f9;
  color: #475569;
}

body.admin-asset-page .right-pane .included-pages-editor button,
body.admin-asset-page .right-pane [class*='included-pages'] button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #b8c2d0;
  border-radius: 6px;
  background: #fff;
  color: #344054;
  font-weight: 700;
  line-height: 1;
}

body.admin-asset-page .right-pane .included-pages-editor__add {
  border-color: #2f66e8;
  color: #0747cf;
}

body.admin-asset-page .right-pane .included-pages-editor__remove,
body.admin-asset-page .right-pane [class*='included-pages'] button:not(.included-pages-editor__add) {
  color: #9f1239;
}

/* shared-document-row-actions: section editors and document DLO */
html body .docs-section-editor .docs-section-actions,
html body .docs-document-section-editor .docs-document-section-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

html body .docs-section-editor .docs-section-actions button,
html body .docs-document-section-editor .docs-document-section-actions button,
html body .docs-document-table tbody td:nth-child(2) > a {
  appearance: none !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 42px !important;
  max-width: none !important;
  min-height: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 1px solid #b8c2d0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #344054 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  text-indent: 0 !important;
  overflow: visible !important;
}

html body .docs-section-editor .docs-section-actions button:hover,
html body .docs-document-section-editor .docs-document-section-actions button:hover,
html body .docs-document-table tbody td:nth-child(2) > a:hover {
  border-color: #8fb2ee !important;
  background: #f3f8ff !important;
  color: #155eef !important;
  text-decoration: none !important;
  box-shadow: 0 0 0 2px rgba(21, 94, 239, .08) !important;
  transform: none !important;
}

html body .docs-section-editor .docs-section-actions button:focus,
html body .docs-document-section-editor .docs-document-section-actions button:focus,
html body .docs-document-table tbody td:nth-child(2) > a:focus {
  outline: none !important;
  box-shadow: none !important;
}

html body .docs-section-editor .docs-section-actions button:focus-visible,
html body .docs-document-section-editor .docs-document-section-actions button:focus-visible,
html body .docs-document-table tbody td:nth-child(2) > a:focus-visible {
  border-color: #8fb2ee !important;
  background: #f3f8ff !important;
  color: #155eef !important;
  box-shadow: 0 0 0 2px rgba(21, 94, 239, .18) !important;
}

html body .docs-section-editor .docs-section-actions button:disabled,
html body .docs-document-section-editor .docs-document-section-actions button:disabled {
  border-color: #d5dce7 !important;
  background: #fff !important;
  color: #98a2b3 !important;
  cursor: not-allowed !important;
}

@media (max-width: 720px) {
  .dlo-head,
  .asset-dlo-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .dlo-table th,
  .dlo-table td,
  .asset-dlo-table th,
  .asset-dlo-table td {
    padding: 8px;
  }

  .asset-tag-copy-row,
  .asset-dlo-tag {
    align-items: flex-start !important;
  }
}


/* admin-section-navigation: shared section tabs; docs category manager follows */
.admin-section-nav {
  --admin-section-nav-mobile-gutter: clamp(12px, 4vw, 16px);
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #d7dce5 !important;
  background: #fff !important;
  overflow-x: auto !important;
}

.admin-section-nav__item,
.admin-section-nav__item:visited {
  position: relative !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 44px !important;
  padding: 6px 12px !important;
  border: 1px solid #dfe4ec !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #637084 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  outline: none !important;
  box-shadow: none !important;
}

.admin-section-nav__item:hover {
  background: #f6f8fb !important;
  border-color: #cbd3df !important;
  color: #253247 !important;
  text-decoration: none !important;
}

.admin-section-nav__item:active,
.admin-section-nav__item:focus {
  color: #637084 !important;
  text-decoration: none !important;
}

.admin-section-nav__item:focus-visible {
  box-shadow: 0 0 0 3px rgba(36, 87, 245, 0.22) !important;
}

.admin-section-nav__item.is-active {
  background: #fff !important;
  border-color: #9fb4f9 !important;
  color: #1f2f46 !important;
  font-weight: 700 !important;
}

.admin-section-nav__item.is-active::after {
  position: absolute !important;
  right: 12px !important;
  bottom: -9px !important;
  left: 12px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #2457f5 !important;
  content: "" !important;
}

.admin-section-nav__label {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
}

.admin-section-nav__title {
  color: #27364c !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
}

.admin-section-nav__hint {
  color: #5f6f86 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  margin-top: 3px !important;
}

.admin-section-nav__item.is-active .admin-section-nav__title {
  color: #172033 !important;
  font-weight: 700 !important;
}

.admin-section-nav__item.is-active .admin-section-nav__hint {
  color: #42526a !important;
}

body:has([data-doc-category-manager]) {
  overflow-x: hidden !important;
}

body:has([data-doc-category-manager]) .right-pane {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: calc(100vw - 360px) !important;
  max-width: calc(100vw - 360px) !important;
  overflow-x: hidden !important;
}

body:has([data-doc-category-manager]) .right-pane .admin-section-nav,
body:has([data-doc-category-manager]) .right-pane .docs-page-heading,
body:has([data-doc-category-manager]) .right-pane .form-alerts {
  box-sizing: border-box !important;
  max-width: 900px !important;
  width: 100% !important;
}

.docs-category-manager {
  color: #1d2939 !important;
  box-sizing: border-box !important;
  max-width: 900px !important;
  width: 100% !important;
}

.docs-category-manager .docs-panel {
  background: #fff !important;
  border: 1px solid #8b9bb1 !important;
  border-radius: 7px !important;
  overflow: hidden !important;
}

.docs-category-manager .docs-panel-head {
  align-items: center !important;
  border-bottom: 1px solid #8b9bb1 !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: flex-end !important;
  padding: 12px 18px !important;
}

.docs-category-tree { padding: 0 !important; }
.docs-category-node { border-bottom: 1px solid #aab6c8 !important; }
.docs-category-node:last-child { border-bottom: 0 !important; }

.docs-category-row {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(320px, 1fr) auto !important;
  min-height: 56px !important;
  padding: 9px 14px 9px calc(14px + (var(--level, 1) - 1) * 28px) !important;
}

.docs-category-row:hover { background: #fbfdff !important; }
.docs-category-main { min-width: 0 !important; }

.docs-category-title {
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.docs-category-title strong { font-size: 15px !important; }
.docs-category-desc { color: #667085 !important; font-size: 13px !important; }
.docs-category-meta { color: #667085 !important; font-size: 12px !important; margin-top: 4px !important; }

.docs-category-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

.docs-category-manager .docs-link-btn,
.docs-category-manager .docs-link-btn:visited {
  appearance: none !important;
  background: #f3f8ff !important;
  border: 1px solid #8fb2ee !important;
  border-radius: 5px !important;
  color: #155eef !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  min-height: 30px !important;
  min-width: 0 !important;
  padding: 5px 10px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  width: auto !important;
  box-shadow: none !important;
  transform: none !important;
}

.docs-category-manager .docs-link-btn-primary {
  background: #eef5ff !important;
  border-color: #2f5bd8 !important;
  color: #1d4ed8 !important;
}

.docs-category-manager .docs-link-btn:hover,
.docs-category-manager .docs-btn:hover {
  background: #dbeafe !important;
  border-color: #155eef !important;
  color: #0f3f91 !important;
  box-shadow: 0 0 0 2px rgba(21, 94, 239, .08) !important;
}

.docs-category-manager .docs-link-btn:disabled,
.docs-category-manager .docs-btn:disabled {
  opacity: .5 !important;
  cursor: not-allowed !important;
}

.docs-category-manager .docs-field-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: minmax(260px, 1fr) minmax(120px, 150px) !important;
}

.docs-category-manager .docs-field-grid-single { grid-template-columns: 1fr !important; }
.docs-category-manager .docs-field-full { display: block !important; margin-top: 14px !important; }
.docs-category-manager label span { color: #344054 !important; display: block !important; font-size: 13px !important; font-weight: 700 !important; margin-bottom: 5px !important; }

.docs-category-manager input,
.docs-category-manager textarea {
  background: #fff !important;
  border: 1px solid #aebbd0 !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
  color: #1d2939 !important;
  font: inherit !important;
  min-height: 36px !important;
  padding: 8px 10px !important;
  width: 100% !important;
}

.docs-category-manager textarea { resize: vertical !important; }
.docs-category-manager small { color: #7d8aa0 !important; display: block !important; font-size: 12px !important; font-style: italic !important; line-height: 1.35 !important; margin-top: 5px !important; }

.docs-category-modal-backdrop {
  align-items: center !important;
  background: rgba(15,23,42,.38) !important;
  display: none !important;
  inset: 0 !important;
  justify-content: center !important;
  padding: 24px !important;
  position: fixed !important;
  z-index: 10000 !important;
}

.docs-category-modal-backdrop.is-open { display: flex !important; }
.docs-category-modal { background: #fff !important; border: 1px solid #8b9bb1 !important; border-radius: 8px !important; box-shadow: 0 20px 45px rgba(15,23,42,.22) !important; max-width: 680px !important; overflow: hidden !important; width: 100% !important; }
.docs-category-modal-head { align-items: center !important; background: #e8f1ff !important; border-bottom: 1px solid #7f9fc9 !important; display: flex !important; gap: 12px !important; justify-content: space-between !important; min-height: 52px !important; padding: 11px 14px !important; }
.docs-category-modal-head h3 { color: #263b5e !important; font-size: 16px !important; line-height: 1.25 !important; margin: 0 !important; }
.docs-category-modal-close { background: #fff !important; border: 1px solid #b8c5d8 !important; border-radius: 6px !important; color: #344054 !important; cursor: pointer !important; font-size: 20px !important; height: 30px !important; line-height: 1 !important; padding: 0 !important; width: 30px !important; }
.docs-category-modal-body { padding: 14px 16px 0 !important; }
.docs-category-parent-summary { background: #fbfdff !important; border: 1px solid #c8d3e3 !important; border-radius: 6px !important; color: #526176 !important; font-size: 13px !important; font-weight: 700 !important; margin-bottom: 12px !important; padding: 9px 10px !important; }
.docs-category-modal-actions { align-items: center !important; background: rgba(255,255,255,.97) !important; border-top: 1px solid #b8c5d8 !important; display: flex !important; gap: 8px !important; justify-content: flex-end !important; margin-top: 14px !important; padding: 12px 16px !important; }

.docs-category-manager .docs-btn {
  border-radius: 5px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  min-height: 34px !important;
  padding: 7px 13px !important;
  width: auto !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.docs-category-manager .docs-btn-primary {
  background: #2f5bd8 !important;
  border: 1px solid #2f5bd8 !important;
  color: #fff !important;
}

.docs-category-manager .docs-btn-danger {
  background: #fff !important;
  border: 1px solid #dc2626 !important;
  color: #b42318 !important;
}

.docs-category-manager .docs-btn-danger:hover {
  background: #fff5f5 !important;
  border-color: #b42318 !important;
}

.docs-category-manager .docs-btn-outline,
.docs-category-manager .docs-btn-secondary,
.docs-category-manager .docs-btn-ghost {
  background: #f3f8ff !important;
  border: 1px solid #8fb2ee !important;
  color: #155eef !important;
}

.docs-category-manager .docs-empty-row { color: #667085 !important; padding: 28px 18px !important; text-align: center !important; }
.docs-category-manager .docs-saving-overlay { align-items: center !important; display: none !important; inset: 0 !important; justify-content: center !important; position: absolute !important; z-index: 1 !important; }
.docs-category-node.is-saving { opacity: .5 !important; pointer-events: none !important; }
.docs-category-manager .docs-sr-hidden { display: none !important; }
.docs-category-modal-error { color: #b42318 !important; background: #fff5f5 !important; border: 1px solid #fecaca !important; border-radius: 6px !important; padding: 8px 12px !important; margin-top: 12px !important; font-size: 13px !important; }

@media (max-width: 820px) {
  .docs-category-manager .docs-panel-head { align-items: flex-start !important; flex-direction: column !important; }
  .docs-category-row { grid-template-columns: minmax(0, 1fr) !important; }
  .docs-category-actions { justify-content: flex-start !important; }
  .docs-category-manager .docs-field-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 760px) {
  .admin-section-nav {
    width: calc(100% + (2 * var(--admin-section-nav-mobile-gutter))) !important;
    max-width: none !important;
    margin-right: calc(-1 * var(--admin-section-nav-mobile-gutter)) !important;
    margin-left: calc(-1 * var(--admin-section-nav-mobile-gutter)) !important;
    border-radius: 0 !important;
    padding-right: var(--admin-section-nav-mobile-gutter) !important;
    padding-left: var(--admin-section-nav-mobile-gutter) !important;
  }
}
/* /docs-common-ui */

/* asset-docs-button-interaction-correction-20260715
   Keep asset copy and docs category action buttons visibly blue by default,
   and make hover change the button surface, not only border color. */
.asset-dlo .asset-dlo-copy:hover,
.asset-dlo-copy:hover {
  background: #dbeafe !important;
  border-color: #155eef !important;
  color: #0f3f91 !important;
  box-shadow: 0 0 0 2px rgba(21, 94, 239, .08) !important;
}

.docs-category-manager .docs-link-btn:hover,
.docs-category-manager .docs-link-btn-primary:hover,
.docs-category-manager .docs-btn-outline:hover,
.docs-category-manager .docs-btn-secondary:hover,
.docs-category-manager .docs-btn-ghost:hover,
.docs-category-manager .docs-btn:hover {
  background: #dbeafe !important;
  border-color: #155eef !important;
  color: #0f3f91 !important;
  box-shadow: 0 0 0 2px rgba(21, 94, 239, .08) !important;
}
/* /asset-docs-button-interaction-correction-20260715 */

/* docs-category-disclosure-20260715 */
.docs-category-manager .docs-category-title {
  align-items: flex-start !important;
  display: flex !important;
  gap: 8px !important;
}

.docs-category-manager .docs-category-title-text {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
}

.docs-category-manager .docs-category-disclosure {
  align-items: center !important;
  background: #eef5ff !important;
  border: 1px solid #8fb2ee !important;
  border-radius: 5px !important;
  color: #155eef !important;
  cursor: pointer !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  height: 22px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: -1px !important;
  padding: 0 !important;
  text-decoration: none !important;
  width: 22px !important;
}

.docs-category-manager .docs-category-disclosure:hover {
  background: #dbeafe !important;
  border-color: #155eef !important;
  color: #0f3f91 !important;
  box-shadow: 0 0 0 2px rgba(21, 94, 239, .08) !important;
}

.docs-category-manager .docs-category-disclosure-icon {
  display: block !important;
  transform: translateX(1px) !important;
}

.docs-category-manager .docs-category-disclosure[aria-expanded="true"] .docs-category-disclosure-icon {
  transform: translateY(1px) !important;
}

.docs-category-manager .docs-category-empty-child {
  color: #667085 !important;
  font-size: 13px !important;
  font-style: italic !important;
  padding: 10px 0 10px 34px !important;
}
/* /docs-category-disclosure-20260715 */

/* docs-category-arrow-button-refine-20260715 */
.docs-category-manager .docs-category-main {
  min-width: 0 !important;
}
.docs-category-manager .docs-category-title {
  align-items: flex-start !important;
  display: grid !important;
  gap: 0 8px !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
}
.docs-category-manager .docs-category-title-text {
  min-width: 0 !important;
}
.docs-category-manager .docs-category-meta {
  margin: 4px 0 0 30px !important;
}
.docs-category-manager .docs-category-disclosure {
  background: #f8fbff !important;
  border-color: #b7c8e6 !important;
  color: #2563eb !important;
  height: 22px !important;
  margin: 0 !important;
  width: 22px !important;
}
.docs-category-manager .docs-category-disclosure:hover {
  background: #eaf2ff !important;
  border-color: #7da4e8 !important;
  color: #155eef !important;
  box-shadow: 0 0 0 2px rgba(21, 94, 239, .06) !important;
}
.docs-category-manager .docs-link-btn,
.docs-category-manager .docs-link-btn:visited {
  background: #fff !important;
  border-color: #aebbd0 !important;
  color: #1d4ed8 !important;
}
.docs-category-manager .docs-link-btn-primary {
  background: #fff !important;
  border-color: #8fb2ee !important;
  color: #1d4ed8 !important;
}
.docs-category-manager .docs-link-btn:hover,
.docs-category-manager .docs-link-btn-primary:hover,
.docs-category-manager .docs-btn:hover {
  background: #eaf2ff !important;
  border-color: #155eef !important;
  color: #0f3f91 !important;
  box-shadow: 0 0 0 2px rgba(21, 94, 239, .08) !important;
}
/* /docs-category-arrow-button-refine-20260715 */

/* docs-category-arrow-visibility-20260715 */
.docs-category-manager .docs-category-title {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 0 10px !important;
}
.docs-category-manager .docs-category-meta {
  margin-left: 38px !important;
}
.docs-category-manager .docs-category-disclosure {
  border-radius: 6px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  height: 26px !important;
  line-height: 1 !important;
  width: 26px !important;
}
.docs-category-manager .docs-category-disclosure-icon {
  display: block !important;
  transform: none !important;
}
.docs-category-manager .docs-category-disclosure[aria-expanded="false"] .docs-category-disclosure-icon {
  transform: translateX(1px) !important;
}
.docs-category-manager .docs-category-disclosure[aria-expanded="true"] .docs-category-disclosure-icon {
  transform: translateY(1px) !important;
}
/* /docs-category-arrow-visibility-20260715 */

/* admin-delete-confirm-20260715 */
.admin-delete-confirm-backdrop {
  align-items: center !important;
  background: rgba(15, 23, 42, .42) !important;
  display: flex !important;
  inset: 0 !important;
  justify-content: center !important;
  padding: 24px !important;
  position: fixed !important;
  z-index: 10000 !important;
}
.admin-delete-confirm-modal {
  background: #fff !important;
  border: 1px solid #8fa1b8 !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .24) !important;
  color: #1d2939 !important;
  max-width: 520px !important;
  overflow: hidden !important;
  width: min(520px, 100%) !important;
}
.admin-delete-confirm-head {
  display: flex !important;
  gap: 14px !important;
  padding: 18px 20px 10px !important;
}
.admin-delete-confirm-icon {
  align-items: center !important;
  background: #fff1f1 !important;
  border: 1px solid #f6b3b3 !important;
  border-radius: 6px !important;
  color: #b42318 !important;
  display: flex !important;
  flex: 0 0 auto !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  height: 34px !important;
  justify-content: center !important;
  width: 34px !important;
}
.admin-delete-confirm-head h2 {
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
.admin-delete-confirm-head p {
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 6px 0 0 !important;
}
.admin-delete-confirm-body {
  padding: 12px 20px 18px !important;
}
.admin-delete-confirm-record {
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px solid #d5dce7 !important;
  border-radius: 6px !important;
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
}
.admin-delete-confirm-record span {
  color: #667085 !important;
  font-size: 12px !important;
}
.admin-delete-confirm-record strong {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.admin-delete-confirm-check {
  align-items: center !important;
  color: #344054 !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 8px !important;
}
.admin-delete-confirm-check input {
  height: 16px !important;
  width: 16px !important;
}
.admin-delete-confirm-actions {
  border-top: 1px solid #e4e9f2 !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  padding: 14px 20px 18px !important;
}
.admin-delete-confirm-actions button {
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  min-height: 34px !important;
  padding: 0 14px !important;
}
.admin-delete-confirm-cancel {
  background: #fff !important;
  border: 1px solid #aebbd0 !important;
  color: #344054 !important;
}
.admin-delete-confirm-delete {
  background: #b42318 !important;
  border: 1px solid #b42318 !important;
  color: #fff !important;
}
.admin-delete-confirm-delete:disabled {
  background: #f2f4f7 !important;
  border-color: #d0d5dd !important;
  color: #98a2b3 !important;
  cursor: not-allowed !important;
}
.data-display-button.delete-record-button,
.docs-danger-button {
  background: #fff !important;
  border: 1px solid #d92d20 !important;
  border-radius: 6px !important;
  color: #b42318 !important;
  font-weight: 700 !important;
  min-height: 36px !important;
  padding: 0 14px !important;
}
/* /admin-delete-confirm-20260715 */

/* admin-delete-action-order-20260715 */
.docs-template-edit-actions,
.docs-document-actions {
  gap: 12px !important;
}
.docs-template-edit-actions > a,
.docs-document-actions > a {
  order: 2 !important;
  margin-left: 18px !important;
}
.docs-template-edit-actions > .delete-record-button,
.docs-document-actions > .delete-record-button,
.button-bar > .delete-record-button,
.data-display-button.update-record-button ~ .data-display-button.delete-record-button {
  order: 99 !important;
  margin-left: auto !important;
}
/* /admin-delete-action-order-20260715 */

/* admin-button-hover-convention-20260715 */
body .data-display-button,
body .docs-template-edit-actions a,
body .docs-document-actions a,
body .docs-template-choice button,
body .docs-template-option-select,
body .docs-section-add,
body .docs-section-card button,
body .docs-section-modal button,
body .docs-category-manager button,
body .admin-delete-confirm-actions button,
body .siimple-admin-action,
body .siimple-admin-button {
  transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease;
}
body .data-display-button:hover,
body .docs-template-edit-actions a:hover,
body .docs-document-actions a:hover,
body .docs-template-choice button:hover,
body .docs-template-option-select:hover,
body .docs-section-add:hover,
body .docs-section-card button:hover,
body .docs-section-modal button:hover,
body .docs-category-manager button:hover,
body .siimple-admin-action:hover,
body .siimple-admin-button:hover {
  border-color: #2563eb !important;
  background: #eef5ff !important;
  color: #174ea6 !important;
  box-shadow: 0 0 0 2px rgba(37,99,235,.10) !important;
}
body .docs-document-create-object .docs-template-choice button:hover,
body .docs-document-edit-object .docs-template-choice button:hover,
body .docs-template-modal .docs-template-option-select:hover {
  border-color: #2563eb !important;
  background: #eef5ff !important;
  color: #174ea6 !important;
  box-shadow: 0 0 0 2px rgba(37,99,235,.10) !important;
}
body .data-display-button.update-record-button:hover,
body .docs-document-primary-action:hover,
body .docs-template-primary-action:hover,
body .docs-category-manager .docs-btn-primary:hover,
body .docs-section-modal button.is-primary:hover,
body .admin-delete-confirm-delete:hover:not(:disabled) {
  border-color: #174ea6 !important;
  background: #174ea6 !important;
  color: #fff !important;
  box-shadow: 0 0 0 2px rgba(37,99,235,.16) !important;
}
body .data-display-button.delete-record-button:hover,
body .docs-danger-button:hover,
body .admin-delete-confirm-cancel:hover {
  border-color: #b42318 !important;
  background: #fff5f5 !important;
  color: #b42318 !important;
  box-shadow: 0 0 0 2px rgba(180,35,24,.10) !important;
}
body .admin-delete-confirm-delete:disabled:hover,
body .data-display-button:disabled:hover,
body button:disabled:hover {
  box-shadow: none !important;
}
/* /admin-button-hover-convention-20260715 */

/* docs-category-collapsed-row-20260715 */
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-desc,
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-meta,
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-actions {
  display: none !important;
}
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 44px !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children {
  border-left: 2px solid #d7e3f5 !important;
  margin: 0 0 0 calc((var(--level, 1) - 1) * 22px + 30px) !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node {
  border-bottom: 1px solid #c7d4e8 !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node:last-child {
  border-bottom: 0 !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-row {
  background: #fbfdff !important;
}
.docs-category-manager .docs-category-children.is-collapsed {
  display: none !important;
}
.docs-category-manager .docs-category-empty-child {
  border-top: 1px solid #d8e2ef !important;
  margin-left: 30px !important;
}
/* /docs-category-collapsed-row-20260715 */

/* docs-category-tree-connectors-20260715 */
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-desc,
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-meta,
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-actions {
  display: none !important;
}
.docs-category-manager .docs-category-node,
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node,
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node:last-child {
  border-bottom: 0 !important;
}
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 44px !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children {
  border-left: 2px solid #7fa7df !important;
  margin: 0 0 0 calc((var(--level, 1) - 1) * 22px + 31px) !important;
  padding: 0 0 0 24px !important;
  position: relative !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node > .docs-category-row {
  position: relative !important;
  margin-left: 0 !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node > .docs-category-row::before {
  content: "" !important;
  position: absolute !important;
  left: -25px !important;
  top: 23px !important;
  width: 24px !important;
  border-top: 2px solid #7fa7df !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node:last-child > .docs-category-row::after {
  content: "" !important;
  position: absolute !important;
  left: -27px !important;
  top: 24px !important;
  bottom: -24px !important;
  width: 4px !important;
  background: #fff !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-row {
  background: #fbfdff !important;
}
.docs-category-manager .docs-category-children.is-collapsed {
  display: none !important;
}
.docs-category-manager .docs-category-empty-child {
  margin-left: 30px !important;
}
/* /docs-category-tree-connectors-20260715 */

/* docs-category-tree-description-20260715 */
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-desc,
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-meta,
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-actions {
  display: none !important;
}
.docs-category-manager .docs-category-node,
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node,
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node:last-child {
  border-bottom: 0 !important;
}
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 44px !important;
}
.docs-category-manager .docs-category-title-text {
  display: block !important;
  min-width: 0 !important;
}
.docs-category-manager .docs-category-title-text strong {
  display: block !important;
}
.docs-category-manager .docs-category-desc {
  display: block !important;
  margin: 4px 0 0 !important;
  line-height: 1.35 !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children {
  border-left: 2px solid #7fa7df !important;
  margin: 0 0 0 calc((var(--level, 1) - 1) * 22px + 31px) !important;
  padding: 0 0 0 10px !important;
  position: relative !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node > .docs-category-row {
  position: relative !important;
  margin-left: 0 !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node > .docs-category-row::before {
  content: "" !important;
  position: absolute !important;
  left: -11px !important;
  top: 23px !important;
  width: 52px !important;
  border-top: 2px solid #7fa7df !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node:last-child > .docs-category-row::after {
  content: "" !important;
  position: absolute !important;
  left: -13px !important;
  top: 24px !important;
  bottom: -24px !important;
  width: 4px !important;
  background: #fff !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-row {
  background: #fbfdff !important;
}
.docs-category-manager .docs-category-children.is-collapsed {
  display: none !important;
}
.docs-category-manager .docs-category-empty-child {
  margin-left: 30px !important;
}
/* /docs-category-tree-description-20260715 */

/* docs-category-sn-empty-actions-20260715 */
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-desc,
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-meta,
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-actions {
  display: none !important;
}
.docs-category-manager .docs-category-node,
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node,
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node:last-child {
  border-bottom: 0 !important;
}
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 44px !important;
}
.docs-category-manager .docs-category-row {
  align-items: flex-start !important;
}
.docs-category-manager .docs-category-main {
  min-width: 0 !important;
}
.docs-category-manager .docs-category-title {
  align-items: flex-start !important;
  display: grid !important;
  grid-template-columns: 28px 34px minmax(0, 1fr) !important;
  gap: 10px !important;
}
.docs-category-manager .docs-category-sn {
  align-items: center !important;
  align-self: start !important;
  background: #f4f8ff !important;
  border: 1px solid #bdd2f2 !important;
  border-radius: 999px !important;
  color: #315886 !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  height: 22px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 1px !important;
  min-width: 26px !important;
  padding: 0 6px !important;
  white-space: nowrap !important;
}
.docs-category-manager .docs-category-title-text {
  display: block !important;
  min-width: 0 !important;
}
.docs-category-manager .docs-category-title-text strong {
  display: block !important;
}
.docs-category-manager .docs-category-desc {
  display: block !important;
  margin: 4px 0 0 !important;
  line-height: 1.35 !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children {
  border-left: 2px solid #7fa7df !important;
  margin: 0 0 0 calc((var(--level, 1) - 1) * 22px + 33px) !important;
  padding: 0 0 0 10px !important;
  position: relative !important;
}
.docs-category-manager .docs-category-node:not(.has-children) > .docs-category-children,
.docs-category-manager .docs-category-node > .docs-category-children:empty {
  border-left: 0 !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node > .docs-category-row {
  position: relative !important;
  margin-left: 0 !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node > .docs-category-row::before {
  content: "" !important;
  position: absolute !important;
  left: -11px !important;
  top: 23px !important;
  width: 52px !important;
  border-top: 2px solid #7fa7df !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node:last-child > .docs-category-row::after {
  content: "" !important;
  position: absolute !important;
  left: -13px !important;
  top: 24px !important;
  bottom: -24px !important;
  width: 4px !important;
  background: #fff !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-row {
  background: #fbfdff !important;
}
.docs-category-manager .docs-category-children.is-collapsed {
  display: none !important;
}
.docs-category-manager .docs-category-empty-child {
  display: none !important;
}
/* /docs-category-sn-empty-actions-20260715 */

/* docs-category-adaptive-tree-20260717 */
body:has([data-doc-category-manager]) .right-pane {
  width: auto !important;
  max-width: none !important;
  overflow-x: hidden !important;
}
body:has([data-doc-category-manager]) .right-pane .admin-section-nav,
body:has([data-doc-category-manager]) .right-pane .docs-page-heading,
body:has([data-doc-category-manager]) .right-pane .form-alerts {
  max-width: 100% !important;
}
.docs-category-manager {
  width: 100% !important;
  max-width: 100% !important;
}
.docs-category-manager .docs-panel {
  overflow: hidden !important;
}
.docs-category-manager .docs-category-node,
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node,
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node:last-child {
  border-bottom: 0 !important;
}
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-desc,
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-meta,
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row .docs-category-actions {
  display: none !important;
}
.docs-category-manager .docs-category-node.is-collapsed > .docs-category-row {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 44px !important;
}
.docs-category-manager .docs-category-row {
  align-items: flex-start !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  gap: 10px !important;
  min-width: 0 !important;
  position: relative !important;
}
.docs-category-manager .docs-category-main {
  min-width: 0 !important;
}
.docs-category-manager .docs-category-title {
  align-items: flex-start !important;
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 28px 34px minmax(0, 1fr) !important;
  gap: 10px !important;
}
.docs-category-manager .docs-category-sn {
  align-items: center !important;
  position: relative !important;
  z-index: 2 !important;
  align-self: start !important;
  background: #f4f8ff !important;
  border: 1px solid #bdd2f2 !important;
  border-radius: 999px !important;
  color: #315886 !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  height: 22px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 1px !important;
  min-width: 26px !important;
  padding: 0 6px !important;
  white-space: nowrap !important;
}
.docs-category-manager .docs-category-title-text {
  background: #fff !important;
  display: block !important;
  padding-left: 2px !important;
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
}
.docs-category-manager .docs-category-title-text strong {
  display: block !important;
}
.docs-category-manager .docs-category-desc {
  display: block !important;
  line-height: 1.35 !important;
  margin: 4px 0 0 !important;
}
.docs-category-manager .docs-category-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-row {
  background: #fbfdff !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children {
  border-left: 2px solid #7fa7df !important;
  margin: 0 0 0 calc(var(--level, 1) * 28px - 1px) !important;
  padding: 0 0 0 10px !important;
  position: relative !important;
}
.docs-category-manager .docs-category-node.has-children.is-expanded > .docs-category-row::after {
  border-left: 2px solid #7fa7df !important;
  bottom: -2px !important;
  content: "" !important;
  left: calc(var(--level, 1) * 28px - 1px) !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 34px !important;
}
.docs-category-manager .docs-category-node:not(.has-children) > .docs-category-children,
.docs-category-manager .docs-category-node > .docs-category-children:empty,
.docs-category-manager .docs-category-children.is-collapsed {
  border-left: 0 !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node {
  position: relative !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node > .docs-category-row {
  margin-left: 0 !important;
  position: relative !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node > .docs-category-row::before {
  border-top: 2px solid #7fa7df !important;
  content: "" !important;
  left: calc(-30px + var(--level, 1) * 6px) !important;
  position: absolute !important;
  top: 23px !important;
  width: calc(29px + var(--level, 1) * 22px) !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node:last-child::after {
  background: #fff !important;
  bottom: 0 !important;
  content: "" !important;
  left: calc(-32px + var(--level, 1) * 6px) !important;
  position: absolute !important;
  top: 24px !important;
  width: 4px !important;
}
.docs-category-manager .docs-category-empty-child {
  display: none !important;
}
@media (max-width: 920px) {
  .docs-category-manager .docs-category-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .docs-category-manager .docs-category-actions {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    padding-left: 72px !important;
  }
}
/* /docs-category-adaptive-tree-20260717 */

/* admin-adaptive-pills-20260717
   Shared adaptive oval/tag/pill convention.
   Keep this narrow: do not target generic code/pre blocks used for long copyable tags.
*/
.docs-category-manager .docs-category-sn,
.dlo-list .dlo-status,
.asset-dlo .dlo-status,
.siimple-admin-title-cell code {
  align-items: center !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  justify-content: center !important;
  max-width: 100% !important;
  min-width: 26px !important;
  width: auto !important;
  white-space: nowrap !important;
}
.docs-category-manager .docs-category-sn,
.siimple-admin-title-cell code {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.dlo-list .dlo-status,
.asset-dlo .dlo-status {
  min-width: 0 !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.docs-category-manager .docs-category-title {
  grid-template-columns: 28px max-content minmax(0, 1fr) !important;
}
/* /admin-adaptive-pills-20260717 */

/* docs-category-measured-connectors-20260717
   Measured tree connector layout. JS writes --tree-line-x and branch variables
   from the actual arrow positions, so adaptive S/N pills and wrapped labels do
   not move the connectors out of alignment.
*/
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children {
  border-left: 2px solid #7fa7df !important;
  margin-left: var(--tree-line-x, calc(var(--level, 1) * 28px - 1px)) !important;
  padding-left: 10px !important;
  position: relative !important;
}
.docs-category-manager .docs-category-node.has-children.is-expanded > .docs-category-row::after {
  border-left: 2px solid #7fa7df !important;
  bottom: -2px !important;
  content: "" !important;
  left: var(--tree-line-x, calc(var(--level, 1) * 28px - 1px)) !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 34px !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node > .docs-category-row::before {
  border-top: 2px solid #7fa7df !important;
  content: "" !important;
  left: var(--tree-branch-left, calc(-30px + var(--level, 1) * 6px)) !important;
  position: absolute !important;
  top: 23px !important;
  width: var(--tree-branch-width, calc(29px + var(--level, 1) * 22px)) !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children > .docs-category-node:last-child::after {
  background: #fff !important;
  bottom: 0 !important;
  content: "" !important;
  left: calc(var(--tree-branch-left, calc(-30px + var(--level, 1) * 6px)) - 2px) !important;
  position: absolute !important;
  top: 24px !important;
  width: 4px !important;
}
/* /docs-category-measured-connectors-20260717 */

/* docs-category-compact-indent-20260717
   Keep each tree level to one consistent visual step. The child container line
   uses the measured arrow center, so changed button/pill sizes stay aligned.
*/
.docs-category-manager {
  --docs-category-row-pad: 14px;
  --docs-category-connector-gap: 10px;
}
.docs-category-manager .docs-category-row {
  padding-left: var(--docs-category-row-pad) !important;
}
.docs-category-manager .docs-category-node.is-expanded > .docs-category-children {
  border-left: 2px solid #7fa7df !important;
  margin-left: var(--tree-line-x, 27px) !important;
  padding-left: var(--docs-category-connector-gap) !important;
}
/* /docs-category-compact-indent-20260717 */

/* docs-category-arrow-size-20260717
   Balanced category disclosure control. Use a drawn triangle instead of a text
   glyph because font-size does not equal visible arrow size.
*/
.docs-category-manager .docs-category-disclosure {
  align-items: center !important;
  display: inline-flex !important;
  height: 28px !important;
  justify-content: center !important;
  min-width: 28px !important;
  width: 28px !important;
}
.docs-category-manager .docs-category-disclosure-icon {
  align-items: center !important;
  display: inline-flex !important;
  font-size: 0 !important;
  height: 16px !important;
  justify-content: center !important;
  line-height: 0 !important;
  position: relative !important;
  transform: none !important;
  width: 16px !important;
}
.docs-category-manager .docs-category-disclosure-icon::before {
  border-bottom: 6px solid transparent !important;
  border-left: 9px solid currentColor !important;
  border-top: 6px solid transparent !important;
  content: "" !important;
  display: block !important;
  height: 0 !important;
  margin-left: 2px !important;
  width: 0 !important;
}
.docs-category-manager .docs-category-disclosure[aria-expanded="true"] .docs-category-disclosure-icon {
  transform: none !important;
}
.docs-category-manager .docs-category-disclosure[aria-expanded="true"] .docs-category-disclosure-icon::before {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 9px solid currentColor !important;
  border-bottom: 0 !important;
  margin-left: 0 !important;
  margin-top: 2px !important;
}
/* /docs-category-arrow-size-20260717 */

/* admin-left-menu-right-pane-adaptive-width-20260720
   Keep v2 left-menu pages from forcing horizontal overflow. The right pane
   should take the remaining flex space instead of keeping the platform's old
   fixed 1250px minimum width.
*/
.site-main-content.left-menu-layout.content-v2 > .right-pane {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
}
.site-main-content.left-menu-layout.content-v2 > .right-pane > * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* admin-footer-overflow-guard-20260720
   Footer page-width/content-padding helpers can calculate wider than the
   viewport inside builder/admin pages. Keep footer rows inside the viewport.
*/
.backend-layout .site-links.page-width.content-padding,
.backend-layout .social-icons.content-padding,
.backend-layout .footer-bottom.content-padding {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* admin-top-navigation-overflow-guard-20260720
   Keep the admin top menu from creating body-level horizontal overflow on
   narrower desktop widths. Items may wrap instead of pushing the page wider.
*/
.backend-layout .account-navigation.feature-navigation,
.backend-layout .account-navigation.feature-navigation nav,
.backend-layout .account-navigation.feature-navigation ul.not-list {
  box-sizing: border-box !important;
  max-width: 100% !important;
}
.backend-layout .account-navigation.feature-navigation ul.not-list {
  flex-wrap: wrap !important;
  row-gap: 2px !important;
  white-space: normal !important;
}
.backend-layout .account-navigation.feature-navigation ul.not-list > li.level-1 {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}