/* /Components/CountryFlag.razor.rz.scp.css */
.flag[b-rig96t2ycu] {
    flex: none;
    width: 26px;
    height: 19.5px;
    border-radius: 3px;
    overflow: hidden;
}
/* /Components/TransferCalculator.razor.rz.scp.css */
.card[b-jwh3pkuflh] {
    padding: 20px 18px;
    border-radius: 20px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.card-loading[b-jwh3pkuflh] {
    display: grid;
    place-items: center;
    min-height: 320px;
}

/* Сетка 2×2: направление сверху, суммы снизу */
.grid[b-jwh3pkuflh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.cell[b-jwh3pkuflh] {
    min-width: 0;
}

.cell-label[b-jwh3pkuflh] {
    display: block;
    margin-bottom: 2px;
    font-size: 0.72rem;
    letter-spacing: 0.01em;
    color: var(--ink-muted);
}

/* Общая коробка поля */
.picker[b-jwh3pkuflh],
.money[b-jwh3pkuflh] {
    display: block;
    position: relative;
    height: 68px;
    padding: 9px 12px;
    border: 1.5px solid transparent;
    border-radius: 14px;
    background: var(--field);
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.picker:hover[b-jwh3pkuflh],
.money:hover[b-jwh3pkuflh] {
    background: var(--field-hover);
}

/* Выбор страны: нативный select лежит поверх прозрачным слоем —
   на телефоне это даёт системный пикер, а флаг рисуем сами. */
.picker-value[b-jwh3pkuflh] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-top: 3px;
}

.picker-name[b-jwh3pkuflh] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.02rem;
    font-weight: 600;
}

.chevron[b-jwh3pkuflh] {
    flex: none;
    width: 9px;
    height: 9px;
    margin-bottom: 3px;
    border-right: 2px solid var(--ink-muted);
    border-bottom: 2px solid var(--ink-muted);
    transform: rotate(45deg);
}

.picker-native[b-jwh3pkuflh] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: inherit;
    opacity: 0;
    cursor: pointer;
}

.picker:focus-within[b-jwh3pkuflh] {
    border-color: var(--brand);
    background: var(--surface);
}

/* Суммы */
.money-active[b-jwh3pkuflh],
.money:focus-within[b-jwh3pkuflh] {
    border-color: var(--brand);
    background: var(--surface);
}

.money-row[b-jwh3pkuflh] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding-top: 4px;
}

.money-input[b-jwh3pkuflh] {
    flex: 1;
    min-width: 0;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 1.28rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.money-input:focus[b-jwh3pkuflh] {
    outline: none;
}

.money-currency[b-jwh3pkuflh] {
    flex: none;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--ink-muted);
}

/* Валюта выдачи выбирается тем же приёмом, что и страна */
.currency-picker[b-jwh3pkuflh] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: none;
    padding: 3px 6px;
    margin: -3px -6px;
    border-radius: 8px;
    transition: background-color 0.15s ease;
}

.currency-picker:hover[b-jwh3pkuflh],
.currency-picker:focus-within[b-jwh3pkuflh] {
    background: var(--field-hover);
}

.chevron-sm[b-jwh3pkuflh] {
    width: 6px;
    height: 6px;
    margin-bottom: 2px;
    border-width: 1.5px;
}

.note[b-jwh3pkuflh] {
    margin: 6px 2px 0;
    font-size: 0.72rem;
    line-height: 1.3;
    color: var(--ink-muted);
}

/* Сообщения */
.alert[b-jwh3pkuflh] {
    margin: 14px 0 0;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 0.84rem;
}

.alert-warn[b-jwh3pkuflh] {
    background: #fff4de;
    color: #7a5200;
}

.alert-error[b-jwh3pkuflh] {
    background: #fdecec;
    color: var(--danger);
}

/* Комиссия и курс */
.terms-row[b-jwh3pkuflh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.badge[b-jwh3pkuflh] {
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--brand-soft);
    color: var(--brand-dark);
    font-size: 0.8rem;
    font-weight: 600;
}

.rate[b-jwh3pkuflh] {
    font-size: 0.85rem;
    color: var(--ink-muted);
}

