/********************************************************************************
 * Copyright (C) 2026 EclipseSource GmbH and others.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * This Source Code may also be made available under the following Secondary
 * Licenses when the conditions for such availability set forth in the Eclipse
 * Public License v. 2.0 are satisfied: GNU General Public License, version 2
 * with the GNU Classpath Exception which is available at
 * https://www.gnu.org/software/classpath/license.html.
 *
 * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 ********************************************************************************/

/** Skill-specific tweaks layered on top of the shared `.theia-vsx-extension` card. */

.theia-vsx-extension-icon.theia-skill-extension-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}

.theia-vsx-extension-icon.theia-skill-extension-icon .codicon {
    /* Match the MCP card icon so skills and MCP servers render at the same visual size. */
    font-size: calc(var(--theia-vsx-extension-icon-size) * 0.65);
    color: var(--theia-descriptionForeground);
}

.theia-skill-extension-actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.theia-skill-extension-gear-placeholder {
    visibility: hidden;
    pointer-events: none;
}

.theia-skill-extension-warning {
    color: var(--theia-editorWarning-foreground, var(--theia-notificationsWarningIcon-foreground));
    font-size: var(--theia-ui-font-size1);
}

.theia-skill-extension-link-stale-message {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--theia-ui-padding) / 2);
    font-size: var(--theia-ui-font-size0);
    color: var(--theia-editorWarning-foreground, var(--theia-notificationsWarningIcon-foreground));
}

.theia-extensions-type-badge--skill {
    background-color: var(--theia-inputValidation-warningBackground, var(--theia-badge-background));
    color: var(--theia-inputValidation-warningForeground, var(--theia-badge-foreground));
}
