/* admin.css — x-siimple admin styles */
/* ============================================================
   Management table
   ============================================================ */
.siimple-admin-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.siimple-admin-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: 0;
  border-top: 1px solid #9ca3af;
  border-bottom: 1px solid #9ca3af;
}

.siimple-admin-table th,
.siimple-admin-table td {
  padding: 11px 14px;
  border-bottom: 1px solid #9ca3af;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
}

.siimple-admin-table th:not(:last-child),
.siimple-admin-table td:not(:last-child) {
  border-right: 1px solid #9ca3af;
}

.siimple-admin-table th {
  background: #e8f1ff;
  color: #263b5e;
  border-color: #7f9fc9;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none !important;
}

.siimple-admin-table td {
  color: #344054;
  background: #fff;
}

.siimple-admin-table tr:last-child td {
  border-bottom: 0;
}

.siimple-admin-table-center {
  text-align: center !important;
}

.siimple-admin-table-action {
  display: table-cell !important;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  vertical-align: middle;
}
 
.siimple-admin-link-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  background: transparent;
}

.siimple-admin-title-cell {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.siimple-admin-title-cell strong {
  color: #111827;
  font-size: 14px;
}

.siimple-admin-title-cell code {
  display: inline-flex;
  width: fit-content;
  padding: 2px 6px;
  border: 1px solid #b8c2d0;
  border-radius: 5px;
  background: #fff;
  color: #475467;
  font-size: 12px;
}

.siimple-admin-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  min-height: 24px;
  padding: 0 6px;
  border: 1px solid #b8c2d0;
  border-radius: 999px;
  background: #fff;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.siimple-admin-placeholder {
  color: #667085;
}

.siimple-admin-empty-row td {
  padding: 18px 14px;
  color: #667085;
  text-align: center;
}

.siimple-admin-pagination {
  padding: 14px 16px 16px;
  border-top: 0;
  background: #fff;
}

.siimple-admin-pagination .pagination {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #475467;
  font-size: 12px;
}

.siimple-admin-pagination .pagination a,
.siimple-admin-pagination .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;
}

.siimple-admin-pagination .pagination span {
  border-color: #1d4ed8;
  color: #1d4ed8;
  font-weight: 700;
}

.siimple-admin-pagination:empty {
  display: none;
}

@media (max-width: 760px) {
  .siimple-admin-list-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .siimple-admin-table th,
  .siimple-admin-table td {
    padding: 10px;
  }
}
/* === Siimple admin list/table shared styles: end === */


/* === admin builder UI polish: begin === */
/* Asset manager UI polish. Scoped to CSS/JS file pages only. */
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 {
  color: #1f2937;
  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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .data-table {
  width: 100%;
  margin-top: 8px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1.5px solid #8ea0b8;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 10px 12px;
  border-right: 1px solid #9cacc0;
  border-bottom: 1px solid #9cacc0;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #e8f1ff;
  color: #2b3b55;
  font-weight: 700;
  text-align: left;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:nth-child(3),
body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: min(760px, 62vw);
  margin: 0;
  padding: 8px 10px;
  overflow-x: auto;
  border: 1px solid #c4d0df;
  border-radius: 6px;
  background: #f7faff;
  color: #24324a;
  white-space: pre-wrap;
  word-break: break-word;
}

body.admin-asset-page .right-pane .data-table code {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

body.admin-asset-page .included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish: end === */


/* === admin builder UI polish: corrections === */
body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  border-right: 1px solid #9cacc0 !important;
  border-bottom: 1px solid #9cacc0 !important;
}
body.admin-asset-page .right-pane .data-table th {
  background: #e8f1ff !important;
  color: #2b3b55 !important;
}
body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}
body.admin-asset-page .right-pane .data-table th:nth-child(3),
body.admin-asset-page .right-pane .data-table td:nth-child(3) {
  text-align: left !important;
}
/* === admin builder UI polish: corrections end === */


/* === admin builder UI polish v2: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane > h1:first-child,
body.admin-asset-page .right-pane > h2:first-child,
body.admin-asset-page .right-pane > h3:first-child {
  margin: 0 0 6px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane > h1:first-child::after,
body.admin-asset-page .right-pane > h2:first-child::after,
body.admin-asset-page .right-pane > h3:first-child::after {
  display: block;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1:first-child::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2:first-child::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3:first-child::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1:first-child::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2:first-child::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3:first-child::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .data-table {
  width: 100%;
  max-width: 1180px;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7688a3 !important;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-shadow: 0 1px 0 rgba(31, 41, 55, 0.04);
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #8fa0b7 !important;
  border-bottom: 1px solid #8fa0b7 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #dfeaff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 9px;
  overflow-x: auto;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: pre;
  word-break: normal;
}

body.admin-asset-page .right-pane .data-table code {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v2: end === */


/* === admin builder UI polish v3: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane > h1,
body.admin-asset-page .right-pane > h2,
body.admin-asset-page .right-pane > h3 {
  margin: 0 0 6px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .data-table {
  width: 100%;
  max-width: 1180px;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7688a3 !important;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-shadow: 0 1px 0 rgba(31, 41, 55, 0.04);
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #8fa0b7 !important;
  border-bottom: 1px solid #8fa0b7 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #dfeaff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 9px;
  overflow-x: auto;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: pre;
  word-break: normal;
}

body.admin-asset-page .right-pane .data-table code {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v3: end === */


/* === admin builder UI polish v4: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane > h1,
body.admin-asset-page .right-pane > h2,
body.admin-asset-page .right-pane > h3 {
  margin: 0 0 6px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .data-table {
  width: min(100%, calc(100vw - 370px));
  max-width: none;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7688a3 !important;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-shadow: 0 1px 0 rgba(31, 41, 55, 0.04);
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #8fa0b7 !important;
  border-bottom: 1px solid #8fa0b7 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #dfeaff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 9px;
  overflow-x: auto;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: pre;
  word-break: normal;
}

body.admin-asset-page .right-pane .data-table code {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v4: end === */


/* === admin builder UI polish v5: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7688a3 !important;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(31, 41, 55, 0.04);
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #8fa0b7 !important;
  border-bottom: 1px solid #8fa0b7 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #dfeaff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 9px;
  overflow-x: auto;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: pre;
  word-break: normal;
}

body.admin-asset-page .right-pane .data-table code {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v5: end === */


/* === admin builder UI polish v6: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane h1,
body.admin-asset-page .right-pane h2,
body.admin-asset-page .right-pane h3 {
  display: block !important;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  display: block !important;
  margin-top: 8px !important;
  color: #5c6b82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7688a3 !important;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(31, 41, 55, 0.04);
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #8fa0b7 !important;
  border-bottom: 1px solid #8fa0b7 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #dfeaff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 9px;
  overflow-x: auto;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: pre;
  word-break: normal;
}

body.admin-asset-page .right-pane .data-table code {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v6: end === */