/* Итог */
.total[b-jwh3pkuflh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    background: var(--brand-soft);
}

.total-label[b-jwh3pkuflh] {
    font-size: 0.9rem;
    color: var(--brand-dark);
}

.total-value[b-jwh3pkuflh] {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--brand-dark);
}

.cta[b-jwh3pkuflh] {
    display: block;
    width: 100%;
    margin-top: 16px;
    padding: 15px;
    border: 0;
    border-radius: 14px;
    background: var(--brand);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    transition: background-color 0.15s ease;
}

.cta:hover:not(:disabled)[b-jwh3pkuflh] {
    background: var(--brand-dark);
}

.cta:disabled[b-jwh3pkuflh] {
    background: #c6ccd5;
    cursor: not-allowed;
}

.disclaimer[b-jwh3pkuflh] {
    margin: 14px 0 0;
    text-align: center;
    font-size: 0.76rem;
    color: var(--ink-muted);
}

/* На узких экранах строки складываются в одну колонку */
@media (max-width: 420px) {
    .grid[b-jwh3pkuflh] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.shell[b-mhzmiy8ab7] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

/* Шапка */
.shell-header[b-mhzmiy8ab7] {
    position: sticky;
    top: 0;
    z-index: 10;
    /* Полупрозрачный фон с backdrop-filter здесь давал незакрашенные полосы
       после программной прокрутки — оставляем сплошной. */
    background: var(--surface);
    border-bottom: 1px solid var(--line);
}

.bar[b-mhzmiy8ab7] {
    display: flex;
    align-items: center;
    gap: 28px;
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 12px 20px;
}

.brand[b-mhzmiy8ab7] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.logo[b-mhzmiy8ab7] {
    display: grid;
    place-items: center;
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--brand);
    color: #fff;
    font-weight: 800;
}

.logo-text[b-mhzmiy8ab7] {
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: -0.01em;
}

.nav[b-mhzmiy8ab7] {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    scrollbar-width: none;
}

.nav[b-mhzmiy8ab7]::-webkit-scrollbar {
    display: none;
}

.nav a[b-mhzmiy8ab7] {
    white-space: nowrap;
    font-size: 0.9rem;
    color: var(--ink-soft);
    text-decoration: none;
}

.nav a:hover[b-mhzmiy8ab7] {
    color: var(--brand-dark);
}

/* Контент */
.shell-body[b-mhzmiy8ab7] {
    flex: 1;
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 28px 20px 40px;
}

/* Подвал */
.shell-footer[b-mhzmiy8ab7] {
    border-top: 1px solid var(--line);
    background: var(--surface);
}

.footer-top[b-mhzmiy8ab7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 32px 20px;
}

.footer-about[b-mhzmiy8ab7] {
    display: flex;
    gap: 12px;
    max-width: 42ch;
}

.footer-about p[b-mhzmiy8ab7] {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--ink-soft);
}

.footer-links[b-mhzmiy8ab7] {
    display: flex;
    flex-wrap: wrap;
    gap: 44px;
}

.footer-links > div[b-mhzmiy8ab7] {
    display: grid;
    gap: 8px;
    align-content: start;
}

.footer-links h2[b-mhzmiy8ab7] {
    margin: 0 0 2px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.footer-links a[b-mhzmiy8ab7] {
    font-size: 0.9rem;
    color: var(--ink-soft);
    text-decoration: none;
}

.footer-links a:hover[b-mhzmiy8ab7] {
    color: var(--brand-dark);
}

@media (max-width: 720px) {
    .bar[b-mhzmiy8ab7] {
        gap: 16px;
        padding: 10px 16px;
    }

    .nav[b-mhzmiy8ab7] {
        gap: 16px;
    }

    .shell-body[b-mhzmiy8ab7] {
        padding: 20px 16px 32px;
    }
}
/* /Pages/Home.razor.rz.scp.css */
/* Первый экран: текст слева, калькулятор справа */
.hero[b-ubwckkqi95] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 480px);
    gap: 48px;
    align-items: start;
    padding: 8px 0 12px;
}

