/**
 * gc-benefit-badge — фиолетовый chip льготы с построчным фоном и стыкующимися скруглениями.
 * Многострочность: public/js/gc-benefit-badge.js
 * Разметка: <x-ui.benefit-badge>
 */

/* Зона переноса (Figma badges row 1075:7707) — на всю ширину колонки, chip слева */
.gc-benefit-badge-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 var(--space-2) var(--space-2);
    margin-top: 0;
    box-sizing: border-box;
}

/* Chip (Figma 1075:7708) — до JS: fallback; после split — колонка строк */
.gc-benefit-badge {
    box-sizing: border-box;
    max-width: 100%;
    border: none;
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: var(--type-ui-caption-line-height);
    letter-spacing: 0;
    text-transform: none;
    white-space: normal;
    text-align: left;
    overflow-wrap: break-word;
    color: var(--text-on-solid);
}

.gc-benefit-badge:not(.gc-benefit-badge--split) {
    display: inline;
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-4) var(--radius-12) var(--radius-12) var(--radius-12);
    background: var(--accent-violet);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.gc-benefit-badge.gc-benefit-badge--split {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0;
    background: none;
    border-radius: 0;
}

.gc-benefit-badge-line {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 var(--space-2);
    background: var(--accent-violet);
    color: var(--text-on-solid);
    font-size: inherit;
    font-weight: inherit;
    line-height: var(--type-ui-caption-line-height);
    overflow-wrap: break-word;
}

.gc-benefit-badge-line:only-child {
    border-radius: var(--radius-4) var(--radius-12) var(--radius-12) var(--radius-12);
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
}

.gc-benefit-badge-line:first-child:not(:last-child) {
    border-radius: var(--radius-4) var(--radius-12) var(--radius-12) 0;
    padding-top: var(--space-1);
    padding-bottom: 0;
}

.gc-benefit-badge-line:last-child:not(:first-child) {
    border-radius: 0 var(--radius-12) var(--radius-12) var(--radius-12);
    padding-top: 0;
    padding-bottom: var(--space-1);
}

.gc-benefit-badge-line:not(:first-child):not(:last-child) {
    border-radius: 0 var(--radius-12) var(--radius-12) 0;
}

/* Спокойный тон (заявки: «Оплата по прайсу») */
.gc-benefit-badge--muted:not(.gc-benefit-badge--split) {
    background: var(--surface-control);
    color: var(--text-secondary);
    border: 1px solid var(--border-default);
}

.gc-benefit-badge--muted .gc-benefit-badge-line {
    background: var(--surface-control);
    color: var(--text-secondary);
    border: 1px solid var(--border-default);
    border-top: none;
    border-bottom: none;
}

.gc-benefit-badge--muted .gc-benefit-badge-line:only-child {
    border-top: 1px solid var(--border-default);
    border-bottom: 1px solid var(--border-default);
}

.gc-benefit-badge--muted .gc-benefit-badge-line:first-child:not(:last-child) {
    border-top: 1px solid var(--border-default);
}

.gc-benefit-badge--muted .gc-benefit-badge-line:last-child:not(:first-child) {
    border-bottom: 1px solid var(--border-default);
}