/* Reference-workbench content overlay. Requires the V4 content/common styles;
 * body must carry .muse-reference-preview and the existing route opt-in class.
 * Data, form names, routes, validation and action handlers remain untouched. */
body.muse-reference-preview:is(.muse-v4-content,.muse-v4-common,.muse-v4-ops,.muse-v4-special,.muse-v4-special-page) {
  --muse-ref-bg: #fafafa;
  --muse-ref-panel: #fff;
  --muse-ref-inset: #f4f4f4;
  --muse-ref-hover: #f0f0f0;
  --muse-ref-line: #e5e5e5;
  --muse-ref-line-strong: #d4d4d4;
  --muse-ref-ink: #0a0a0a;
  --muse-ref-body: #262626;
  --muse-ref-muted: #737373;
  --muse-ref-danger: #dc2626;
  --muse-ref-warning: #d97706;
  --muse-ref-success: #16a34a;
  --muse-line: var(--muse-ref-line);
  --muse-ink: var(--muse-ref-ink);
  --muse-muted: var(--muse-ref-muted);
  --muse-surface: var(--muse-ref-panel);
  --muse-subtle: var(--muse-ref-inset);
  --muse-radius: 6px;
  --muse-common-radius: 6px;
  --muse-common-border: var(--muse-ref-line);
  --muse-common-ink: var(--muse-ref-ink);
  background: var(--muse-ref-bg);
  color: var(--muse-ref-body);
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
  font-size: 13px;
  line-height: 20px;
}
body.muse-reference-preview:is(.muse-v4-content,.muse-v4-common) .content-right :is(
  div,span,p,a,h1,h2,h3,h4,label,input,select,textarea,button,table,th,td,small,strong,summary
):not(.iconfont):not([class*='am-icon-']) {
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] > .content,
body.muse-reference-preview.muse-v4-content.admin-goods-index .am-form-table-data-container.content-right > .content,
body.muse-reference-preview.muse-v4-common > .content-right > .content {
  background: var(--muse-ref-bg) !important;
  padding: 20px !important;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] > .content,
body.muse-reference-preview.muse-v4-content.admin-goods-index .am-form-table-data-container.content-right > .content {
  margin: 0 !important; padding: 24px !important;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] .block-container {
  background: var(--muse-ref-panel) !important;
  border-color: var(--muse-ref-line); border-radius: 10px; padding: 16px;
}
/* Page titles are plain template elements; all native form controls remain in place. */
body.muse-reference-preview.muse-v4-content:is(.admin-index-init,.admin-goods-index) .muse-reference-page-head {
  box-sizing: border-box;
  background: #fff;
  border-bottom: 1px solid var(--muse-ref-line);
  margin: -24px -24px 20px;
  padding: 18px 24px;
}
body.muse-reference-preview.muse-v4-content:is(.admin-index-init,.admin-goods-index) .muse-reference-page-head h1 {
  margin: 0; color: var(--muse-ref-ink); font-size: 22px; font-weight: 700; line-height: 30px;
}
body.muse-reference-preview.muse-v4-content:is(.admin-index-init,.admin-goods-index) .muse-reference-page-head p {
  margin: 4px 0 0; color: #737373; font-size: 12px; line-height: 20px;
}
body.muse-reference-preview.muse-v4-content:is(.admin-index-init,.admin-goods-index) .muse-reference-page-head .muse-reference-crumb {
  margin: 0 0 4px; font-size: 11px; line-height: 16px;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] #muse-unified-product-analysis-filters {
  padding: 0; background: transparent !important; border: 0; border-radius: 0;
}
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-data-list .am-operate-grid .muse-goods-actions > .am-btn:not(.am-btn-danger) {
  color: #262626 !important;
}
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-data-list .am-operate-grid .muse-goods-actions > .am-btn:not(.am-btn-danger):hover {
  color: #0a0a0a !important; background: #f0f0f0;
}
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-data-list .am-operate-grid .muse-goods-actions > .am-btn-danger {
  color: #dc2626 !important;
}
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-data-list .am-operate-grid .muse-goods-actions > .am-btn-danger :is(.am-dropdown-toggle,span,i) {
  color: inherit !important;
}
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-operate-top > .am-btn-primary,
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-operate-top .form-table-operate-top-search-submit {
  color: #fff !important; background: #0a0a0a !important; border-color: #0a0a0a !important;
}
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-data-list .am-operate-grid .muse-goods-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-width: 180px !important; gap: 2px 4px !important; padding: 4px 0 !important;
}
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-data-list .am-operate-grid .muse-goods-actions > .am-btn {
  min-height: 24px !important; line-height: 24px !important; font-size: 12px !important;
}
body.muse-reference-preview.muse-v4-content.admin-index-init #muse-unified-product-analysis-filters > h2 {
  font-size: 14px !important; line-height: 22px; margin-bottom: 12px;
}
body.muse-reference-preview.muse-v4-content.admin-index-init #muse-unified-product-analysis > h2,
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] .block-title .title {
  font-size: 16px; line-height: 24px;
}
/* The reference uses color to distinguish states; preserve chart rendering and data. */
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] :is(
  #echarts-order-profit,#echarts-order-trading,#echarts-goods-hot,#echarts-pay-type,
  #echarts-map-whole-country,#echarts-new-user,#echarts-buy-user
) { filter: none; }
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] form.am-form.muse-analysis-filter {
  gap: 8px; margin: 12px 0;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] .muse-analysis-filter :is(input,select),
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] .shopxo-base .right-operate[data-type='base-count'] .echarts-where input,
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-data-list .form-table-search input.am-form-field {
  box-sizing: border-box; height: 32px !important; min-height: 32px; font-size: 13px !important;
  line-height: 20px; padding: 5px 10px; border: 1px solid var(--muse-ref-line); border-radius: 6px;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] .muse-analysis-filter > .am-btn,
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] .shopxo-base .right-operate[data-type='base-count'] .echarts-where-submit,
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] .shopxo-base .right-operate[data-type='base-count'] .quick-time > a,
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] .shopxo-base .right-operate[data-type='base-count'] .quick-time .dropdown-more > .am-dropdown > a.more-btn,
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-operate-top > .am-btn,
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-operate-top .operate-right .am-btn,
body.muse-reference-preview.muse-v4-common .form-table-operate-top > .am-btn {
  box-sizing: border-box; height: 32px !important; min-height: 32px; font-size: 13px !important;
  line-height: 20px; padding: 5px 12px; border-radius: 6px;
}
body.muse-reference-preview.muse-v4-common .content-right > .content > form.form-validation .am-form-group > input:is([type='text'],[type='password'],[type='email'],[type='number'],[type='url']):not(.Wdate) {
  box-sizing: border-box; min-height: 32px; height: 32px; font-size: 13px !important; padding: 5px 10px;
  border-color: var(--muse-ref-line); border-radius: 6px;
}
/* Only the native standalone table-search input is resized. Date pickers and
 * enhanced selection widgets retain their own dimensions and behavior. */
