.site-admin-bar {
  border-bottom: 1px solid #bed7b8;
  background: #eaf5e6;
}

.site-admin-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  padding-block: 12px;
  font-size: 12px;
}

.site-admin-inner strong {
  color: var(--ink);
  margin-right: 6px;
}

.site-admin-inner form {
  margin: 0;
}

/* One editing workspace for products, pages and posts. */
.content-admin-panel {
  margin: 0 0 24px;
  border: 1px solid #c7dcc2;
  border-radius: 6px;
  background: #f7faf5;
  color: var(--ink);
  font: 13px/1.5 var(--font-body);
  overflow-wrap: anywhere;
}
.content-admin-panel > .inline-toolbar,
.content-admin-panel > .product-admin-read,
.content-admin-panel > .inline-entry {
  margin: 0;
  padding: 16px 20px;
  border: 0;
  border-bottom: 1px solid #d6e4d2;
  border-radius: 0;
  background: transparent;
}
.content-admin-panel .product-edit-toolbar-actions {
  border: 0;
  padding-top: 4px;
  gap: 8px;
}
.editor-panel-sections {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  align-items: start;
}
.editor-panel-sections.is-readonly { grid-template-columns: minmax(0, 1fr); }
.editor-panel-sections > .inline-stock-notice { grid-column: 1 / -1; }
.content-admin-panel .product-admin-settings,
.content-admin-panel .supplier-links {
  min-width: 0;
  margin: 0;
  padding: 18px 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.editor-panel-sections:not(.is-readonly) .supplier-links { border-left: 1px solid #d6e4d2; }
.content-admin-panel .supplier-links h2 { margin: 0 0 12px; font-size: 16px; }
.content-admin-panel .inline-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  margin: 0;
  padding: 18px 20px;
  background: transparent;
}
.content-admin-panel .product-admin-settings .inline-settings { padding: 14px 0 0; }
.content-admin-panel .inline-settings label { min-width: 0; }
.content-admin-panel .inline-settings .product-admin-address { grid-column: 1 / -1; }
.content-admin-panel .inline-settings :is(input:not([type="checkbox"]), select) { width: 100%; min-width: 0; box-sizing: border-box; }
.content-admin-panel .inline-settings .inline-stock-form { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.content-admin-panel .inline-stock-form label { flex: 1 1 100px; }
.content-admin-panel .inline-delete-product {
  margin: 0;
  padding: 12px 20px;
  border: 0;
  border-top: 1px solid #d6e4d2;
  border-radius: 0;
  background: transparent;
}
.content-admin-panel .supplier-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.content-admin-panel .supplier-list li { padding: 10px 12px; background: #fff; border: 1px solid #d6e4d2; border-radius: 5px; }
.content-admin-panel .supplier-list li > span { overflow-wrap: anywhere; }
.content-admin-panel :is(.inline-small, .product-admin-read a),
.site-admin-inner :is(button, a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  padding: 7px 11px;
  border: 1px solid #aac5a4;
  border-radius: 6px;
  background: #fff;
  color: #285e2b;
  font: 650 12px/1.4 var(--font-body);
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
}
.content-admin-panel :is(.inline-small, .product-admin-read a):hover,
.site-admin-inner :is(button, a):hover { background: #e5f1df; }
.content-admin-panel .inline-delete-product :is(summary, button) { color: #963e32; }
.content-admin-panel :focus-visible,
.site-admin-inner :focus-visible { outline: 3px solid var(--sun, #e1c01f); outline-offset: 3px; }
.site-admin-group { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.site-admin-inner .site-admin-preview { margin-left: auto; }
.site-admin-inner > strong { display: inline-flex; align-items: center; gap: 7px; }
.site-admin-preview button { background: #285e2b; color: #fff; }
.site-admin-preview button:hover { background: #396b3c; color: #fff; }
@media (max-width: 960px) {
  .editor-panel-sections { grid-template-columns: minmax(0, 1fr); }
  .editor-panel-sections:not(.is-readonly) .supplier-links { border-left: 0; border-top: 1px solid #d6e4d2; }
}
@media (max-width: 600px) {
  .content-admin-panel .inline-settings { grid-template-columns: minmax(0, 1fr); }
  .site-admin-group { width: 100%; }
  .site-admin-inner .site-admin-preview { margin-left: 0; }
  .content-admin-panel .inline-small, .site-admin-inner :is(button, a) { min-height: 44px; }
}

.catalog-context-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; }
.catalog-context-actions a { display: inline-flex; align-items: center; gap: 6px; color: #285e2b; font: 650 13px/1.4 var(--font-body); text-underline-offset: 3px; }

.site-admin-inner a[aria-current="page"] { background: #e5f1df; border-color: #568652; }

/* Compact status labels keep the settings summary readable without explanatory prose. */
.content-admin-panel .product-admin-settings-heading { align-items: flex-start; gap: 10px; }
.content-admin-panel .product-admin-settings-heading > strong { flex-basis: 100%; }
.editor-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.content-admin-panel .editor-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  border: 1px solid;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}
.editor-chip .panel-icon { width: 15px; height: 15px; flex-basis: 15px; }
.content-admin-panel .editor-chip--category { color: #345b7d; background: #edf4fb; border-color: #c3d8e9; }
.content-admin-panel .editor-chip--available { color: #285e2b; background: #e5f2df; border-color: #bdd8b2; }
.content-admin-panel .editor-chip--waiting { color: #795115; background: #fff4d9; border-color: #ead29a; }
.content-admin-panel .editor-chip--empty { color: #963e32; background: #fff0eb; border-color: #e6bdb3; }
.content-admin-panel .editor-chip--quantity { color: #44546b; background: #edf0f6; border-color: #cdd6e4; }
.content-admin-panel .inline-settings > label,
.content-admin-panel .inline-stock-form > label { gap: 6px; font-weight: 600; }
.content-admin-panel .inline-settings :is(input:not([type="checkbox"]), select) { background: #fff; }

/* Product editor: explicit sections with stable save locations. */
.product-editor-workspace { background: #f2f5f7; border-color: #cdd6dc; }
.product-editor-workspace > .product-edit-toolbar { background: #fff; border-bottom-color: #cdd6dc; }
.product-editor-nav { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 20px 0; }
.product-editor-nav a { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #c7d2dc; border-radius: 5px; color: #354f63; background: #fff; font-weight: 650; text-decoration: none; }
.product-editor-nav a:hover { background: #eaf1f6; border-color: #6c8da5; }
.product-editor-workspace .editor-save-guide { display: flex; align-items: flex-start; gap: 8px; margin: 12px 20px 0; color: #566572; font-size: 12px; }
.editor-save-guide .panel-icon { flex-shrink: 0; }
.product-editor-workspace .editor-panel-sections { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 18px; }
.product-editor-workspace .editor-panel-sections > :is(.product-admin-settings, .product-sale) { padding: 20px; border: 1px solid #cdd6dc; border-left: 4px solid #6588a2; border-radius: 6px; background: #fff; }
.product-editor-workspace .editor-panel-sections > .product-sale { border-left-color: #5b8755; }
.product-editor-workspace .editor-panel-sections > .variant-manager { border-left-color: #83719b; }
.product-editor-workspace .editor-panel-sections > .product-admin-recommendations { border-left-color: #a78c5a; }
.product-editor-workspace :is(#product-settings, #product-sale, #product-variants, #variant-save) { scroll-margin-top: 18px; }
.product-editor-workspace :is(.product-admin-settings-heading, .sale-heading) { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #dce3e8; }
.product-editor-workspace .product-admin-settings-heading > strong { flex-basis: auto; }
.product-editor-workspace :is(.product-admin-settings-heading > strong, .sale-heading h2) { display: flex; align-items: center; gap: 8px; font-size: 17px; }
.product-editor-workspace .editor-basics .inline-settings { padding-top: 0; }
.product-editor-workspace .editor-save-hint { margin: 14px 0 0; padding: 10px 12px; background: #eff4f8; border-left: 3px solid #9db4c5; color: #425d70; font-size: 12px; }
.product-editor-workspace .sale-footer { padding: 14px; border: 1px solid #c5d7bf; border-radius: 5px; background: #f1f7ed; }
.product-editor-workspace .variant-save-bar { border-width: 1px; border-left-width: 4px; background: #f1f7ed; }
.product-editor-workspace .variant-create { margin-top: 14px; padding: 14px; border: 1px solid #d6d0df; border-radius: 5px; background: #faf9fc; }
.product-editor-workspace .variant-create summary { color: #58456d; }
.product-editor-workspace .variant-partner-entry { padding: 12px; border: 1px solid #d4dfcd; border-radius: 5px; background: #fff; }
.product-editor-workspace .variant-partner-entry + .variant-partner-entry { margin-top: 12px; }
.product-editor-workspace .variant-partner-actions .inline-small:first-child { background: #edf4e8; border-color: #9eb694; }
.product-editor-workspace .variant-partner-row .product-partner-base { padding: 0; border: 0; background: transparent; }
.product-editor-workspace .base-offer-row { background: #edf4e8; }
.product-editor-workspace .base-offer-table small { display: block; margin-top: 6px; font-size: 11px; font-weight: 400; color: #5d6b5d; }
.product-editor-workspace .base-offer-table .variant-partner-row small { margin-top: 0; }
.product-editor-workspace > .inline-delete-product { margin: 0 18px 18px; border: 1px solid #e1c8be; border-radius: 5px; background: #fff8f5; }
@media (max-width: 700px) {
  .product-editor-workspace .editor-panel-sections { padding: 10px; gap: 12px; }
  .product-editor-workspace .editor-panel-sections > :is(.product-admin-settings, .product-sale) { padding: 14px 12px; }
  .product-editor-nav { padding: 12px 10px 0; gap: 6px; }
  .product-editor-nav a { flex: 1 1 150px; font-size: 12px; }
  .product-editor-workspace .editor-save-guide { margin: 12px 10px 0; }
  .product-editor-workspace .variant-partner-entry { padding: 10px; }
  .product-editor-workspace > .inline-delete-product { margin: 0 10px 12px; }
}