.hero-text h1[b-ubwckkqi95] {
    margin: 0 0 14px;
    font-size: clamp(1.75rem, 1.2rem + 1.9vw, 2.6rem);
    line-height: 1.15;
}

.lead[b-ubwckkqi95] {
    margin: 0 0 22px;
    max-width: 42ch;
    font-size: 1.05rem;
    color: var(--ink-soft);
}

.pluses[b-ubwckkqi95] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}

.pluses li[b-ubwckkqi95] {
    position: relative;
    padding-left: 30px;
    color: var(--ink-soft);
}

/* Галочка рисуется бордюрами — не тянем иконочный шрифт ради трёх пунктов */
.pluses li[b-ubwckkqi95]::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 6px;
    width: 12px;
    height: 6px;
    border-left: 2.5px solid var(--brand);
    border-bottom: 2.5px solid var(--brand);
    transform: rotate(-45deg);
}

.hero-widget[b-ubwckkqi95] {
    position: sticky;
    top: 20px;
}

/* Секции */
.section[b-ubwckkqi95] {
    padding: 40px 0;
    border-top: 1px solid var(--line);
}

.section h2[b-ubwckkqi95] {
    margin: 0 0 22px;
    font-size: clamp(1.35rem, 1.1rem + 0.9vw, 1.7rem);
}

/* Как это работает */
.steps[b-ubwckkqi95] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.steps li[b-ubwckkqi95] {
    padding-top: 4px;
}

.step-num[b-ubwckkqi95] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin-bottom: 12px;
    border-radius: 10px;
    background: var(--brand-soft);
    color: var(--brand-dark);
    font-weight: 800;
}

.steps h3[b-ubwckkqi95] {
    margin: 0 0 5px;
    font-size: 0.98rem;
}

.steps p[b-ubwckkqi95] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--ink-soft);
}

/* Страны */
.countries[b-ubwckkqi95] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.country-card[b-ubwckkqi95] {
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
}

.country-head[b-ubwckkqi95] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.country-head h3[b-ubwckkqi95] {
    margin: 0;
    font-size: 1.1rem;
}

.country-card dl[b-ubwckkqi95] {
    margin: 0;
    display: grid;
    gap: 8px;
}

.country-card dl > div[b-ubwckkqi95] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    font-size: 0.9rem;
}

.country-card dt[b-ubwckkqi95] {
    color: var(--ink-muted);
}

.country-card dd[b-ubwckkqi95] {
    margin: 0;
    font-weight: 600;
    text-align: right;
}