body.muse-reference-preview.muse-v4-common .form-table-search th > .am-flex > input.am-form-field[type='text']:not(.Wdate) {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  padding: 5px 10px;
  border-color: var(--muse-ref-line);
  border-radius: 6px;
  font-size: 13px !important;
  line-height: 20px;
}
/* Match the reference type scale without changing table layout or columns. */
body.muse-reference-preview.muse-v4-common .form-table-content .am-form-table-data-list-container > table.form-table-data-list {
  font-size: 13px;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] .shopxo-base li .li-content {
  background: var(--muse-ref-inset); border-color: var(--muse-ref-line); border-radius: 10px; padding: 14px;
}
body.muse-reference-preview.muse-v4-content:is(.admin-index-init,.admin-goods-index) .form-table-data-list,
body.muse-reference-preview.muse-v4-content.admin-index-init #muse-unified-product-analysis .am-table,
body.muse-reference-preview.muse-v4-common .form-table-data-list { font-size: 13px; }
body.muse-reference-preview.muse-v4-content.admin-goods-index .form-table-data-list > tbody > tr > td,
body.muse-reference-preview.muse-v4-content.admin-index-init #muse-unified-product-analysis .am-table > tbody > tr > td,
body.muse-reference-preview.muse-v4-common .form-table-data-list > tbody > tr > td {
  padding: 10px 12px; line-height: 20px;
}
body.muse-reference-preview.muse-v4-content.admin-goods-index .am-form-table-data-list-container,
body.muse-reference-preview.muse-v4-common .form-table-content .am-form-table-data-list-container {
  background: var(--muse-ref-panel); border: 1px solid var(--muse-ref-line); border-radius: 10px;
}
@media (max-width: 640px) {
  body.muse-reference-preview.muse-v4-content:is(.admin-index-init,.admin-goods-index) .muse-reference-page-head {
    margin: -16px -16px 16px; padding: 16px;
  }
  body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] > .content,
  body.muse-reference-preview.muse-v4-content.admin-goods-index .am-form-table-data-container.content-right > .content,
  body.muse-reference-preview.muse-v4-common > .content-right > .content { padding: 16px !important; }
}
/* Existing operational forms: visual-only rules on known native controls. */
body.muse-reference-preview.muse-v4-ops:is(.admin-musegiftops-index,.admin-musegiftops-customers,.admin-goodscategory-index,.admin-goodscomments-index) .content-right > #muse-ops {
  --muse-ink: #0a0a0a; --muse-muted: #737373; --muse-line: #e5e5e5;
  background: #fafafa; padding: 20px !important; font-size: 13px; line-height: 20px;
  font-family: 'Muse Ref Inter','Muse Ref Noto','Microsoft YaHei',sans-serif;
}
body.muse-reference-preview.muse-v4-ops:is(.admin-musegiftops-index,.admin-musegiftops-customers,.admin-goodscategory-index,.admin-goodscomments-index) #muse-ops :is(div,span,p,a,h1,h2,h3,label,input,select,textarea,button,th,td):not(.iconfont):not([class*='am-icon-']) {
  font-family: 'Muse Ref Inter','Muse Ref Noto','Microsoft YaHei',sans-serif;
}
body.muse-reference-preview.muse-v4-ops:is(.admin-musegiftops-index,.admin-musegiftops-customers,.admin-goodscategory-index,.admin-goodscomments-index) #muse-ops > .muse-page-title {
  font-size: 22px !important; line-height: 30px; margin-bottom: 16px;
}
body.muse-reference-preview.muse-v4-ops:is(.admin-musegiftops-index,.admin-musegiftops-customers,.admin-goodscategory-index,.admin-goodscomments-index) #muse-ops .muse-field > span { font-size: 13px; }
body.muse-reference-preview.muse-v4-ops:is(.admin-musegiftops-index,.admin-musegiftops-customers,.admin-goodscategory-index,.admin-goodscomments-index) #muse-ops .muse-field > input:is(:not([type]),[type='text'],[type='number'],[type='datetime-local'],[type='search'],[type='url']):not(.chosen-search-input),
body.muse-reference-preview.muse-v4-ops:is(.admin-musegiftops-index,.admin-musegiftops-customers,.admin-goodscategory-index,.admin-goodscomments-index) #muse-ops .muse-field > select:not(.chosen-select),
body.muse-reference-preview.muse-v4-ops:is(.admin-musegiftops-index,.admin-musegiftops-customers,.admin-goodscategory-index,.admin-goodscomments-index) #muse-ops .muse-filter-row > .muse-btn,
body.muse-reference-preview.muse-v4-ops:is(.admin-musegiftops-index,.admin-musegiftops-customers,.admin-goodscategory-index,.admin-goodscomments-index) #muse-ops .muse-footer-bar > .muse-btn-primary {
  min-height: 32px; font-size: 13px !important; line-height: 20px; padding: 5px 10px; border-radius: 6px;
}
@media (max-width: 640px) {
  body.muse-reference-preview.muse-v4-ops:is(.admin-musegiftops-index,.admin-musegiftops-customers,.admin-goodscategory-index,.admin-goodscomments-index) .content-right > #muse-ops { padding: 16px !important; }
}
/* The native table JS normally calculates fixed-column offsets. Only the
 * existing rightmost operate column gets a zero-offset fallback; a native
 * inline offset still takes precedence for complex tables. */
