王明 / Food-Labeling-Management-Platform

/**
 * Button Appearance（分类弹窗内 Text / Color / Image）
 * 根因：src/index.css 为预构建 Tailwind 输出，未包含 !、border-blue-600、data-[state=on]:* 等工具类；
 * button 在 base 层为透明，透出父级灰底，形成「类名在 DOM 但无样式」的假阳性。
 */
.category-appearance-toggles button[data-slot="toggle-group-item"][data-state="on"] {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}

.category-appearance-toggles button[data-slot="toggle-group-item"][data-state="on"]:hover {
  background-color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  color: #fff !important;
}

.category-appearance-toggles button[data-slot="toggle-group-item"][data-state="on"] svg {
  color: inherit;
}