/* === admin builder UI polish v7: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane h1,
body.admin-asset-page .right-pane h2,
body.admin-asset-page .right-pane h3 {
  display: block !important;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  display: block !important;
  margin-top: 8px !important;
  color: #5c6b82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7688a3 !important;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(31, 41, 55, 0.04);
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #8fa0b7 !important;
  border-bottom: 1px solid #8fa0b7 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #dfeaff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .admin-asset-table th:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 72px 7px 9px;
  overflow-x: auto;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: pre;
  word-break: normal;
}

body.admin-asset-page .right-pane .admin-tag-cell {
  position: relative;
}

body.admin-asset-page .right-pane .admin-copy-tag {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #8ea6ca;
  border-radius: 6px;
  background: #fff;
  color: #1751c2;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

body.admin-asset-page .right-pane .admin-copy-tag:hover {
  background: #eef4ff;
  border-color: #2f66e8;
}

body.admin-asset-page .right-pane .admin-copy-tag.admin-copy-done {
  border-color: #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .data-table code {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v7: end === */


/* === admin builder UI polish v8: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane h1,
body.admin-asset-page .right-pane h2,
body.admin-asset-page .right-pane h3 {
  display: block !important;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  display: block !important;
  margin-top: 8px !important;
  color: #5c6b82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7688a3 !important;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(31, 41, 55, 0.04);
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #8fa0b7 !important;
  border-bottom: 1px solid #8fa0b7 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #dfeaff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .admin-asset-table th:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 72px 7px 9px;
  overflow: hidden;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
}

body.admin-asset-page .right-pane .admin-tag-cell {
  position: relative;
}

body.admin-asset-page .right-pane .admin-copy-tag {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #8ea6ca;
  border-radius: 6px;
  background: #fff;
  color: #1751c2;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

body.admin-asset-page .right-pane .admin-copy-tag:hover {
  background: #eef4ff;
  border-color: #2f66e8;
}

body.admin-asset-page .right-pane .admin-copy-tag.admin-copy-done {
  border-color: #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .data-table code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  white-space: nowrap;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v8: end === */


/* === admin builder UI polish v9: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane h1,
body.admin-asset-page .right-pane h2,
body.admin-asset-page .right-pane h3 {
  display: block !important;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  display: block !important;
  margin-top: 8px !important;
  color: #5c6b82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7688a3 !important;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(31, 41, 55, 0.04);
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #8fa0b7 !important;
  border-bottom: 1px solid #8fa0b7 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #dfeaff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .admin-asset-table th:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .admin-asset-table th.admin-tag-header {
  text-transform: none !important;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 72px 7px 9px;
  overflow: hidden;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
}

body.admin-asset-page .right-pane .admin-tag-cell {
  position: relative;
}

body.admin-asset-page .right-pane .admin-copy-tag {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #8ea6ca;
  border-radius: 6px;
  background: #fff;
  color: #1751c2;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

body.admin-asset-page .right-pane .admin-copy-tag:hover {
  background: #eef4ff;
  border-color: #2f66e8;
}

body.admin-asset-page .right-pane .admin-copy-tag.admin-copy-done {
  border-color: #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .data-table code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  white-space: nowrap;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v9: end === */


/* === admin builder UI polish v10: document-template-border: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane h1,
body.admin-asset-page .right-pane h2,
body.admin-asset-page .right-pane h3 {
  display: block !important;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  display: block !important;
  margin-top: 8px !important;
  color: #5c6b82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7f8fa6 !important;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(127, 143, 166, 0.35);
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #9ca3af !important;
  border-bottom: 1px solid #9ca3af !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #e8f1ff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .admin-asset-table th:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .admin-asset-table th.admin-tag-header {
  text-transform: none !important;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 72px 7px 9px;
  overflow: hidden;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
}

body.admin-asset-page .right-pane .admin-tag-cell {
  position: relative;
}

body.admin-asset-page .right-pane .admin-copy-tag {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #8ea6ca;
  border-radius: 6px;
  background: #fff;
  color: #1751c2;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

body.admin-asset-page .right-pane .admin-copy-tag:hover {
  background: #eef4ff;
  border-color: #2f66e8;
}

body.admin-asset-page .right-pane .admin-copy-tag.admin-copy-done {
  border-color: #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .data-table code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  white-space: nowrap;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v10: document-template-border: end === */


/* === admin builder UI polish v11: asset-list-wrapper: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane h1,
body.admin-asset-page .right-pane h2,
body.admin-asset-page .right-pane h3 {
  display: block !important;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  display: block !important;
  margin-top: 8px !important;
  color: #5c6b82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .admin-asset-list {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 18px;
  border: 2px solid #7f8fa6;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

body.admin-asset-page .right-pane .admin-asset-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 58px;
  padding: 14px 16px;
  border-bottom: 1px solid #9ca3af;
  background: #fff;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2 {
  margin: 0;
  color: #1f2937;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane .admin-asset-list-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #2f66e8;
  border-radius: 6px;
  background: #fff;
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
}

body.admin-asset-page .right-pane .admin-asset-table-wrap {
  overflow: hidden;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7f8fa6 !important;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(127, 143, 166, 0.35);
}

body.admin-asset-page .right-pane .admin-asset-list .data-table {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #9ca3af !important;
  border-bottom: 1px solid #9ca3af !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #e8f1ff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .admin-asset-table th:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .admin-asset-table th.admin-tag-header {
  text-transform: none !important;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 72px 7px 9px;
  overflow: hidden;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
}

body.admin-asset-page .right-pane .admin-tag-cell {
  position: relative;
}

body.admin-asset-page .right-pane .admin-copy-tag {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #8ea6ca;
  border-radius: 6px;
  background: #fff;
  color: #1751c2;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

body.admin-asset-page .right-pane .admin-copy-tag:hover {
  background: #eef4ff;
  border-color: #2f66e8;
}

body.admin-asset-page .right-pane .admin-copy-tag.admin-copy-done {
  border-color: #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .data-table code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  white-space: nowrap;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v11: asset-list-wrapper: end === */