body.muse-reference-preview:is(.muse-v4-content,.muse-v4-common) .form-table-data-list tr .am-operate-grid.am-grid-fixed-right {
  right: 0;
}

/* Native editor forms keep their existing fields, validation and controls. */
body.muse-reference-preview:is(.admin-admin-saveinfo,.admin-user-saveinfo,.admin-role-saveinfo,.admin-goodsspectemplate-saveinfo,.admin-goodsparamstemplate-saveinfo,.admin-goods-saveinfo) {
  background: #fafafa;
  color: #0a0a0a;
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
}
body.muse-reference-preview:is(.admin-admin-saveinfo,.admin-user-saveinfo,.admin-role-saveinfo,.admin-goodsspectemplate-saveinfo,.admin-goodsparamstemplate-saveinfo,.admin-goods-saveinfo) .content-right > .content {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}
body.muse-reference-preview:is(.admin-admin-saveinfo,.admin-user-saveinfo,.admin-role-saveinfo,.admin-goodsspectemplate-saveinfo,.admin-goodsparamstemplate-saveinfo,.admin-goods-saveinfo) .am-form-group > label {
  color: #262626;
  font-size: 13px;
  line-height: 20px;
}
body.muse-reference-preview:is(.admin-admin-saveinfo,.admin-user-saveinfo,.admin-role-saveinfo,.admin-goodsspectemplate-saveinfo,.admin-goodsparamstemplate-saveinfo,.admin-goods-saveinfo) .am-form-group > input:is([type='text'],[type='password'],[type='email'],[type='number'],[type='url']):not(.Wdate),
body.muse-reference-preview:is(.admin-admin-saveinfo,.admin-user-saveinfo,.admin-role-saveinfo,.admin-goodsspectemplate-saveinfo,.admin-goodsparamstemplate-saveinfo,.admin-goods-saveinfo) .am-form-group > select:not(.chosen-select) {
  box-sizing: border-box;
  min-height: 32px;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  background: #fff;
  font-size: 13px;
}
body.muse-reference-preview:is(.admin-admin-saveinfo,.admin-user-saveinfo,.admin-role-saveinfo,.admin-goodsspectemplate-saveinfo,.admin-goodsparamstemplate-saveinfo,.admin-goods-saveinfo) .form-validation button[type='submit'].am-btn-primary {
  min-height: 32px;
  padding: 5px 12px;
  border: 1px solid #171717;
  border-radius: 6px;
  background: #171717;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
}
body.muse-reference-preview:is(.admin-admin-saveinfo,.admin-user-saveinfo,.admin-role-saveinfo,.admin-goodsspectemplate-saveinfo,.admin-goodsparamstemplate-saveinfo,.admin-goods-saveinfo) .form-validation button[data-am-modal-close] {
  min-height: 32px;
  padding: 5px 12px;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  background: #fff;
  color: #262626;
  font-size: 13px;
  line-height: 20px;
}

/* Workbench: keep the actual filters, historical links and live metrics while
 * giving the overview the same compact surface and hierarchy as the reference. */
