/* One dropdown (run 39b, ADM-4): the header recipe (.sc-bar-section-toggle, sc-header.css) on the base .sc-dd-btn,
   so every scDropdown looks like the header dropdowns. Only ground, ink, radius and motion; size and weight stay
   with the base in sc-list.css (UiV2NoSizeTest).
   Specificity: ui-styles loads before sc-list.css, so a bare .sc-dd-btn (0,1,0) would lose to its base. The
   recipe sits on .sc-dd:not(.sc-dd--unit) > .sc-dd-btn (0,3,0). The list bar and drawer keep their variant
   (.sc-list-bar .sc-dd-btn is 0,2,0 and would lose to the recipe, so they are excluded with :not(:where())); the unit
   dropdown keeps sc-unit.css. */
.sc-dd:not(.sc-dd--unit) > .sc-dd-btn:not(:where(.sc-list-bar .sc-dd-btn, .sc-list-fields .sc-dd-btn)) {
    border-color: transparent;
    border-radius: 5px;
    background: var(--sc-color-bar-control-bg);
    color: var(--sc-color-bar-control-ink);
    transition: background-color var(--sc-dur-base) var(--sc-ease-out);
}

.sc-dd:not(.sc-dd--unit) > .sc-dd-btn:not(:where(.sc-list-bar .sc-dd-btn, .sc-list-fields .sc-dd-btn)):is(:hover, [aria-expanded="true"]) {
    border-color: transparent;
    background: var(--sc-color-bar-control-bg-hover);
}

.sc-dd:not(.sc-dd--unit) > .sc-dd-btn .icon {
    color: var(--sc-color-text-subtle);
    transition: transform var(--sc-dur-base) var(--sc-ease-out);
}

.sc-dd:not(.sc-dd--unit) > .sc-dd-btn[aria-expanded="true"] .icon {
    transform: rotate(180deg);
}

/* Disabled: root attribute or disabled hidden select (S/21-dropdown.js sets aria-disabled and does not open). */
.sc-dd[data-sc-dd-disabled] .sc-dd-btn,
.sc-dd:has(select:disabled) .sc-dd-btn {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Options in the trigger ink; the chosen option on the alt surface (0,3,0 beats the base [aria-selected] 0,2,0). */
.sc-dd-panel .sc-dd-opt {
    color: var(--sc-color-bar-control-ink);
}

.sc-dd-panel .sc-dd-opt[aria-selected="true"] {
    background: var(--sc-color-surface-alt);
    color: var(--sc-color-bar-control-ink);
}