/* === admin builder UI polish v12: doc-table-finish: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane h1,
body.admin-asset-page .right-pane h2,
body.admin-asset-page .right-pane h3 {
  display: block !important;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  display: block !important;
  margin-top: 8px !important;
  color: #5c6b82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .admin-asset-list {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 18px;
  border: 2px solid #7f8fa6;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

body.admin-asset-page .right-pane .admin-asset-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 58px;
  padding: 14px 16px;
  border-bottom: 1px solid #9ca3af;
  background: #fff;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2 {
  margin: 0;
  color: #1f2937;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2::after {
  content: none !important;
  display: none !important;
}

body.admin-asset-page .right-pane .admin-asset-list-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #2f66e8;
  border-radius: 6px;
  background: #fff;
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
}

body.admin-asset-page .right-pane .admin-asset-table-wrap {
  overflow: hidden;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7f8fa6 !important;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(127, 143, 166, 0.35);
}

body.admin-asset-page .right-pane .admin-asset-list .data-table {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 11px 13px;
  border-right: 1px solid #9ca3af !important;
  border-bottom: 1px solid #9ca3af !important;
  border-left: 0 !important;
  border-top: 0 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #e8f1ff !important;
  color: #2b3b55 !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .admin-asset-table th:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .admin-asset-table th.admin-tag-header {
  text-transform: none !important;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 72px 7px 9px;
  overflow: hidden;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
}

body.admin-asset-page .right-pane .admin-tag-cell {
  position: relative;
}

body.admin-asset-page .right-pane .admin-copy-tag {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #8ea6ca;
  border-radius: 6px;
  background: #fff;
  color: #1751c2;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

body.admin-asset-page .right-pane .admin-copy-tag:hover {
  background: #eef4ff;
  border-color: #2f66e8;
}

body.admin-asset-page .right-pane .admin-copy-tag.admin-copy-done {
  border-color: #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .data-table code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  white-space: nowrap;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v12: doc-table-finish: end === */


/* === admin builder UI polish v14: normalize-existing-wrapper: begin === */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane h1,
body.admin-asset-page .right-pane h2,
body.admin-asset-page .right-pane h3 {
  display: block !important;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  display: block !important;
  margin-top: 8px !important;
  color: #5c6b82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .admin-asset-list {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 18px;
  border: 2px solid #7f8fa6;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

body.admin-asset-page .right-pane .admin-asset-list-head {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 16px;
  min-height: 56px;
  padding: 14px 16px;
  border-bottom: 1px solid #9ca3af;
  background: #fff;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2 {
  margin: 0;
  color: #1f2937;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2::after {
  content: none !important;
  display: none !important;
}

body.admin-asset-page .right-pane .admin-asset-list-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #2f66e8;
  border-radius: 6px;
  background: #fff;
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
  margin: 0 !important;
  margin-left: 0 !important;
}

body.admin-asset-page .right-pane .admin-asset-table-wrap {
  overflow: hidden;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7f8fa6 !important;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(127, 143, 166, 0.35);
}

body.admin-asset-page .right-pane .admin-asset-list .data-table {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
}