body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] #muse-unified-product-analysis-filters {
  margin: 0 0 16px !important;
  padding: 18px 20px !important;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff !important;
}
body.muse-reference-preview.muse-v4-content.admin-index-init #muse-unified-product-analysis-filters > h2 {
  margin: 0 0 12px;
  color: #0a0a0a;
  font-size: 16px !important;
  line-height: 24px;
}
body.muse-reference-preview.muse-v4-content.admin-index-init #muse-unified-product-analysis-filters #muse-analysis-range {
  margin: 10px 0 6px;
  color: #666;
  line-height: 20px;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .muse-analysis-notes {
  margin: 6px 0 0;
  color: #595959;
  line-height: 20px;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .muse-analysis-notes summary {
  width: fit-content;
  color: #404040;
  cursor: pointer;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .muse-analysis-notes p {
  max-width: 100ch;
  margin: 8px 0;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .muse-analysis-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 0;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .muse-analysis-summary > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  background: #f7f7f7;
  color: #595959;
  font-size: 12px;
  line-height: 20px;
  overflow-wrap: anywhere;
}
body.muse-reference-preview.muse-v4-content.admin-index-init .muse-analysis-summary strong {
  color: #171717;
  font-size: 14px;
}
@media (max-width: 900px) {
  body.muse-reference-preview.muse-v4-content.admin-index-init .muse-analysis-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body.muse-reference-preview.muse-v4-content.admin-index-init .content-right[data-muse-dashboard='1'] #muse-unified-product-analysis-filters { padding: 16px !important; }
}

/* Candidate only: align the showcase product-list delete popover with the
 * lower edge of its own trigger.  It preserves the horizontal table scroller,
 * the existing DOM, and both native dropdown/delete event handlers.  The
 * non-showcase menu has different options and is intentionally out of scope. */
body.muse-reference-preview.muse-v4-content.admin-goods-index
  .form-table-data-list .am-operate-grid .muse-goods-actions
  > .am-dropdown-left > .am-dropdown-content {
  top: auto;
  bottom: 0;
  margin: 0;
}


/* Candidate: native ShopXO subpages and the two MIUSILI product tools.
 * Include after muse-reference-content.css only when reference UI is enabled.
 * The page and form gates intentionally exclude plugin-owned documents, DIY
 * editors, chosen, switches, file inputs, dates and rich-text editors. */
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-goods-tools,.admin-shortcutmenu-index) {
  background: #fafafa;
  color: #262626;
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
  font-size: 13px;
  line-height: 20px;
}

/* Only the native page container receives a surface; fields remain in their
 * original forms with their original names, validators and submit handlers. */
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index) > .content-right > .content {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index) .form-validation .am-form-group > label:not(.am-radio-inline):not(.am-checkbox-inline) {
  color: #262626;
  font-size: 13px;
  line-height: 20px;
}
/* Standalone text fields only: .Wdate, hidden, file and component internals
 * retain their own styles and positioning. */
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index) .form-validation .am-form-group > input:is([type='text'],[type='password'],[type='email'],[type='number'],[type='url']):not(.Wdate),
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index) .form-validation .am-form-group > select:not(.chosen-select) {
  box-sizing: border-box;
  min-height: 32px;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  background-color: #fff;
  color: #262626;
  font-family: inherit;
  font-size: 13px;
}
body.muse-reference-preview.admin-goodscomments-saveinfo .form-validation .am-form-group > textarea:is([name='content'],[name='reply']),
body.muse-reference-preview.admin-pluginsadmin-saveinfo .form-validation .am-form-group > textarea[name='desc'] {
  box-sizing: border-box;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  color: #262626;
  background: #fff;
  font-family: inherit;
  font-size: 13px !important;
}
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index) .form-validation button[type='submit'].am-btn-primary:not(:disabled):not(.am-disabled) {
  min-height: 32px;
  padding: 5px 12px;
  border: 1px solid #171717;
  border-radius: 6px;
  background: #171717;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
}
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-shortcutmenu-index)
  .form-validation button[data-am-modal-close] {
  min-height: 32px;
  padding: 5px 12px;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  background: #fff;
  color: #262626;
  font-size: 13px;
  line-height: 20px;
}
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index)
  .form-validation :is(input,textarea,select,button,a):focus-visible {
  outline: 2px solid #525252;
  outline-offset: 2px;
}

/* Product poster/spec and authorized procurement pages carry inline legacy
 * colors. Match the workbench palette without changing grid geometry, editor
 * heights, data, editable states, image handling or warning/error colors. */
body.muse-reference-preview.admin-goods-tools .muse-tools,
body.muse-reference-preview.admin-goods-tools .muse-procurement {
  color: #262626;
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
  font-size: 13px;
}
body.muse-reference-preview.admin-goods-tools .muse-tools fieldset,
body.muse-reference-preview.admin-goods-tools .muse-spec-images figure,
body.muse-reference-preview.admin-goods-tools .proc-toolbar,
body.muse-reference-preview.admin-goods-tools .proc-thumb,
body.muse-reference-preview.admin-goods-tools .proc-dialog {
  border-color: #e5e5e5;
  border-radius: 6px;
}
body.muse-reference-preview.admin-goods-tools .muse-tools :is(input[type='text'],input[type='number'],input[type='email'],input[type='url'],select,textarea),
body.muse-reference-preview.admin-goods-tools .muse-procurement :is(input[type='text'],input[type='number'],input[type='email'],input[type='url'],select,textarea) {
  border-color: #d4d4d4;
  border-radius: 6px;
  color: #262626;
  font-family: inherit;
  font-size: 13px;
}
/* The compact specification editor has its own measured grid; retain its
 * input sizing there, and normalize the other ordinary tool controls. */
