/* COOLBA product detail studio — isolated industrial styling */
.product-detail-form-section,
#product-detail-editor {
  --detail-accent: #0b7658;
  --detail-accent-deep: #0a493b;
  --detail-steel: #26343a;
  --detail-grid: #d8e0df;
  font-family: Bahnschrift, "DIN Alternate", "Arial Narrow", "Microsoft YaHei UI", "PingFang SC", sans-serif;
}

.product-detail-form-section .section-heading h4,
#product-detail-editor .detail-pane-head h5,
#product-detail-editor .detail-block-select strong {
  color: var(--detail-steel);
  font-family: Bahnschrift, "DIN Alternate", "Microsoft YaHei UI", sans-serif;
  font-weight: 700;
  letter-spacing: .015em;
}

#product-detail-editor .detail-add-toolbar {
  position: sticky;
  top: 0;
  z-index: 3;
  min-height: 64px;
  gap: 7px;
  border-color: #bfcac8;
  background:
    linear-gradient(rgba(255,255,255,.93), rgba(246,249,248,.96)),
    repeating-linear-gradient(90deg, transparent 0 23px, rgba(38,52,58,.035) 24px);
  box-shadow: 0 8px 20px rgba(31, 48, 45, .06);
}

#product-detail-editor .detail-add-toolbar .btn {
  min-height: 34px;
  border-color: #c6d1cf;
  border-radius: 4px;
  color: var(--detail-accent-deep);
  font-family: Bahnschrift, "DIN Alternate", "Microsoft YaHei UI", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .025em;
}

#product-detail-editor .detail-add-toolbar .btn:hover {
  border-color: var(--detail-accent);
  background: #edf6f2;
}

#product-detail-editor .detail-markdown-button {
  border-color: var(--detail-accent);
  background: var(--detail-accent-deep) !important;
  color: #fff !important;
}

#product-detail-editor .detail-editor-layout {
  grid-template-columns: minmax(170px, .42fr) minmax(0, 1.58fr);
  border-color: #bfcac8;
  background: #f3f6f5;
  box-shadow: 0 16px 38px rgba(28, 45, 41, .08);
}

#product-detail-editor .detail-preview-pane {
  grid-column: 1 / -1;
  min-height: 420px;
  border-top: 1px solid var(--detail-grid);
  border-left: 0;
}

#product-detail-editor .detail-property-body { min-height: 430px; }

#product-detail-editor .detail-source-editor {
  min-height: 360px;
  resize: vertical;
  font-family: Consolas, "Cascadia Mono", monospace;
  font-size: 12px;
  line-height: 1.55;
}

.inventory-direct { min-width: 112px; }
.inventory-direct input {
  min-width: 96px !important;
  width: 96px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.inventory-direct small {
  display: block;
  margin-top: 4px;
  color: #70807d;
  font-size: 11px;
  white-space: nowrap;
}

#product-detail-editor .detail-block-pane {
  background: #f6f8f7;
}

#product-detail-editor .detail-pane-head {
  border-color: var(--detail-grid);
  background: #fff;
}

#product-detail-editor .detail-pane-head h5 {
  font-size: 14px;
  text-transform: uppercase;
}

#product-detail-editor .detail-pane-head span {
  color: #70807d;
  letter-spacing: .015em;
}

#product-detail-editor .detail-block-row {
  border-color: var(--detail-grid);
  transition: background-color .16s ease, box-shadow .16s ease;
}

#product-detail-editor .detail-block-row:hover {
  background: #eef4f2;
}

#product-detail-editor .detail-block-row.active {
  background: #e7f2ee;
  box-shadow: inset 4px 0 0 var(--detail-accent);
}

#product-detail-editor .detail-block-select > span:first-child {
  border: 1px solid #c8d3d0;
  border-radius: 3px;
  background: #fff;
  color: #52615e;
  font-family: Bahnschrift, "DIN Alternate", sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

#product-detail-editor .detail-property-pane,
#product-detail-editor .detail-preview-pane {
  border-color: #c7d0cf;
}

#product-detail-editor .detail-property-body input,
#product-detail-editor .detail-property-body select,
#product-detail-editor .detail-property-body textarea {
  border-radius: 4px;
}

#product-detail-editor .detail-preview-stage {
  background:
    linear-gradient(90deg, rgba(35,54,50,.035) 1px, transparent 1px),
    linear-gradient(rgba(35,54,50,.035) 1px, transparent 1px),
    #e8edeb;
  background-size: 16px 16px;
}

#product-detail-editor .detail-preview-content {
  border: 1px solid rgba(38,52,58,.12);
  border-radius: 2px;
  box-shadow: 0 18px 40px rgba(25, 39, 36, .15);
}

#product-detail-editor .detail-preview-content > .detail-preview-rich {
  width: 100%;
  max-width: none;
  padding: 0;
}

#product-detail-editor .detail-preview-rich > * {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#product-detail-editor .detail-preview-rich img,
#product-detail-editor .detail-preview-rich table {
  max-width: 100%;
}

#product-detail-editor .detail-preview-table table {
  font-variant-numeric: tabular-nums;
}

#product-detail-editor .detail-preview-section-label span,
#product-detail-editor .detail-preview-banner small {
  font-family: Bahnschrift, "DIN Alternate", "Arial Narrow", sans-serif;
  letter-spacing: .13em;
}

@media (max-width: 760px) {
  #product-detail-editor .detail-add-toolbar {
    position: static;
  }
}