
/* 1) Each add-on = one clean card (distinct unit) — no box-in-box. */
#tmpl-spec-panels > div[id^="tspec-"]{
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#222831 0%,#1e242b 100%)!important;
  padding:16px 16px 12px!important;
  margin-bottom:14px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 6px 16px rgba(0,0,0,.18)!important;
}

/* 2) Flatten inner sub-section boxes into hairline-separated groups (JS tags .spec-section). */
#tmpl-spec-panels .spec-section{
  border:none!important;
  background:transparent!important;
  border-radius:0!important;
  margin:0!important;
  padding:20px 0 0!important;
  border-top:1px solid var(--border-2)!important;
}
#tmpl-spec-panels .spec-section.spec-section--first{
  border-top:none!important;
  padding-top:2px!important;
}
/* softer section headers — less shouty than the original stark white */
#tmpl-spec-panels .spec-section > div:first-child{ color:var(--text2)!important; }

/* 3) Top-aligned fields, calm 2-up grid that relaxes responsively; ~16px field gap. */
#tmpl-spec-panels .fg3,
#tmpl-spec-panels .fg2{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:16px 16px;
}
/* inputs anchored to bottom of each cell so variable-height labels stay aligned (incl. unit-wrapped) */
#tmpl-spec-panels .fld > input,
#tmpl-spec-panels .fld > select,
#tmpl-spec-panels .fld > textarea,
#tmpl-spec-panels .fld > div,
#tmpl-spec-panels .fld > .spec-unitwrap{ margin-top:auto; }
#tmpl-spec-panels .fld label{ letter-spacing:.4px; line-height:1.3; }
/* Per-field parenthetical descriptions removed at the user's request. */
#tmpl-spec-panels .fld label span{ display:none!important; }

/* 4) One uniform width: number fields fill the column like the dropdowns. Values stay
      right-aligned with their unit tucked at the right edge. */
#tmpl-spec-panels .fld input[type="number"]{ text-align:right; }
#tmpl-spec-panels .spec-unitwrap{ position:relative; display:block; width:100%; }
#tmpl-spec-panels .spec-unitwrap input{ width:100%; padding-right:40px; text-align:right; }
#tmpl-spec-panels .spec-unit{
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  font-size:11px; font-weight:600; letter-spacing:.3px; color:var(--text3); pointer-events:none;
}