body.muse-reference-preview.admin-goods-tools .muse-tools:not(.spec-mode) :is(input[type='text'],input[type='number'],input[type='email'],input[type='url'],select),
body.muse-reference-preview.admin-goods-tools .muse-procurement :is(input[type='text'],input[type='number'],input[type='email'],input[type='url'],select) {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  padding: 5px 10px;
  line-height: 20px;
}
body.muse-reference-preview.admin-goods-tools :is(.muse-tools:not(.spec-mode),.muse-procurement) .am-btn {
  box-sizing: border-box;
  min-height: 32px;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 20px;
}
body.muse-reference-preview.admin-goods-tools .muse-tools :is(.muse-sku-summary,.muse-spec-images figcaption),
body.muse-reference-preview.admin-goods-tools .muse-procurement :is(.proc-tag,.proc-thumb,.proc-photo-target) {
  background: #f4f4f4;
  color: #525252;
}
body.muse-reference-preview.admin-goods-tools .muse-tools :is(.muted,.muse-sku-summary span,.muse-spec-image-hint,.muse-spec-gallery-heading),
body.muse-reference-preview.admin-goods-tools .muse-procurement :is(.muted,.proc-summary,.proc-tags,.proc-item-note,.proc-photo-hint) {
  color: #737373;
}
body.muse-reference-preview.admin-goods-tools .muse-procurement a:not(.am-btn) {
  color: #404040;
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.muse-reference-preview.admin-goods-tools :is(.muse-tools,.muse-procurement) .am-btn-primary:not(:disabled):not(.am-disabled) {
  border-color: #171717;
  background: #171717;
  color: #fff;
}
body.muse-reference-preview.admin-goods-tools :is(.muse-tools,.muse-procurement) :is(button,a,input,select,textarea):focus-visible {
  outline: 2px solid #525252;
  outline-offset: 2px;
}

/* The address input sits beside a chosen widget; style only the standalone
 * input. The native sortable list, chosen dropdown and upload remain intact. */
body.muse-reference-preview.admin-shortcutmenu-index .form-validation .address-group > input[type='text'] {
  box-sizing: border-box;
  min-height: 32px;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  background-color: #fff;
  color: #262626;
  font-family: inherit;
  font-size: 13px !important;
}

/* Explicit dimensions beat the legacy small-form font rules. The direct-child
 * gate avoids chosen search fields, upload internals and editor inputs. */
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index)
  .form-validation .am-form-group > input:is([type='text'],[type='password'],[type='email'],[type='number'],[type='url']):not(.Wdate),
body.muse-reference-preview.admin-shortcutmenu-index .form-validation .address-group > input[type='text'] {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  padding: 5px 10px;
  font-size: 13px !important;
  line-height: 20px;
}
/* Retain the Wdate background icon, picker handler and existing padding. */
body.muse-reference-preview:is(.admin-goodscomments-saveinfo,.admin-appconfig-index) .form-validation input[type='text'].Wdate {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  font-size: 13px !important;
}

/* The platform label and URL are one native table-style input group. Keep
 * that layout and its controls in place while matching their dimensions. */
body.muse-reference-preview.admin-appconfig-index .platform-group-url-container > .am-input-group {
  max-width: 100%;
}
body.muse-reference-preview.admin-appconfig-index .platform-group-url-container > .am-input-group > input[type='text'],
body.muse-reference-preview.admin-appconfig-index .platform-group-url-container > .am-input-group > .am-input-group-btn > button {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  padding: 5px 10px;
  border-color: #d4d4d4;
  font-family: inherit;
  font-size: 13px !important;
  line-height: 20px;
}
body.muse-reference-preview.admin-appconfig-index .platform-group-url-container > .am-input-group > input[type='text'] {
  min-width: 0;
  background: #fff;
  color: #262626;
}
body.muse-reference-preview.admin-appconfig-index .platform-group-url-container > .am-input-group > .am-input-group-btn > button {
  background: #f4f4f4;
  color: #262626;
}

/* Chosen continues to own its original select, search, positioning and event
 * handlers. Only its rendered shell, highlight and visible focus are styled. */
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index) .form-validation .chosen-container-single .chosen-single {
  box-sizing: border-box;
  height: 32px;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  background: #fff;
  box-shadow: none;
  color: #262626;
  font-family: inherit;
  font-size: 13px !important;
  line-height: 30px;
}
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index) .form-validation .chosen-container-multi .chosen-choices {
  box-sizing: border-box;
  min-height: 32px;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  background: #fff;
  box-shadow: none;
  font-family: inherit;
  font-size: 13px !important;
}
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index) .form-validation .chosen-container .chosen-drop {
  border-color: #d4d4d4;
  border-radius: 0 0 6px 6px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index) .form-validation .chosen-container .chosen-results li.highlighted {
  background: #262626;
  color: #fff;
}
body.muse-reference-preview:is(.admin-attachment-saveinfo,.admin-goodscomments-saveinfo,.admin-pluginsadmin-saveinfo,.admin-pluginsadmin-storeuploadinfo,.admin-appmini-index,.admin-appconfig-index,.admin-shortcutmenu-index) .form-validation .chosen-container-active :is(.chosen-single,.chosen-choices) {
  outline: 2px solid #525252;
  outline-offset: 1px;
}

