/* Overflow menus: vertical dots stay neutral in every interaction state.
 * Only the pictogram changes; menu actions retain their semantic colours.
 * !important isolates these shared rules from older page-specific icon styles.
 */
.ui-kebab-icon,
.ui-kebab-glyph,
.ui-kebab-trigger {
    color: #000 !important;
}
svg.ui-kebab-icon {
    flex: 0 0 auto;
    width: 20px;
    min-width: 20px;
    height: 20px;
    transform: none !important;
    rotate: none !important;
    fill: currentColor;
}
svg.ui-kebab-icon circle {
    fill: currentColor;
    stroke: none;
}
.ui-kebab-glyph {
    display: inline-grid;
    place-items: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    font: 24px/1 var(--ui-font);
    letter-spacing: 0;
    vertical-align: middle;
}
.ui-kebab-trigger {
    letter-spacing: 0;
}
:root:is([data-theme='dark'],[data-theme='contrast']) :is(.ui-kebab-icon,.ui-kebab-glyph,.ui-kebab-trigger) {
    color: var(--ui-text) !important;
}