@media (max-width: 900px) {
    .hero[b-ubwckkqi95] {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .hero-widget[b-ubwckkqi95] {
        position: static;
    }
}
/* /Pages/NotFound.razor.rz.scp.css */
.missing[b-azxxrsdzd8] {
    max-width: 46ch;
    padding: 60px 0;
}

.missing h1[b-azxxrsdzd8] {
    margin-bottom: 10px;
    font-size: 1.6rem;
}

.missing p[b-azxxrsdzd8] {
    margin: 0 0 20px;
    color: var(--ink-soft);
}

.back[b-azxxrsdzd8] {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 12px;
    background: var(--brand);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.back:hover[b-azxxrsdzd8] {
    background: var(--brand-dark);
}
/* /Pages/Transfer.razor.rz.scp.css */
/* Шаги оформления */
.steps[b-p6g0fplulz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
    counter-reset: step;
    font-size: 0.85rem;
    color: var(--ink-muted);
}

.steps li[b-p6g0fplulz] {
    display: flex;
    align-items: center;
    gap: 8px;
    counter-increment: step;
}

.steps li[b-p6g0fplulz]::before {
    content: counter(step);
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--field);
    font-size: 0.75rem;
    font-weight: 700;
}

.steps li + li[b-p6g0fplulz]::after {
    content: none;
}

.steps li:not(:last-child)[b-p6g0fplulz] {
    padding-right: 10px;
    border-right: 1px solid var(--line);
}

.steps a[b-p6g0fplulz] {
    color: inherit;
    text-decoration: none;
}

.steps a:hover[b-p6g0fplulz] {
    color: var(--brand-dark);
}

/* Через .steps — иначе правило .steps li::before выигрывает по специфичности */
.steps .step-done[b-p6g0fplulz]::before {
    background: var(--brand-soft);
    color: var(--brand-dark);
}

.steps .step-current[b-p6g0fplulz] {
    color: var(--ink);
    font-weight: 600;
}

.steps .step-current[b-p6g0fplulz]::before {
    background: var(--brand);
    color: #fff;
}

.title[b-p6g0fplulz] {
    margin-bottom: 22px;
    font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
}

.card[b-p6g0fplulz] {
    padding: 22px;
    border-radius: 18px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.notice[b-p6g0fplulz] {
    max-width: 520px;
}

.muted[b-p6g0fplulz] {
    margin: 0;
    color: var(--ink-muted);
}

/* Две колонки: форма и сводка */
.layout[b-p6g0fplulz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
    gap: 24px;
    align-items: start;
}

.block h2[b-p6g0fplulz],
.summary h2[b-p6g0fplulz] {
    margin: 0 0 6px;
    font-size: 1.05rem;
}

.block-lead[b-p6g0fplulz] {
    margin: 0 0 20px;
    font-size: 0.88rem;
    color: var(--ink-soft);
}

.summary h2[b-p6g0fplulz] {
    margin-bottom: 16px;
}

/* Поля */
.field[b-p6g0fplulz] {
    display: grid;
    gap: 6px;
    margin-bottom: 18px;
    min-width: 0;
}

.field:last-child[b-p6g0fplulz] {
    margin-bottom: 0;
}

.field label[b-p6g0fplulz] {
    font-size: 0.85rem;
    color: var(--ink-soft);
}

/* Поля ввода и сообщения об ошибках рисуют компоненты InputText/ValidationMessage,
   их разметка не получает атрибут изолированного CSS — отсюда ::deep. */
.field[b-p6g0fplulz]  .input {
    width: 100%;
    padding: 13px 15px;
    border: 1.5px solid var(--line);
    border-radius: 12px;
    background: var(--field);
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.field[b-p6g0fplulz]  .input:focus {
    outline: none;
    border-color: var(--brand);
    background: var(--surface);
}

/* Класс invalid Blazor вешает сам, когда поле не прошло валидацию */
.field[b-p6g0fplulz]  .input.invalid {
    border-color: var(--danger);
}

.field[b-p6g0fplulz]  .input-card {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.06em;
}

.block[b-p6g0fplulz]  .validation-message {
    font-size: 0.82rem;
    color: var(--danger);
}

.hint[b-p6g0fplulz] {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--ink-muted);
}

/* Сводка */
.summary-col[b-p6g0fplulz] {
    position: sticky;
    top: 78px;
}

.route[b-p6g0fplulz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    margin-bottom: 16px;
    border-radius: 12px;
    background: var(--field);
    font-size: 0.9rem;
    font-weight: 600;
}

.route-side[b-p6g0fplulz] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.route-side span[b-p6g0fplulz] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.route-arrow[b-p6g0fplulz] {
    flex: none;
    color: var(--ink-muted);
}

.rows[b-p6g0fplulz] {
    margin: 0 0 16px;
    display: grid;
    gap: 9px;
}

.rows > div[b-p6g0fplulz] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    font-size: 0.9rem;
}

.rows dt[b-p6g0fplulz] {
    color: var(--ink-muted);
}

.rows dd[b-p6g0fplulz] {
    margin: 0;
    font-weight: 600;
    text-align: right;
}

.total[b-p6g0fplulz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 14px;
    background: var(--brand-soft);
    color: var(--brand-dark);
}

.total strong[b-p6g0fplulz] {
    font-size: 1.2rem;
    letter-spacing: -0.02em;
}

.alert[b-p6g0fplulz] {
    margin: 14px 0 0;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 0.85rem;
}

.alert-error[b-p6g0fplulz] {
    background: #fdecec;
    color: var(--danger);
}

.cta[b-p6g0fplulz] {
    width: 100%;
    margin-top: 16px;
    padding: 15px;
    border: 0;
    border-radius: 14px;
    background: var(--brand);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    transition: background-color 0.15s ease;
}

.cta:hover:not(:disabled)[b-p6g0fplulz] {
    background: var(--brand-dark);
}

.cta:disabled[b-p6g0fplulz] {
    background: #c6ccd5;
    cursor: not-allowed;
}

.summary .hint[b-p6g0fplulz] {
    margin-top: 12px;
}

.cta-link[b-p6g0fplulz] {
    display: inline-block;
    margin-top: 16px;
    padding: 12px 22px;
    border-radius: 12px;
    background: var(--brand);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.cta-link:hover[b-p6g0fplulz] {
    background: var(--brand-dark);
}

@media (max-width: 860px) {
    .layout[b-p6g0fplulz] {
        grid-template-columns: minmax(0, 1fr);
    }

    .summary-col[b-p6g0fplulz] {
        position: static;
    }
}
/* /Pages/TransferCreated.razor.rz.scp.css */
/* Шаги оформления */
.steps[b-n2nd493a4h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
    counter-reset: step;
    font-size: 0.85rem;
    color: var(--ink-muted);
}

.steps li[b-n2nd493a4h] {
    display: flex;
    align-items: center;
    gap: 8px;
    counter-increment: step;
}

.steps li[b-n2nd493a4h]::before {
    content: counter(step);
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--field);
    font-size: 0.75rem;
    font-weight: 700;
}

.steps li:not(:last-child)[b-n2nd493a4h] {
    padding-right: 10px;
    border-right: 1px solid var(--line);
}

.steps a[b-n2nd493a4h] {
    color: inherit;
    text-decoration: none;
}

.steps a:hover[b-n2nd493a4h] {
    color: var(--brand-dark);
}

/* Через .steps — иначе правило .steps li::before выигрывает по специфичности */
.steps .step-done[b-n2nd493a4h]::before {
    background: var(--brand-soft);
    color: var(--brand-dark);
}

.steps .step-current[b-n2nd493a4h] {
    color: var(--ink);
    font-weight: 600;
}

.steps .step-current[b-n2nd493a4h]::before {
    background: var(--brand);
    color: #fff;
}

.title[b-n2nd493a4h] {
    margin-bottom: 8px;
    font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
}

.lead[b-n2nd493a4h] {
    margin: 0 0 22px;
    color: var(--ink-soft);
}

.card[b-n2nd493a4h] {
    padding: 22px;
    border-radius: 18px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.notice[b-n2nd493a4h] {
    max-width: 520px;
}

.muted[b-n2nd493a4h] {
    margin: 0;
    color: var(--ink-muted);
}

.pay[b-n2nd493a4h] {
    max-width: 560px;
}

.details h2[b-n2nd493a4h] {
    margin: 0 0 16px;
    font-size: 1.05rem;
    letter-spacing: 0.03em;
}

.rows[b-n2nd493a4h] {
    margin: 0 0 16px;
    display: grid;
    gap: 10px;
}

.rows > div[b-n2nd493a4h] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    font-size: 0.9rem;
}

.rows dt[b-n2nd493a4h] {
    color: var(--ink-muted);
}

.rows dd[b-n2nd493a4h] {
    margin: 0;
    font-weight: 600;
    text-align: right;
}

.status[b-n2nd493a4h] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    background: #fff4de;
    color: #7a5200;
    font-size: 0.82rem;
}

.total[b-n2nd493a4h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 14px;
    background: var(--brand-soft);
    color: var(--brand-dark);
}

.total strong[b-n2nd493a4h] {
    font-size: 1.2rem;
    letter-spacing: -0.02em;
}

.alert[b-n2nd493a4h] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 0.85rem;
}

.alert-error[b-n2nd493a4h] {
    background: #fdecec;
    color: var(--danger);
}

.cta-link[b-n2nd493a4h] {
    display: inline-block;
    margin-top: 16px;
    padding: 12px 22px;
    border-radius: 12px;
    background: var(--brand);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.cta-link:hover[b-n2nd493a4h] {
    background: var(--brand-dark);
}