/* Dashboard-only candidate. Keep the native DOM, links, data, date controls,
 * chart implementation and warning/error affordances intact. Load after
 * muse-reference-content.css; it has no effect outside the opted-in dashboard. */

/* Service links are actions, not status badges. Their underline and focus ring
 * keep them identifiable when their legacy blue is replaced with neutral ink. */
body.muse-reference-preview.muse-v4-content.admin-index-init
  .content-right[data-muse-dashboard='1'] .base-content-top
  :is(.store-accounts-event, .right-base > a) {
  color: #404040;
  text-decoration: underline;
  text-decoration-color: #a3a3a3;
  text-underline-offset: 3px;
}
body.muse-reference-preview.muse-v4-content.admin-index-init
  .content-right[data-muse-dashboard='1'] .base-content-top
  :is(.store-accounts-event, .right-base > a):hover {
  color: #0a0a0a;
  text-decoration-color: currentColor;
}

/* The shortcut management link retains a text-link affordance; images remain
 * visible and retain their size and source, with a monochrome presentation. */
body.muse-reference-preview.muse-v4-content.admin-index-init
  .content-right[data-muse-dashboard='1'] .shortcut-menu .more-layout > a {
  color: #404040;
  text-decoration: underline;
  text-decoration-color: #a3a3a3;
  text-underline-offset: 3px;
}
body.muse-reference-preview.muse-v4-content.admin-index-init
  .content-right[data-muse-dashboard='1'] .shortcut-menu .more-layout > a:hover {
  color: #0a0a0a;
  text-decoration-color: currentColor;
}
body.muse-reference-preview.muse-v4-content.admin-index-init
  .content-right[data-muse-dashboard='1'] .shortcut-menu-content > a.item > img {
  filter: grayscale(1);
}
body.muse-reference-preview.muse-v4-content.admin-index-init
  .content-right[data-muse-dashboard='1'] .shortcut-menu-content > a.item:hover {
  background: #f4f4f4;
}

/* History links remain distinguishable from plain explanatory text. */
body.muse-reference-preview.muse-v4-content.admin-index-init
  .content-right[data-muse-dashboard='1'] .muse-analysis-notes a {
  color: #404040;
  text-decoration: underline;
  text-decoration-color: #a3a3a3;
  text-underline-offset: 3px;
}
body.muse-reference-preview.muse-v4-content.admin-index-init
  .content-right[data-muse-dashboard='1'] .muse-analysis-notes a:hover {
  color: #0a0a0a;
  text-decoration-color: currentColor;
}

/* Native buttons, link targets and summary remain keyboard-visible.  No
 * blanket color rule is applied to alerts, errors or warning indicators. */
body.muse-reference-preview.muse-v4-content.admin-index-init
  .content-right[data-muse-dashboard='1'] :is(
    .base-content-top a,
    .shortcut-menu a,
    .muse-analysis-notes a,
    .muse-analysis-notes summary,
    .right-operate a,
    .muse-analysis-filter input,
    .muse-analysis-filter select,
    .muse-analysis-filter button,
    .stats-detail-card
  ):focus-visible {
  outline: 2px solid #525252;
  outline-offset: 2px;
}

/* Native special-page finish: gated by the existing reference mode and exact
 * page marks. This changes presentation only; native forms, status classes,
 * table behavior, editor canvases, plug-ins and request handlers stay intact. */

/* DIY list: keep the form table and its horizontal scroller unchanged. */
body.muse-reference-preview.muse-v4-special-page.admin-diy-index
  .am-form-table-data-container.content-right > .content {
  padding: 20px !important;
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
  font-size: 13px;
  line-height: 20px;
}
body.muse-reference-preview.muse-v4-special-page.admin-diy-index
  .am-form-table-data-container .form-table-operate-top > :is(a,button).am-btn {
  box-sizing: border-box;
  min-height: 32px;
  padding: 5px 12px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 13px !important;
  line-height: 20px;
}
/* Search, reset, and field settings live inside the right-hand action group,
 * not as direct top-bar children. Keep their original icons and targets. */
body.muse-reference-preview.muse-v4-special-page.admin-diy-index
  .am-form-table-data-container .form-table-operate-top .operate-right > .am-flex
  > :is(button,a).am-btn {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  padding: 5px 8px;
  border-radius: 6px;
  font-size: 13px !important;
  line-height: 20px;
}
body.muse-reference-preview.muse-v4-special-page.admin-diy-index
  .am-form-table-data-container .form-table-search th > .am-flex > input.am-form-field[type='text']:not(.Wdate) {
  box-sizing: border-box;
  height: 32px;
  padding: 5px 10px;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  font-size: 13px !important;
  line-height: 20px;
}
body.muse-reference-preview.muse-v4-special-page.admin-diy-index
  .am-form-table-data-container .form-table-data-list :is(th,td) {
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
  font-size: 13px;
}

/* Agreement: tab labels and save action only. The rich-text control itself is
 * deliberately excluded, including textarea#editor-tag and its descendants. */
body.muse-reference-preview.muse-v4-special-page.admin-agreement-index
  .content-right > .content { padding: 20px !important; }
