/* ── retired panels ── */
.sb-tab[data-tab="design"], #tab-design{ display:none !important; }
#bgSource .bgs-seg,
#bgSource #bgsPlainBox,
#bgSource #bgsSchemeSlot,
#plateFrameNote{ display:none !important; }

/* Step 1 keeps only: heading, plates gallery, remove-plate */
#bgSource{ margin-bottom:10px !important; }
#bgsClear{ margin-top:12px !important; }

/* ── component category chips: loud and legible ── */
#componentsGallery .cg-tabs{
  display:flex !important; flex-wrap:wrap !important;
  gap:7px !important; margin:2px 0 14px !important;
}
#componentsGallery .cg-tab{
  display:inline-flex !important; align-items:center;
  font-family:var(--cs-font) !important;
  font-size:12.5px !important; font-weight:800 !important;
  letter-spacing:0 !important; text-transform:none !important;
  padding:8px 15px !important; border-radius:999px !important;
  color:var(--ok-ink) !important;
  background:linear-gradient(180deg,#ffffff,#efecf9) !important;
  border:1.5px solid #ddd8ef !important;
  box-shadow:inset 0 1px 0 #fff, 0 3px 0 #e0dcf0 !important;
  opacity:1 !important;
  transition:transform .12s, box-shadow .12s, filter .12s !important;
}
#componentsGallery .cg-tab:hover{ transform:translateY(-1px); filter:brightness(1.02); border-color:#c9c1e6 !important; }
#componentsGallery .cg-tab.on{
  color:var(--gel-gold-ink) !important;
  background:linear-gradient(180deg,#fff3d2 0%,#ffd98a 52%,#f6c86a 53%,#eeb948 100%) !important;
  border-color:rgba(43,39,64,.10) !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.95), 0 4px 0 var(--gel-gold-rim),
             0 8px 14px rgba(217,165,50,.26) !important;
}
#componentsGallery .cg-tab:active{ transform:translateY(2px); }

/* ── Details is a primary action — make it look like one ── */
#okDetailsTb{
  background:linear-gradient(180deg,#fff3d2 0%,#ffd98a 52%,#f6c86a 53%,#eeb948 100%) !important;
  color:var(--gel-gold-ink) !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.95), 0 4px 0 var(--gel-gold-rim),
             0 8px 14px rgba(217,165,50,.28) !important;
}
#okDetailsTb:active{ box-shadow:inset 0 2px 0 rgba(255,255,255,.9), 0 1px 0 var(--gel-gold-rim) !important; }