/* Status badges */
.status-badge {
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 8pt;
    font-weight: 600;
}

.status-badge.success {
    background: @success_bg_color;
    color: @success_fg_color;
}

.status-badge.warning {
    background: @warning_bg_color;
    color: @warning_fg_color;
}

.status-badge.error {
    background: @error_bg_color;
    color: @error_fg_color;
}

.status-badge.info {
    background: @accent_bg_color;
    color: @accent_fg_color;
}

.status-badge.neutral {
    background: @card_shade_color;
    color: @window_fg_color;
}

/* App cards in grid view */
.app-card {
    padding: 12px;
    border-radius: 12px;
    background: @card_bg_color;
    transition: background 150ms ease;
}

.app-card:hover {
    background: @headerbar_shade_color;
}

.app-card-name {
    font-weight: 600;
    font-size: 10pt;
}

.app-card-version {
    font-size: 8pt;
    opacity: 0.7;
}

/* Badge row in app cards */
.badge-row {
    margin-top: 4px;
}

/* Detail view headings */
.heading {
    font-weight: 700;
    font-size: 11pt;
    opacity: 0.8;
}

/* Monospace text for paths and hashes */
.monospace {
    font-family: monospace;
    font-size: 9pt;
}