/* /Components/Pages/MiniApp/BirthForm.razor.rz.scp.css */
/* Стили формы Mini App. Изолированные (scoped CSS Blazor): публичный лендинг их
   не видит, а зона /app не тянет за собой его сетку. Переменные цвета — общие из
   app.css, чтобы тёмная тема Telegram и сайт не расходились. */

h1[b-qn941217mm] {
    font-size: 1.5rem;
    margin-bottom: .5rem;
}

.back[b-qn941217mm] {
    margin: 0 0 .75rem;
    font-size: .9rem;
}

.back a[b-qn941217mm] {
    color: var(--ink-soft);
    text-decoration: none;
}

.muted[b-qn941217mm] {
    color: var(--ink-soft);
    font-size: .95rem;
}

.field[b-qn941217mm] {
    display: block;
    margin: 0 0 1rem;
    border: 0;
    padding: 0;
}

.field > span[b-qn941217mm],
.field > legend[b-qn941217mm] {
    display: block;
    margin-bottom: .25rem;
    font-size: .9rem;
    color: var(--ink-soft);
}

.field input[b-qn941217mm],
.field select[b-qn941217mm],
.field[b-qn941217mm]  input,
.field[b-qn941217mm]  select {
    width: 100%;
    padding: .6rem .7rem;
    font: inherit;
    color: var(--ink);
    background: var(--paper-raised);
    border: 1px solid var(--line);
    border-radius: .5rem;
}

.radio[b-qn941217mm],
.checkbox[b-qn941217mm] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .35rem 0;
}

.radio input[b-qn941217mm],
.checkbox input[b-qn941217mm],
.radio[b-qn941217mm]  input {
    width: auto;
}

.notice[b-qn941217mm] {
    background: var(--notice-bg);
    border: 1px solid var(--notice-line);
    border-radius: .5rem;
    padding: .7rem .9rem;
    font-size: .95rem;
}

.form-actions[b-qn941217mm] {
    margin: 1rem 0;
}

.btn[b-qn941217mm] {
    font: inherit;
    padding: .6rem 1.1rem;
    border-radius: .5rem;
    border: 1px solid var(--line);
    background: var(--paper-raised);
    color: var(--ink);
    cursor: pointer;
}

.btn--primary[b-qn941217mm] {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--accent-ink);
}

fieldset[disabled][b-qn941217mm] {
    opacity: .6;
}

details summary[b-qn941217mm] {
    cursor: pointer;
    color: var(--ink-soft);
    font-size: .9rem;
    margin-bottom: .5rem;
}
/* /Components/Pages/MiniApp/ChartScreen.razor.rz.scp.css */
/* Стили экрана карты Mini App (TASK-20). Изолированные (scoped CSS Blazor), переменные
   цвета — общие из app.css, чтобы тёмная тема Telegram и сайт не расходились. */

h1[b-0qve73i4vx] {
    font-size: 1.5rem;
    margin-bottom: .5rem;
}

h2[b-0qve73i4vx] {
    font-size: 1.15rem;
    margin: 1.5rem 0 .5rem;
}

.muted[b-0qve73i4vx] {
    color: var(--ink-soft);
    font-size: .95rem;
}

.notice[b-0qve73i4vx] {
    background: var(--notice-bg);
    border: 1px solid var(--notice-line);
    border-radius: .5rem;
    padding: .7rem .9rem;
    font-size: .95rem;
}

/* Плашка отладочного контура. Намеренно заметная: заглушку надо ВИДЕТЬ, иначе
   скриншот тестовой карты неотличим от настоящей. */
.notice--demo[b-0qve73i4vx] {
    border-style: dashed;
}

/* Рисунок тянется по ширине контейнера: SVG приходит без width/height
   (ChartSvgOptions по умолчанию), только с viewBox. */
.chart[b-0qve73i4vx] {
    margin: 1rem 0;
}

.chart[b-0qve73i4vx]  svg {
    display: block;
    width: 100%;
    height: auto;
}

.facts[b-0qve73i4vx] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .35rem .75rem;
    margin: 0;
}

.facts dt[b-0qve73i4vx] {
    color: var(--ink-soft);
    font-size: .9rem;
}

.facts dd[b-0qve73i4vx] {
    margin: 0;
}

.composition[b-0qve73i4vx] {
    margin: .25rem 0;
    padding-left: 1.1rem;
}

.composition li[b-0qve73i4vx] {
    margin: .15rem 0;
}

/* Моноширинного «кода» на экране больше нет: единственным местом, где показывался код
   элемента, был перечень замкнутых каналов, а его убрало решение владельца от 2026-08-10
   (TASK-84 п. 7). Стиль удалён вместе с разметкой, чтобы он не выглядел приглашением
   вернуть номера обратно. */

/* Платные разделы — только заголовки. Содержимого в разметке нет вовсе, поэтому
   прятать здесь нечего: стилей вида display:none тут нет и быть не должно. */
.paid[b-0qve73i4vx] {
    list-style: none;
    margin: .5rem 0;
    padding: 0;
}

.paid li[b-0qve73i4vx] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    padding: .55rem 0;
    border-bottom: 1px solid var(--line);
}

.paid__mark[b-0qve73i4vx] {
    font-size: .8rem;
    color: var(--ink-soft);
    white-space: nowrap;
}

.form-actions[b-0qve73i4vx] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1rem 0;
}

.btn[b-0qve73i4vx] {
    font: inherit;
    padding: .6rem 1.1rem;
    border-radius: .5rem;
    border: 1px solid var(--line);
    background: var(--paper-raised);
    color: var(--ink);
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.btn:disabled[b-0qve73i4vx] {
    opacity: .55;
    cursor: not-allowed;
}

.btn--primary[b-0qve73i4vx] {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--accent-ink);
}