/* Shared tab and filter colors, matching the AI data-service selector. */
:root{
  --switch-selected:#dc2d1b;
  --switch-text:#4a5665;
  --switch-border:#dce1e7;
  --switch-hover:#fff5f3;
}

/* The solution scope also overrides the older cargo-specific tab colors. */
html body :is(.catalog-filters,.module-tabs,.library-filters,.platform-screen-tabs,.map-filters,.segmented,.event-tabs,.monitor-tabs,.monitoring-page[data-solution] .monitor-tabs,.automation-tabs,.push-channel-tabs,.ai-example-tabs,.ai-data-tabs,.hero .hero-scenes)>button{
  background:#fff;
  color:var(--switch-text);
  border:1px solid var(--switch-border);
  border-radius:2px;
  box-shadow:none;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
html body :is(.catalog-filters,.module-tabs,.library-filters,.platform-screen-tabs,.map-filters,.segmented,.event-tabs,.monitor-tabs,.monitoring-page[data-solution] .monitor-tabs,.automation-tabs,.push-channel-tabs,.ai-example-tabs,.ai-data-tabs,.hero .hero-scenes)>button :is(strong,span){color:inherit}
html body :is(.catalog-filters,.module-tabs,.library-filters,.platform-screen-tabs,.map-filters,.segmented,.event-tabs,.monitor-tabs,.monitoring-page[data-solution] .monitor-tabs,.automation-tabs,.push-channel-tabs,.ai-example-tabs,.ai-data-tabs,.hero .hero-scenes)>button:hover{
  background:var(--switch-hover);
  border-color:var(--switch-selected);
  color:#b92517;
}
html body :is(.catalog-filters,.module-tabs,.library-filters,.platform-screen-tabs,.map-filters,.segmented,.event-tabs,.monitor-tabs,.monitoring-page[data-solution] .monitor-tabs,.automation-tabs,.push-channel-tabs,.ai-example-tabs,.ai-data-tabs,.hero .hero-scenes)>button:is([aria-selected=true],[aria-pressed=true],.active){
  background:var(--switch-selected);
  border-color:var(--switch-selected);
  color:#fff;
}
html body :is(.catalog-filters,.module-tabs,.library-filters,.platform-screen-tabs,.map-filters,.segmented,.event-tabs,.monitor-tabs,.monitoring-page[data-solution] .monitor-tabs,.automation-tabs,.push-channel-tabs,.ai-example-tabs,.ai-data-tabs,.hero .hero-scenes)>button:focus-visible{
  outline:2px solid var(--switch-selected);
  outline-offset:3px;
}
html body .hero .hero-scenes>button{padding-inline:16px;text-align:center}
html body :is(.automation-tabs,.push-channel-tabs){gap:8px;border-bottom:0}
html body .service-choices input:checked+span{background:var(--switch-selected);border-color:var(--switch-selected);color:#fff}
@media(prefers-reduced-motion:reduce){
  html body :is(.catalog-filters,.module-tabs,.library-filters,.platform-screen-tabs,.map-filters,.segmented,.event-tabs,.monitor-tabs,.automation-tabs,.push-channel-tabs,.ai-example-tabs,.ai-data-tabs,.hero-scenes)>button{transition:none}
}