/* Original monochrome vectors inherit the owning control's theme and state color. */
.shortcuty-icon {
    display: inline-block;
    flex: none;
    vertical-align: -0.125em;
    pointer-events: none;
    direction: ltr;
}

.shortcuty-icon.shortcuty-category-icon {
    color: #000000;
}

[data-theme="dark"] .shortcuty-icon.shortcuty-category-icon {
    color: #ffffff;
}

.shortcuty-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.shortcuty-icon.stat-icon,
.detail-stat-item .shortcuty-icon.stat-icon {
    width: 16px;
    height: 16px;
}

.stat-item .shortcuty-icon.stat-icon,
.detail-stat-item .shortcuty-icon.stat-icon {
    color: var(--text-secondary);
}

.btn-like-shortcut-full .shortcuty-icon.like-icon {
    color: inherit;
}

.btn-like-shortcut-full,
.btn-download {
    min-height: 44px;
    min-width: 44px;
}

/* Category badges keep artwork monochrome while preserving category color. */
.shortcuty-icon.shortcuty-category-icon { box-sizing: content-box; padding: 4px; border-radius: 7px; background: rgba(var(--shortcuty-category-rgb, 45,120,230), .18); }
[data-shortcuty-icon="category-productivity"] { --shortcuty-category-rgb: 45,120,230; }
[data-shortcuty-icon="category-social-media"] { --shortcuty-category-rgb: 230,80,140; }
[data-shortcuty-icon="category-entertainment"] { --shortcuty-category-rgb: 235,140,35; }
[data-shortcuty-icon="category-utilities"] { --shortcuty-category-rgb: 125,125,135; }
[data-shortcuty-icon="category-artificial-intelligence"] { --shortcuty-category-rgb: 90,85,215; }
[data-shortcuty-icon="category-technology"] { --shortcuty-category-rgb: 45,120,230; }
[data-shortcuty-icon="category-health-fitness"] { --shortcuty-category-rgb: 220,65,65; }
[data-shortcuty-icon="category-education"] { --shortcuty-category-rgb: 40,165,200; }
[data-shortcuty-icon="category-travel"] { --shortcuty-category-rgb: 35,155,150; }
[data-shortcuty-icon="category-shopping"] { --shortcuty-category-rgb: 160,80,210; }
[data-shortcuty-icon="category-finance"] { --shortcuty-category-rgb: 50,165,85; }
[data-shortcuty-icon="category-photography"] { --shortcuty-category-rgb: 235,140,35; }
[data-shortcuty-icon="category-music"] { --shortcuty-category-rgb: 160,80,210; }
[data-shortcuty-icon="category-news"] { --shortcuty-category-rgb: 45,120,230; }
[data-shortcuty-icon="category-weather"] { --shortcuty-category-rgb: 40,165,200; }
[data-shortcuty-icon="category-sports"] { --shortcuty-category-rgb: 50,165,85; }
[data-shortcuty-icon="category-gaming"] { --shortcuty-category-rgb: 90,85,215; }
[data-shortcuty-icon="category-food-dining"] { --shortcuty-category-rgb: 235,140,35; }
[data-shortcuty-icon="category-shortcut-extension"] { --shortcuty-category-rgb: 35,155,150; }
[data-shortcuty-icon="category-sideloading"] { --shortcuty-category-rgb: 160,80,210; }

/* Feed artwork follows the heading color and remains independent of text direction. */
.shortcuty-feed-heading {
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.shortcuty-feed-heading > span { min-width: 0; }
.shortcuty-icon.shortcuty-feed-icon {
    width: max(20px, 1em);
    height: max(20px, 1em);
    color: inherit;
}

/* An action glyph fits inside the existing count line without increasing its height. */
.shortcuty-icon.action-count-icon {
    width: 1.083333em;
    height: 1.083333em;
    align-self: center;
    color: inherit;
}