/* ===== Selected Attribute Pills ===== */

.kniterp-preview-name {
    font-weight: 600;
    color: var(--text-color);
}

/* Attribute pills — theme-aware */
.kniterp-attr-pill {
    display: inline-flex;
    align-items: center;

    background: var(--control-bg);
    color: var(--text-color);

    border: 1px solid var(--border-color);
    border-radius: 14px;

    padding: 4px 10px;
    margin-right: 6px;
    margin-bottom: 4px;

    font-weight: 600;
}

/* Attribute value text — red accent in both modes */
.kniterp-attr-pill *,
.kniterp-attr-pill span {
    color: var(--red-500) !important;
}

/* Remove (×) icon */
.kniterp-remove-attr {
    cursor: pointer;
    margin-left: 6px;
    color: var(--red-400) !important;
    font-weight: bold;
}

/* Hover feedback */
.kniterp-attr-pill:hover {
    background: var(--subtle-fg);
}

/* ===== Login page logo ===== */
.page-card-head .app-logo {
    width: 180px;
    height: auto;
}