body.muse-reference-preview.muse-v4-special-page.admin-agreement-index
  .content-right > .content > .nav-switch-tabs > ul > li > a {
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
  font-size: 13px !important;
  line-height: 20px;
}
body.muse-reference-preview.muse-v4-special-page.admin-agreement-index
  .content-right > .content > form.am-form > .am-form-popup-submit > button[type='submit'] {
  box-sizing: border-box;
  min-height: 32px;
  padding: 5px 12px;
  border-radius: 6px;
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
  font-size: 13px !important;
  line-height: 20px;
}

/* The page-decoration workspace is stateful: size only its two existing
 * outer tab/footer button groups, not the canvas, preview or module controls. */
body.muse-reference-preview.muse-v4-special-page.admin-musegiftops-pagediy
  #muse-ops :is(.muse-diy-page-tabs,.muse-page-diy-footer) > button.muse-btn {
  box-sizing: border-box;
  min-height: 32px;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 20px;
}

/* Permission tree, plugin administration and SQL console share the shell;
 * preserve all tree rows, status labels, SQL contents and disabled states. */
body.muse-reference-preview.muse-v4-special:is(.admin-power-index,.admin-pluginsadmin-index,.admin-sqlconsole-index)
  > .content-right > .content {
  padding: 20px !important;
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
  font-size: 13px;
  line-height: 20px;
}
body.muse-reference-preview.muse-v4-special.admin-power-index
  .content-right > .content > .am-g > :is(button,a).am-btn,
body.muse-reference-preview.muse-v4-special.admin-pluginsadmin-index
  .content-right > .content > .am-g :is(a,button).am-btn,
body.muse-reference-preview.muse-v4-special.admin-pluginsadmin-index
  .plugins-category-nav button.am-btn,
body.muse-reference-preview.muse-v4-special.admin-power-index
  #data-save-win .am-form-popup-submit > button.am-btn,
body.muse-reference-preview.muse-v4-special.admin-sqlconsole-index
  .content-right > .content > form.form-validation .am-form-popup-submit > button[type='submit'] {
  box-sizing: border-box;
  min-height: 32px;
  padding: 5px 12px;
  border-radius: 6px;
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
  font-size: 13px !important;
  line-height: 20px;
}
body.muse-reference-preview.muse-v4-special:is(.admin-power-index,.admin-pluginsadmin-index,.admin-sqlconsole-index)
  .content-right :is(.am-btn-primary,.plugins-category-nav .am-btn-secondary):not(:disabled):not(.am-disabled) {
  border-color: #171717;
  background: #171717;
  color: #fff;
}
body.muse-reference-preview.muse-v4-special.admin-power-index
  #data-save-win .form-validation .am-form-group > input[type='text'],
body.muse-reference-preview.muse-v4-special.admin-pluginsadmin-index
  .plugins-search > input[type='text'] {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  background: #fff;
  color: #262626;
  font-family: 'Muse Ref Inter', 'Muse Ref Noto', 'Microsoft YaHei', sans-serif;
  font-size: 13px !important;
  line-height: 20px;
}
/* The account binding action may sit in the plugin list or empty state;
 * keep its existing icon, binding handler and disabled state. */
body.muse-reference-preview.muse-v4-special.admin-pluginsadmin-index
  button.am-btn.store-accounts-event {
  box-sizing: border-box;
  height: 32px;
  min-height: 32px;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 13px !important;
  line-height: 20px;
}

/* Explicit visible keyboard focus without modifying the enabled/hidden state. */
body.muse-reference-preview:is(.muse-v4-special,.muse-v4-special-page)
  :is(.content-right .am-btn,.content-right input[type='text'],#muse-ops .muse-diy-page-tabs > button,#muse-ops .muse-page-diy-footer > button):focus-visible {
  outline: 2px solid #525252;
  outline-offset: 2px;
}
@media (max-width: 640px) {
  body.muse-reference-preview.muse-v4-special-page:is(.admin-diy-index,.admin-agreement-index) > .content-right > .content,
  body.muse-reference-preview.muse-v4-special:is(.admin-power-index,.admin-pluginsadmin-index,.admin-sqlconsole-index) > .content-right > .content {
    padding: 16px !important;
  }
}

/* Compact mobile summaries keep complete labels and values readable. */
@media (max-width:640px) {
  body.muse-reference-preview.muse-v4-content.admin-index-init .muse-analysis-summary { grid-template-columns: 1fr; gap: 6px; }
  body.muse-reference-preview.muse-v4-content.admin-index-init .muse-analysis-summary > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 6px 10px; }
}

/* Targeted native-control color corrections. Load after the reference styles. */

/* Keep native row operations legible without changing destructive actions. */
body.muse-reference-preview.muse-v4-common .form-table-data-list td.am-operate-grid :is(a,button).am-btn:is(.am-btn-default,.am-btn-secondary):not(.am-btn-danger):not(.submit-delete):not(:disabled):not(.am-disabled) {
  color: #404040 !important;
}
body.muse-reference-preview.muse-v4-common .form-table-data-list td.am-operate-grid :is(a,button).am-btn:is(.am-btn-default,.am-btn-secondary):not(.am-btn-danger):not(.submit-delete):not(:disabled):not(.am-disabled):hover {
  color: #0a0a0a !important;
}
body.muse-reference-preview.muse-v4-common .form-table-data-list td.am-operate-grid :is(a,button).am-btn.am-btn-danger.submit-delete:not(:disabled):not(.am-disabled) {
  color: #b42318 !important;
}