body.admin-asset-page .right-pane .admin-asset-list .siimple-admin-table {
  border-collapse: collapse;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 10px 13px;
  border-right: 1px solid #9ca3af !important;
  border-bottom: 1px solid #9ca3af !important;
  border-left: 0 !important;
  border-top: 0 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #e8f1ff !important;
  color: #263b5e !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .admin-asset-table th:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .admin-asset-table th.admin-tag-header {
  text-transform: none !important;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .siimple-admin-table-center {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 72px 7px 9px;
  overflow: hidden;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
}

body.admin-asset-page .right-pane .admin-tag-cell {
  position: relative;
}

body.admin-asset-page .right-pane .admin-copy-tag {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #8ea6ca;
  border-radius: 6px;
  background: #fff;
  color: #1751c2;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

body.admin-asset-page .right-pane .admin-copy-tag:hover {
  background: #eef4ff;
  border-color: #2f66e8;
}

body.admin-asset-page .right-pane .admin-copy-tag.admin-copy-done {
  border-color: #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .data-table code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  white-space: nowrap;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}
/* === admin builder UI polish v14: normalize-existing-wrapper: end === */


/* admin-css-v18-column-align */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane h1,
body.admin-asset-page .right-pane h2,
body.admin-asset-page .right-pane h3 {
  display: block !important;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  display: block !important;
  margin-top: 8px !important;
  color: #5c6b82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .admin-asset-list {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 18px;
  border: 2px solid #7f8fa6;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

body.admin-asset-page .right-pane .admin-asset-list-head {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 16px;
  min-height: 56px;
  padding: 14px 16px;
  border-bottom: 1px solid #9ca3af;
  background: #fff;
}

body.admin-asset-page .right-pane .admin-asset-list-head > div {
  flex: 0 0 auto !important;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2 {
  margin: 0;
  color: #1f2937;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2::after {
  content: none !important;
  display: none !important;
}

body.admin-asset-page .right-pane .admin-asset-list-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #2f66e8;
  border-radius: 6px;
  background: #fff;
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
  margin: 0 !important;
  margin-left: 0 !important;
}

body.admin-asset-page .right-pane .admin-asset-table-wrap {
  overflow: hidden;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7f8fa6 !important;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(127, 143, 166, 0.35);
}

body.admin-asset-page .right-pane .admin-asset-list .data-table {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
}

body.admin-asset-page .right-pane .admin-asset-list .siimple-admin-table {
  border-collapse: collapse;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 10px 13px;
  border-right: 1px solid #9ca3af !important;
  border-bottom: 1px solid #9ca3af !important;
  border-left: 0 !important;
  border-top: 0 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #e8f1ff !important;
  color: #263b5e !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .admin-asset-table th:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .admin-asset-table th:nth-child(2),
body.admin-asset-page .right-pane .admin-asset-table td:nth-child(2) {
  width: 84px !important;
  text-align: center !important;
  font-weight: 700;
}

body.admin-asset-page .right-pane .admin-asset-table th:nth-child(3),
body.admin-asset-page .right-pane .admin-asset-table td:nth-child(3) {
  width: 180px !important;
  text-align: left !important;
}

body.admin-asset-page .right-pane .admin-asset-table th,
body.admin-asset-page .right-pane .admin-asset-table td {
  vertical-align: middle !important;
}

body.admin-asset-page .right-pane .admin-asset-table th.admin-tag-header {
  text-transform: none !important;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .siimple-admin-table-center {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 72px 7px 9px;
  overflow: hidden;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
}

body.admin-asset-page .right-pane .admin-tag-cell {
  position: relative;
}

body.admin-asset-page .right-pane .admin-copy-tag {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #8ea6ca;
  border-radius: 6px;
  background: #fff;
  color: #1751c2;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

body.admin-asset-page .right-pane .admin-copy-tag:hover {
  background: #eef4ff;
  border-color: #2f66e8;
}

body.admin-asset-page .right-pane .admin-copy-tag.admin-copy-done {
  border-color: #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .data-table code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  white-space: nowrap;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}

/* /admin-css-v18-column-align */


/* admin-css-v19-readable-width */
/*
  Admin builder UI polish.
  Scope this file to builder pages first, then move shared patterns here gradually.
*/

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 {
  color: #1f2937;
  letter-spacing: 0;
}

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;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane h1,
body.admin-asset-page .right-pane h2,
body.admin-asset-page .right-pane h3 {
  display: block !important;
}

body.admin-asset-page .right-pane > h1::after,
body.admin-asset-page .right-pane > h2::after,
body.admin-asset-page .right-pane > h3::after {
  display: block !important;
  margin-top: 8px;
  color: #5c6b82;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  display: block !important;
  margin-top: 8px !important;
  color: #5c6b82 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) > h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/stylesheet/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable CSS files, their include scope, and the generated tag used by pages.";
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h1::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h2::after,
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) > h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane h3::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h1::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h2::after,
.backend-layout:has(a[href*="/mallbuilder/page/java-script/create"]) body.admin-asset-page .right-pane h3::after {
  content: "Manage reusable JavaScript files, their include scope, and the generated script tag used by pages.";
}

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;
  text-decoration: none;
  line-height: 1;
}

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;
}

body.admin-asset-page .right-pane .admin-asset-list {
  width: calc(100vw - 390px) !important;
  min-width: 760px !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 18px;
  border: 2px solid #7f8fa6;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

body.admin-asset-page .right-pane .admin-asset-list-head {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 16px;
  min-height: 56px;
  padding: 14px 16px;
  border-bottom: 1px solid #9ca3af;
  background: #fff;
}

body.admin-asset-page .right-pane .admin-asset-list-head > div {
  flex: 0 0 auto !important;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2 {
  margin: 0;
  color: #1f2937;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2::after {
  content: none !important;
  display: none !important;
}

body.admin-asset-page .right-pane .admin-asset-list-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #2f66e8;
  border-radius: 6px;
  background: #fff;
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
  margin: 0 !important;
  margin-left: 0 !important;
}

body.admin-asset-page .right-pane .admin-asset-table-wrap {
  overflow: hidden;
}

body.admin-asset-page .right-pane .data-table {
  width: calc(100vw - 390px) !important;
  max-width: calc(100vw - 390px) !important;
  margin-top: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #7f8fa6 !important;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-size: 13px;
  table-layout: fixed;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(127, 143, 166, 0.35);
}

body.admin-asset-page .right-pane .admin-asset-list .data-table {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
}

body.admin-asset-page .right-pane .admin-asset-list .siimple-admin-table {
  border-collapse: collapse;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child {
  width: 54px;
}

body.admin-asset-page .right-pane .data-table th:nth-child(2),
body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  width: 180px;
}

body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table th:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/stylesheet/create"]) .data-table td:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table th:nth-child(3),
.backend-layout:has(a.active[href="/mallbuilder/page/stylesheet"]) body.admin-asset-page .right-pane .data-table td:nth-child(3),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table th:nth-child(4),
body.admin-asset-page .right-pane:has(a[href="/mallbuilder/page/java-script/create"]) .data-table td:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table th:nth-child(4),
.backend-layout:has(a.active[href="/mallbuilder/page/java-script"]) body.admin-asset-page .right-pane .data-table td:nth-child(4) {
  width: 92px !important;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  width: 84px;
}

body.admin-asset-page .right-pane .data-table th:has(+ th + th + th),
body.admin-asset-page .right-pane .data-table td:has(+ td + td + td) {
  width: auto;
}

body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td {
  padding: 10px 13px;
  border-right: 1px solid #9ca3af !important;
  border-bottom: 1px solid #9ca3af !important;
  border-left: 0 !important;
  border-top: 0 !important;
  vertical-align: top;
}

body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  border-right: 0;
}

body.admin-asset-page .right-pane .data-table tr:last-child td {
  border-bottom: 0;
}

body.admin-asset-page .right-pane .data-table th {
  background: #e8f1ff !important;
  color: #263b5e !important;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
  letter-spacing: 0;
}

body.admin-asset-page .right-pane .data-table th:first-child {
  text-transform: none;
}

body.admin-asset-page .right-pane .data-table th:last-child:empty::before {
  content: "Action";
}

body.admin-asset-page .right-pane .admin-asset-table th:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .admin-asset-table th:nth-child(2),
body.admin-asset-page .right-pane .admin-asset-table td:nth-child(2) {
  width: 84px !important;
  text-align: center !important;
  font-weight: 700;
}

body.admin-asset-page .right-pane .admin-asset-table th:nth-child(3),
body.admin-asset-page .right-pane .admin-asset-table td:nth-child(3) {
  width: 180px !important;
  text-align: left !important;
}

body.admin-asset-page .right-pane .admin-asset-table th,
body.admin-asset-page .right-pane .admin-asset-table td {
  vertical-align: middle !important;
}

body.admin-asset-page .right-pane .admin-asset-table th.admin-tag-header {
  text-transform: none !important;
}

body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page .right-pane .data-table td:first-child,
body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page .right-pane .data-table td:last-child {
  text-align: center !important;
}

body.admin-asset-page .right-pane .siimple-admin-table-center {
  text-align: center !important;
}

body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 700;
  color: #172033;
}

body.admin-asset-page .right-pane .data-table td {
  color: #34445c;
  line-height: 1.45;
}

body.admin-asset-page .right-pane .data-table a {
  color: #0747cf;
  font-weight: 700;
  text-decoration: none;
}

body.admin-asset-page .right-pane .data-table a:hover {
  color: #003fb8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.admin-asset-page .right-pane .data-table pre {
  max-width: 100%;
  margin: 0;
  padding: 7px 72px 7px 9px;
  overflow: hidden;
  border: 1px solid #bac8dc;
  border-radius: 6px;
  background: #f8fbff;
  color: #24324a;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
}

body.admin-asset-page .right-pane .admin-tag-cell {
  position: relative;
}

body.admin-asset-page .right-pane .admin-copy-tag {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #8ea6ca;
  border-radius: 6px;
  background: #fff;
  color: #1751c2;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

body.admin-asset-page .right-pane .admin-copy-tag:hover {
  background: #eef4ff;
  border-color: #2f66e8;
}

body.admin-asset-page .right-pane .admin-copy-tag.admin-copy-done {
  border-color: #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .data-table code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  white-space: nowrap;
}

body.admin-asset-page .right-pane .page-head-yes,
body.admin-asset-page .right-pane .page-head-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.admin-asset-page .right-pane .data-table td:has(.page-head-yes),
body.admin-asset-page .right-pane .data-table td:has(.page-head-no) {
  text-align: center;
}

body.admin-asset-page .right-pane .page-head-yes {
  border: 1px solid #77a97e;
  background: #eef9ef;
  color: #216b2a;
}

body.admin-asset-page .right-pane .page-head-no {
  border: 1px solid #b8c2d0;
  background: #f5f7fa;
  color: #58657a;
}

body.admin-asset-page .right-pane form {
  max-width: 980px;
}

body.admin-asset-page .right-pane input[type="text"],
body.admin-asset-page .right-pane textarea,
body.admin-asset-page .right-pane select {
  min-height: 36px;
  border: 1px solid #b7c3d4;
  border-radius: 6px;
  color: #1f2937;
}

body.admin-asset-page .right-pane input[type="text"]:focus,
body.admin-asset-page .right-pane textarea:focus,
body.admin-asset-page .right-pane select:focus,
body.admin-asset-page .right-pane .cm-editor.cm-focused {
  border-color: #2f66e8;
  box-shadow: 0 0 0 3px rgba(47, 102, 232, 0.14);
  outline: none;
}

body.admin-asset-page .right-pane .cm-editor {
  border: 1px solid #b7c3d4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane button[name="data-display.action"] {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid #2858cf;
  border-radius: 6px;
  background: #2f66e8;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

body.admin-asset-page .right-pane button[name="data-display.action"]:hover {
  background: #1f55d6;
}

.included-pages-editor,
body.admin-asset-page .right-pane [class*="included-pages"] {
  max-width: 760px;
}

/* /admin-css-v19-readable-width */

/* admin-css-v20-asset-edit-scope-min */
body.admin-asset-page:not(.admin-asset-manager-list-page) body.admin-asset-page .right-pane .data-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 10px;
  border: 1px solid #d7dce5 !important;
  border-radius: 0;
  border-collapse: collapse;
  border-spacing: 0;
  box-shadow: none;
  table-layout: auto;
}
body.admin-asset-page:not(.admin-asset-manager-list-page) body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page:not(.admin-asset-manager-list-page) body.admin-asset-page .right-pane .data-table td {
  width: auto !important;
  padding: 6px 8px;
  border: 1px solid #d7dce5 !important;
  color: #222;
  line-height: 1.35;
  text-align: left !important;
  vertical-align: top !important;
}
body.admin-asset-page:not(.admin-asset-manager-list-page) body.admin-asset-page .right-pane .data-table th {
  background: #fafafa !important;
  color: #222 !important;
  font-weight: 700;
  text-transform: none;
}
body.admin-asset-page:not(.admin-asset-manager-list-page) body.admin-asset-page .right-pane .data-table td:nth-child(2) {
  font-weight: 400;
}
body.admin-asset-page:not(.admin-asset-manager-list-page) body.admin-asset-page .right-pane .data-table th:first-child,
body.admin-asset-page:not(.admin-asset-manager-list-page) body.admin-asset-page .right-pane .data-table td:first-child {
  width: 48px !important;
  text-align: center !important;
}
body.admin-asset-page:not(.admin-asset-manager-list-page) body.admin-asset-page .right-pane .data-table th:last-child,
body.admin-asset-page:not(.admin-asset-manager-list-page) body.admin-asset-page .right-pane .data-table td:last-child {
  width: 70px !important;
  text-align: center !important;
}
/* /admin-css-v20-asset-edit-scope-min */
/* admin-css-v21-edit-page-direct-override */
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 10px !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  box-shadow: none !important;
  table-layout: auto !important;
  font-size: 13px;
}
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table th,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table td,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table th,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table td {
  width: auto !important;
  padding: 6px 8px !important;
  border: 1px solid #d7dce5 !important;
  color: #222 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  vertical-align: top !important;
  font-weight: 400 !important;
}
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table th,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table th {
  background: #fafafa !important;
  color: #222 !important;
  font-weight: 700 !important;
  text-transform: none !important;
}
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table th:first-child,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table td:first-child,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table th:first-child,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table td:first-child {
  width: 48px !important;
  text-align: center !important;
}
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table th:last-child,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table td:last-child,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table th:last-child,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table td:last-child {
  width: 70px !important;
  text-align: center !important;
}
/* /admin-css-v21-edit-page-direct-override */

/* admin-css-v22-edit-create-hard-isolation */
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]),
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]),
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]),
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) {
  color: revert;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) form,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) form,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) form,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) form {
  max-width: none !important;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .cm-editor,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) .cm-editor,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .cm-editor,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) .cm-editor {
  border: revert !important;
  border-radius: revert !important;
  overflow: revert !important;
  background: revert !important;
  box-shadow: revert !important;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .cm-editor.cm-focused,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) .cm-editor.cm-focused,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .cm-editor.cm-focused,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) .cm-editor.cm-focused {
  border-color: revert !important;
  box-shadow: revert !important;
  outline: revert !important;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) form input[type="text"],
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) form textarea,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) form select,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) form input[type="text"],
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) form textarea,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) form select,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) form input[type="text"],
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) form textarea,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) form select,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) form input[type="text"],
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) form textarea,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) form select {
  min-height: revert !important;
  border: revert !important;
  border-radius: revert !important;
  color: revert !important;
  box-shadow: revert !important;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) > div > a[href$="/create"],
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) > div > a[href$="/create"],
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) > div > a[href$="/create"],
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) > div > a[href$="/create"] {
  display: inline !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: revert !important;
  font-weight: revert !important;
  line-height: normal !important;
  text-decoration: revert !important;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) .data-table,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) .data-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 10px !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  box-shadow: none !important;
  table-layout: auto !important;
  font-size: 13px !important;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table th,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table td,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) .data-table th,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) .data-table td,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table th,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table td,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) .data-table th,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) .data-table td {
  width: auto !important;
  padding: 6px 8px !important;
  border: 1px solid #d7dce5 !important;
  color: #222 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  vertical-align: top !important;
  font-weight: 400 !important;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table th,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) .data-table th,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table th,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) .data-table th {
  background: #fafafa !important;
  color: #222 !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .data-table pre,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) .data-table pre,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .data-table pre,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) .data-table pre {
  max-width: none !important;
  margin: revert !important;
  padding: revert !important;
  overflow: revert !important;
  border: revert !important;
  border-radius: revert !important;
  background: revert !important;
  color: revert !important;
  white-space: pre-wrap !important;
  text-overflow: clip !important;
}

