/* Live acceptance correction: held Tailwind utilities are layered !important.
   Resolve their foreground variable on the active chrome tab itself; an
   unlayered color !important alone cannot win that cascade. */
[data-site-editor-root] :is([data-editor-library-tabs], [data-editor-inspector-tabs]) > [role="tab"][data-state="active"] {
  --primary-foreground: #0b3046;
  color: var(--primary-foreground) !important;
}
[data-site-editor-root] :is([data-editor-library-tabs], [data-editor-inspector-tabs]) > [role="tab"][data-state="active"] > svg {
  color: currentColor;
  stroke: currentColor;
}
/* Source uses a label wrapper; the held live input carries the class itself. */
[data-site-workspace-surface] [data-site-media-library] input.site-media-search,
[data-site-workspace-surface] [data-site-media-library] .site-media-search > input[data-slot="input"] {
  height: 44px;
  min-height: 44px;
}
@media (forced-colors: active) {
  [data-site-editor-root] :is([data-editor-library-tabs], [data-editor-inspector-tabs]) > [role="tab"][data-state="active"] {
    --primary-foreground: HighlightText;
  }
}