/* The permission tree is generated by the native tree renderer. */
body.muse-reference-preview.muse-v4-special.admin-power-index #tree table td .submit > :is(a.tree-submit-add-node,a.submit-edit) {
  color: #404040 !important;
}
body.muse-reference-preview.muse-v4-special.admin-power-index #tree table td .submit > :is(a.tree-submit-add-node,a.submit-edit):hover {
  color: #0a0a0a !important;
  text-decoration: underline;
}
body.muse-reference-preview.muse-v4-special.admin-power-index #tree table td .submit > a.submit-delete {
  color: #b42318 !important;
}
body.muse-reference-preview.muse-v4-special.admin-power-index .content-right > .content > .am-operate-stretch-tips {
  border-color: #dedede !important;
  background-color: #f7f7f7 !important;
  color: #404040;
}
body.muse-reference-preview.muse-v4-special.admin-power-index .content-right > .content > .am-operate-stretch-tips :is(.title,.title .contract) {
  color: #404040 !important;
}

/* Native checked state only; unchecked, disabled and event behavior remain native. */
body.muse-reference-preview:is(.admin-goodsspectemplate-saveinfo,.admin-goodsparamstemplate-saveinfo) .form-validation .am-switch.am-active:has(> .am-switch-handle > input[name='is_enable']) {
  border-color: #262626 !important;
  background-color: #262626 !important;
}

/* The plugin-store download navigation, excluding plugin content and notices. */
body.muse-reference-preview.muse-v4-special.admin-pluginsadmin-index .content-right > .content > .am-g a.am-text-sm.am-flex.nwarp {
  color: #404040 !important;
}
body.muse-reference-preview.muse-v4-special.admin-pluginsadmin-index .content-right > .content > .am-g a.am-text-sm.am-flex.nwarp:hover {
  color: #0a0a0a !important;
  text-decoration: underline;
}
/* Candidate: shorten only the native specification-template save dialog.
   The form itself, its fixed actions, and mobile/fullscreen dialogs are unchanged. */
@media all and (min-width: 630px) and (min-height: 630px) {
  body.muse-reference-preview.admin-goodsspectemplate-index
    .am-popup.popup-iframe:not(.am-popup-full):not([class*="am-popup-full-max"]):has(
      iframe[src*="goodsspectemplate/saveinfo" i],
      iframe[src*="goodsspectemplate%2fsaveinfo" i]
    ) {
    height: 460px;
    margin-top: -230px;
  }
}

body.muse-reference-preview:is(.admin-goodsspectemplate-index,.admin-power-index,.admin-pluginsadmin-index) .content-right > .content .muse-reference-page-head {
  box-sizing: border-box;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  margin: -20px -20px 20px;
  padding: 18px 20px;
}
body.muse-reference-preview:is(.admin-goodsspectemplate-index,.admin-power-index,.admin-pluginsadmin-index) .content-right > .content .muse-reference-page-head h1 {
  margin: 0;
  color: #0a0a0a;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}
body.muse-reference-preview:is(.admin-goodsspectemplate-index,.admin-power-index,.admin-pluginsadmin-index) .content-right > .content .muse-reference-page-head p {
  margin: 4px 0 0;
  color: #737373;
  font-size: 12px;
  line-height: 20px;
}
body.muse-reference-preview:is(.admin-goodsspectemplate-index,.admin-power-index,.admin-pluginsadmin-index) .content-right > .content .muse-reference-page-head .muse-reference-crumb {
  margin: 0 0 4px;
  font-size: 11px;
  line-height: 16px;
}
@media (max-width: 640px) {
  body.muse-reference-preview:is(.admin-power-index,.admin-pluginsadmin-index) .content-right > .content .muse-reference-page-head {
    margin-right: -16px;
    margin-left: -16px;
    margin-top: -16px;
    padding-right: 16px;
    padding-left: 16px;
  }
}


/* Narrow screens: keep the original input, generated tags, and close controls
 * intact while allowing long specification values to wrap inside the form. */
@media (max-width: 480px) {
  body.muse-reference-preview.admin-goodsspectemplate-saveinfo
    .form-validation .am-form-group.row > .am-width:has(> input[name='content'][data-am-tagsinput]) {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
  body.muse-reference-preview.admin-goodsspectemplate-saveinfo
    .form-validation .am-form-group.row > .am-width > .am-tagsinput {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
  body.muse-reference-preview.admin-goodsspectemplate-saveinfo
    .form-validation .am-tagsinput > .tag {
    box-sizing: border-box;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    vertical-align: top;
  }
  body.muse-reference-preview.admin-goodsspectemplate-saveinfo
    .form-validation .am-tagsinput > input {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

}

@media (max-width: 640px) {
  /* The fixed operation column consumes most of a narrow screen. Keep it in
   * the native table and let users scroll each complete column into view. */
  body.muse-reference-preview.admin-goodsspectemplate-index
    .form-table-data-list tr > .am-grid-fixed-right {
    position: static !important;
    right: auto !important;
    box-shadow: none !important;
  }
}