/* /admin-css-v22-edit-create-hard-isolation */

/* admin-css-v23-edit-flex-no-overflow */
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]),
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]),
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]),
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) form,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) form,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) form,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) form {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) .cm-editor,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) .cm-editor,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) .cm-editor,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) .cm-editor {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* /admin-css-v23-edit-flex-no-overflow */
/* admin-css-v24-asset-pane-no-overflow */
body.admin-asset-page .right-pane {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}
/* /admin-css-v24-asset-pane-no-overflow */

/* admin-css-v25-asset-visual-cleanup */
body.admin-asset-page .right-pane {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

body.admin-asset-manager-list-page .admin-asset-table col:nth-child(1),
body.admin-asset-manager-list-page .admin-asset-table th:nth-child(1),
body.admin-asset-manager-list-page .admin-asset-table td:nth-child(1) {
  width: 6% !important;
}

body.admin-asset-manager-list-page .admin-asset-table col:nth-child(2),
body.admin-asset-manager-list-page .admin-asset-table th:nth-child(2),
body.admin-asset-manager-list-page .admin-asset-table td:nth-child(2) {
  width: 8% !important;
}

body.admin-asset-manager-list-page .admin-asset-table col:nth-child(3),
body.admin-asset-manager-list-page .admin-asset-table th:nth-child(3),
body.admin-asset-manager-list-page .admin-asset-table td:nth-child(3) {
  width: 18% !important;
}

body.admin-asset-manager-list-page .admin-asset-table col:nth-child(4),
body.admin-asset-manager-list-page .admin-asset-table th:nth-child(4),
body.admin-asset-manager-list-page .admin-asset-table td:nth-child(4) {
  width: 58% !important;
}

body.admin-asset-manager-list-page .admin-asset-table col:nth-child(5),
body.admin-asset-manager-list-page .admin-asset-table th:nth-child(5),
body.admin-asset-manager-list-page .admin-asset-table td:nth-child(5) {
  width: 10% !important;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) h1::after,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) h2::after,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) h3::after,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) h1::after,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) h2::after,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) h3::after,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) h1::after,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) h2::after,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) h3::after,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) h1::after,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) h2::after,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) h3::after {
  content: none !important;
  display: none !important;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) form .field,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) form .field,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) form .field,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) form .field {
  margin-bottom: 12px;
}

body.admin-asset-page .right-pane:has(form[name="data-display.css-page-edit"]) form label,
body.admin-asset-page .right-pane:has(form[name="data-display.css-page-create"]) form label,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-edit"]) form label,
body.admin-asset-page .right-pane:has(form[name="data-display.javascript-page-create"]) form label {
  display: block;
  margin-bottom: 5px;
  color: #1f2937;
  font-weight: 700;
}

/* /admin-css-v25-asset-visual-cleanup */


/* admin-css-v26-edit-related-list */
body.admin-asset-page .right-pane .admin-asset-related-list {
  margin-top: 26px;
  border: 1px solid #8fa0b8;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}

body.admin-asset-page .right-pane .admin-asset-related-head {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 46px;
  padding: 10px 14px;
  border-bottom: 1px solid #9ca3af;
  background: #fff;
}

body.admin-asset-page .right-pane .admin-asset-related-head h2 {
  margin: 0;
  color: #1f2937;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 800;
}

body.admin-asset-page .right-pane .admin-asset-related-head h2::after {
  content: none !important;
  display: none !important;
}

body.admin-asset-page .right-pane .admin-asset-related-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 30px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border: 1px solid #2f66e8 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #0747cf !important;
  font-size: 13px;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table-wrap {
  overflow-x: auto;
}

body.admin-asset-page .right-pane .admin-asset-related-table {
  width: 100% !important;
  min-width: 760px !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  box-shadow: none !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table th,
body.admin-asset-page .right-pane .admin-asset-related-table td {
  padding: 8px 10px !important;
  border-right: 1px solid #a9b4c4 !important;
  border-bottom: 1px solid #a9b4c4 !important;
  color: #26364d !important;
  font-size: 13px;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table th {
  background: #e8f1ff !important;
  color: #263b5e !important;
  font-weight: 700 !important;
  text-align: left !important;
  text-transform: none !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table th:nth-child(1),
body.admin-asset-page .right-pane .admin-asset-related-table td:nth-child(1) {
  width: 6% !important;
  text-align: center !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table th:nth-child(2),
body.admin-asset-page .right-pane .admin-asset-related-table td:nth-child(2) {
  width: 8% !important;
  text-align: center !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table th:nth-child(3),
body.admin-asset-page .right-pane .admin-asset-related-table td:nth-child(3) {
  width: 18% !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table th:nth-child(4),
body.admin-asset-page .right-pane .admin-asset-related-table td:nth-child(4) {
  width: 58% !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table th:nth-child(5),
body.admin-asset-page .right-pane .admin-asset-related-table td:nth-child(5) {
  width: 10% !important;
  text-align: center !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table tr:last-child td {
  border-bottom: 0 !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table th:last-child,
body.admin-asset-page .right-pane .admin-asset-related-table td:last-child {
  border-right: 0 !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table pre {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  overflow: hidden !important;
  border: 1px solid #bac8dc !important;
  border-radius: 6px !important;
  background: #f8fbff !important;
  color: #24324a !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.admin-asset-page .right-pane .admin-asset-related-table code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* /admin-css-v26-edit-related-list */

/* admin-css-v27-object-datadisplay-list-containment */
body.admin-object-datadisplay-list-page .right-pane {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

body.admin-object-datadisplay-list-page .right-pane table.data-table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

body.admin-object-datadisplay-list-page .right-pane table.data-table th,
body.admin-object-datadisplay-list-page .right-pane table.data-table td {
  vertical-align: middle;
  word-break: normal;
}

body.admin-object-datadisplay-list-page .right-pane table.data-table th:nth-child(1),
body.admin-object-datadisplay-list-page .right-pane table.data-table td:nth-child(1) {
  width: 27%;
}

body.admin-object-datadisplay-list-page .right-pane table.data-table th:nth-child(2),
body.admin-object-datadisplay-list-page .right-pane table.data-table td:nth-child(2) {
  width: 40%;
}

body.admin-object-datadisplay-list-page .right-pane table.data-table th:nth-child(3),
body.admin-object-datadisplay-list-page .right-pane table.data-table td:nth-child(3),
body.admin-object-datadisplay-list-page .right-pane table.data-table th:nth-child(4),
body.admin-object-datadisplay-list-page .right-pane table.data-table td:nth-child(4) {
  width: 13%;
}

body.admin-object-datadisplay-list-page .right-pane table.data-table th:nth-child(5),
body.admin-object-datadisplay-list-page .right-pane table.data-table td:nth-child(5) {
  width: 7%;
  text-align: center;
}

/* admin-css-v28-object-datadisplay-compact-dates */
body.admin-object-datadisplay-list-page .right-pane table.data-table th:nth-child(3),
body.admin-object-datadisplay-list-page .right-pane table.data-table td:nth-child(3),
body.admin-object-datadisplay-list-page .right-pane table.data-table th:nth-child(4),
body.admin-object-datadisplay-list-page .right-pane table.data-table td:nth-child(4),
body.admin-object-datadisplay-list-page .right-pane table.data-table th:nth-child(5),
body.admin-object-datadisplay-list-page .right-pane table.data-table td:nth-child(5) {
  white-space: nowrap;
}

/* admin-css-v29-object-datadisplay-version-column */
body.admin-object-datadisplay-list-page .right-pane table.data-table th:nth-child(2),
body.admin-object-datadisplay-list-page .right-pane table.data-table td:nth-child(2) {
  width: 36%;
}

body.admin-object-datadisplay-list-page .right-pane table.data-table th:nth-child(5),
body.admin-object-datadisplay-list-page .right-pane table.data-table td:nth-child(5) {
  width: 11%;
  white-space: nowrap;
  text-align: center;
}

/* Shared document/template section editor actions. */
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 {
  appearance: none !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !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;
  white-space: nowrap !important;
  cursor: pointer;
  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-section-editor .docs-section-actions button:focus,
html body .docs-section-editor .docs-section-actions button:active,
html body .docs-document-section-editor .docs-document-section-actions button:hover,
html body .docs-document-section-editor .docs-document-section-actions button:focus,
html body .docs-document-section-editor .docs-document-section-actions button:active {
  border-color: #8fa1b8 !important;
  background: #f8fbff !important;
  color: #1f2937 !important;
  box-shadow: none !important;
  transform: none !important;
  outline: 2px solid transparent !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;
}
/* codex-shared-page-rhythm-20260702 */
.siimple-admin-list {
  margin-top: 14px;
}

.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 {
  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 {
  margin-bottom: 8px !important;
  line-height: 1.2;
}

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

.right-pane > h1 + p + br {
  display: none !important;
}

.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) + .siimple-admin-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 + .siimple-admin-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 {
  margin-top: 12px !important;
}

.right-pane > .mb-page-header ~ .data-list-container,
.right-pane > .mb-page-header ~ .siimple-admin-list,
.right-pane > h1 + p ~ .data-list-container,
.right-pane > h1 + p ~ .siimple-admin-list,
.right-pane > h1 + p ~ .docs-category-manager,
.right-pane > h1 + p ~ .docs-category-page,
.right-pane > h1 + p ~ .docs-document-shell {
  margin-top: 12px !important;
}

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

.right-pane > div:has(> h1 + p) ~ .data-list-container {
  margin-top: 12px !important;
}

body.admin-asset-page .right-pane > h1,
body.admin-asset-page .right-pane > h2,
body.admin-asset-page .right-pane > h3 {
  margin-bottom: 6px !important;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  margin-top: 6px !important;
}

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"] {
  margin-top: 10px !important;
  margin-bottom: 12px !important;
}

body.admin-asset-page .right-pane .admin-asset-list {
  margin-top: 12px !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1),
body.admin-asset-manager-list-page .right-pane > div:has(> h2),
body.admin-asset-manager-list-page .right-pane > div:has(> h3) {
  margin: 0 0 8px !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1) > h1,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) > h2,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) > h3 {
  margin: 0 !important;
  padding-bottom: 0 !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1) > h1::after,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) > h2::after,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) > h3::after {
  content: none !important;
  display: none !important;
  margin: 0 !important;
  line-height: 0 !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1) + br,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) + br,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) + br {
  display: none !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1) > h1 + br,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) > h2 + br,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) > h3 + br {
  display: none !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1) + .form-alerts + div + .admin-asset-list,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) + .form-alerts + div + .admin-asset-list,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) + .form-alerts + div + .admin-asset-list,
body.admin-asset-manager-list-page .right-pane > div:has(> h1) + br + .form-alerts + div + .admin-asset-list,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) + br + .form-alerts + div + .admin-asset-list,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) + br + .form-alerts + div + .admin-asset-list {
  margin-top: 8px !important;
}

body.admin-asset-manager-list-page .right-pane .admin-asset-list {
  border: 2px solid #7f8fa6 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

body.admin-asset-manager-list-page .right-pane .admin-asset-list .data-table th:last-child,
body.admin-asset-manager-list-page .right-pane .admin-asset-list .data-table td:last-child {
  border-right: 0 !important;
}

body.admin-asset-manager-list-page .right-pane .admin-asset-list .data-table tr:last-child td {
  border-bottom: 0 !important;
}

body.admin-asset-manager-list-page .right-pane .admin-asset-list .data-table pre {
  border: 0 !important;
  background: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.admin-asset-page .right-pane .included-pages-editor button,
body.admin-asset-page .right-pane [class*="included-pages"] button {
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  cursor: pointer;
}

body.admin-asset-page .right-pane .included-pages-editor__add {
  border: 1px solid #2858cf !important;
  background: #2f66e8 !important;
  color: #fff !important;
}

body.admin-asset-page .right-pane .included-pages-editor__add:hover {
  background: #1f55d6 !important;
  border-color: #1f55d6 !important;
}

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) {
  border: 1px solid #b8c2d0 !important;
  background: #fff !important;
  color: #344054 !important;
}

body.admin-asset-page .right-pane .included-pages-editor__remove:hover,
body.admin-asset-page .right-pane [class*="included-pages"] button:not(.included-pages-editor__add):hover {
  border-color: #8fa1b8 !important;
  background: #f8fbff !important;
  color: #1f2937 !important;
}

body.admin-asset-page .right-pane .included-pages-editor button:disabled,
body.admin-asset-page .right-pane [class*="included-pages"] button:disabled {
  border-color: #d0d5dd !important;
  background: #f2f4f7 !important;
  color: #667085 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table th:nth-child(1),
body.admin-asset-edit-page .right-pane .admin-asset-related-table td:nth-child(1) {
  width: 64px !important;
}

body.admin-asset-edit-page .right-pane table.data-table.admin-asset-related-table,
body.admin-asset-edit-page .right-pane table.admin-asset-related-table {
  width: 100% !important;
  table-layout: fixed !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table col:nth-child(1) {
  width: 64px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table th:nth-child(2),
body.admin-asset-edit-page .right-pane .admin-asset-related-table td:nth-child(2) {
  width: 86px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table col:nth-child(2) {
  width: 86px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table th:nth-child(3),
body.admin-asset-edit-page .right-pane .admin-asset-related-table td:nth-child(3) {
  width: 180px !important;
  max-width: 180px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table col:nth-child(3) {
  width: 180px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table th:nth-child(4),
body.admin-asset-edit-page .right-pane .admin-asset-related-table td:nth-child(4) {
  width: auto !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table col:nth-child(4) {
  width: auto !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table th:nth-child(5),
body.admin-asset-edit-page .right-pane .admin-asset-related-table td:nth-child(5) {
  width: 96px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table col:nth-child(5) {
  width: 96px !important;
}

.siimple-admin-list-head h2 {
  font-size: 17px !important;
}

.siimple-admin-list-head p,
.siimple-admin-list-action,
.siimple-admin-table th,
.siimple-admin-table td,
.siimple-admin-link-action,
.siimple-admin-title-cell code,
.siimple-admin-status,
.siimple-admin-pagination .pagination {
  font-size: 13px !important;
}

.siimple-admin-title-cell strong {
  font-size: 15px !important;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2 {
  font-size: 17px !important;
}

body.admin-asset-page .right-pane .admin-asset-list-action,
body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td,
body.admin-asset-page .right-pane .data-table code,
body.admin-asset-page .right-pane .admin-copy-tag {
  font-size: 13px !important;
}
/* /codex-shared-page-rhythm-20260702 */

/* ============================================================
   Form alerts
   ============================================================ */
.form-alerts {
  min-height: 0 !important;
  margin: 0 !important;
}

/* ============================================================
   Docs section editor + shared page rhythm
   ============================================================ */
/* Shared document/template section editor actions. */
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 {
  appearance: none !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !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;
  white-space: nowrap !important;
  cursor: pointer;
  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-section-editor .docs-section-actions button:focus,
html body .docs-section-editor .docs-section-actions button:active,
html body .docs-document-section-editor .docs-document-section-actions button:hover,
html body .docs-document-section-editor .docs-document-section-actions button:focus,
html body .docs-document-section-editor .docs-document-section-actions button:active {
  border-color: #8fa1b8 !important;
  background: #f8fbff !important;
  color: #1f2937 !important;
  box-shadow: none !important;
  transform: none !important;
  outline: 2px solid transparent !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;
}
/* codex-shared-page-rhythm-20260702 */
.siimple-admin-list {
  margin-top: 14px;
}

.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 {
  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 {
  margin-bottom: 8px !important;
  line-height: 1.2;
}

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

.right-pane > h1 + p + br {
  display: none !important;
}

.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) + .siimple-admin-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 + .siimple-admin-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 {
  margin-top: 12px !important;
}

.right-pane > .mb-page-header ~ .data-list-container,
.right-pane > .mb-page-header ~ .siimple-admin-list,
.right-pane > h1 + p ~ .data-list-container,
.right-pane > h1 + p ~ .siimple-admin-list,
.right-pane > h1 + p ~ .docs-category-manager,
.right-pane > h1 + p ~ .docs-category-page,
.right-pane > h1 + p ~ .docs-document-shell {
  margin-top: 12px !important;
}

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

.right-pane > div:has(> h1 + p) ~ .data-list-container {
  margin-top: 12px !important;
}

body.admin-asset-page .right-pane > h1,
body.admin-asset-page .right-pane > h2,
body.admin-asset-page .right-pane > h3 {
  margin-bottom: 6px !important;
}

body.admin-asset-page .right-pane h1::after,
body.admin-asset-page .right-pane h2::after,
body.admin-asset-page .right-pane h3::after {
  margin-top: 6px !important;
}

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"] {
  margin-top: 10px !important;
  margin-bottom: 12px !important;
}

body.admin-asset-page .right-pane .admin-asset-list {
  margin-top: 12px !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1),
body.admin-asset-manager-list-page .right-pane > div:has(> h2),
body.admin-asset-manager-list-page .right-pane > div:has(> h3) {
  margin: 0 0 8px !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1) > h1,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) > h2,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) > h3 {
  margin: 0 !important;
  padding-bottom: 0 !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1) > h1::after,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) > h2::after,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) > h3::after {
  content: none !important;
  display: none !important;
  margin: 0 !important;
  line-height: 0 !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1) + br,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) + br,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) + br {
  display: none !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1) > h1 + br,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) > h2 + br,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) > h3 + br {
  display: none !important;
}

body.admin-asset-manager-list-page .right-pane > div:has(> h1) + .form-alerts + div + .admin-asset-list,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) + .form-alerts + div + .admin-asset-list,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) + .form-alerts + div + .admin-asset-list,
body.admin-asset-manager-list-page .right-pane > div:has(> h1) + br + .form-alerts + div + .admin-asset-list,
body.admin-asset-manager-list-page .right-pane > div:has(> h2) + br + .form-alerts + div + .admin-asset-list,
body.admin-asset-manager-list-page .right-pane > div:has(> h3) + br + .form-alerts + div + .admin-asset-list {
  margin-top: 8px !important;
}

body.admin-asset-manager-list-page .right-pane .admin-asset-list {
  border: 2px solid #7f8fa6 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

body.admin-asset-manager-list-page .right-pane .admin-asset-list .data-table th:last-child,
body.admin-asset-manager-list-page .right-pane .admin-asset-list .data-table td:last-child {
  border-right: 0 !important;
}

body.admin-asset-manager-list-page .right-pane .admin-asset-list .data-table tr:last-child td {
  border-bottom: 0 !important;
}

body.admin-asset-manager-list-page .right-pane .admin-asset-list .data-table pre {
  border: 0 !important;
  background: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.admin-asset-page .right-pane .included-pages-editor button,
body.admin-asset-page .right-pane [class*="included-pages"] button {
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  cursor: pointer;
}

body.admin-asset-page .right-pane .included-pages-editor__add {
  border: 1px solid #2858cf !important;
  background: #2f66e8 !important;
  color: #fff !important;
}

body.admin-asset-page .right-pane .included-pages-editor__add:hover {
  background: #1f55d6 !important;
  border-color: #1f55d6 !important;
}

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) {
  border: 1px solid #b8c2d0 !important;
  background: #fff !important;
  color: #344054 !important;
}

body.admin-asset-page .right-pane .included-pages-editor__remove:hover,
body.admin-asset-page .right-pane [class*="included-pages"] button:not(.included-pages-editor__add):hover {
  border-color: #8fa1b8 !important;
  background: #f8fbff !important;
  color: #1f2937 !important;
}

body.admin-asset-page .right-pane .included-pages-editor button:disabled,
body.admin-asset-page .right-pane [class*="included-pages"] button:disabled {
  border-color: #d0d5dd !important;
  background: #f2f4f7 !important;
  color: #667085 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table th:nth-child(1),
body.admin-asset-edit-page .right-pane .admin-asset-related-table td:nth-child(1) {
  width: 64px !important;
}

body.admin-asset-edit-page .right-pane table.data-table.admin-asset-related-table,
body.admin-asset-edit-page .right-pane table.admin-asset-related-table {
  width: 100% !important;
  table-layout: fixed !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table col:nth-child(1) {
  width: 64px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table th:nth-child(2),
body.admin-asset-edit-page .right-pane .admin-asset-related-table td:nth-child(2) {
  width: 86px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table col:nth-child(2) {
  width: 86px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table th:nth-child(3),
body.admin-asset-edit-page .right-pane .admin-asset-related-table td:nth-child(3) {
  width: 180px !important;
  max-width: 180px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table col:nth-child(3) {
  width: 180px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table th:nth-child(4),
body.admin-asset-edit-page .right-pane .admin-asset-related-table td:nth-child(4) {
  width: auto !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table col:nth-child(4) {
  width: auto !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table th:nth-child(5),
body.admin-asset-edit-page .right-pane .admin-asset-related-table td:nth-child(5) {
  width: 96px !important;
}

body.admin-asset-edit-page .right-pane .admin-asset-related-table col:nth-child(5) {
  width: 96px !important;
}

.siimple-admin-list-head h2 {
  font-size: 17px !important;
}

.siimple-admin-list-head p,
.siimple-admin-list-action,
.siimple-admin-table th,
.siimple-admin-table td,
.siimple-admin-link-action,
.siimple-admin-title-cell code,
.siimple-admin-status,
.siimple-admin-pagination .pagination {
  font-size: 13px !important;
}

.siimple-admin-title-cell strong {
  font-size: 15px !important;
}

body.admin-asset-page .right-pane .admin-asset-list-head h2 {
  font-size: 17px !important;
}

body.admin-asset-page .right-pane .admin-asset-list-action,
body.admin-asset-page .right-pane .data-table th,
body.admin-asset-page .right-pane .data-table td,
body.admin-asset-page .right-pane .data-table code,
body.admin-asset-page .right-pane .admin-copy-tag {
  font-size: 13px !important;
}
/* /codex-shared-page-rhythm-20260702 */