/* Стили Pages/Shared/_Dialogs.cshtml (Д74). */
dialog.p2p-dialog{width:min(420px,calc(100vw - 24px));padding:20px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--ink-800);color:var(--text-body)}
dialog.p2p-dialog::backdrop{background:rgba(0,0,0,.6)}
dialog.p2p-dialog p{margin:0;line-height:1.5;white-space:pre-line}
dialog.p2p-dialog input{display:block;width:100%;box-sizing:border-box;margin-top:12px}
dialog.p2p-dialog input[hidden]{display:none}
dialog.p2p-dialog .row{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}

/* Модальное окно для форм: поверх страницы, по центру, на телефоне — снизу. Закрыть: ✕, Escape, клик мимо. */
dialog.p2p-modal{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--ink-800);color:var(--text-body);overflow:auto}
dialog.p2p-modal::backdrop{background:rgba(0,0,0,.6)}
.p2p-modal__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-hairline);background:var(--ink-800)}
.p2p-modal__head h3{flex:1;margin:0;font-size:17px;color:var(--text-heading)}
.p2p-modal__close{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:var(--text-body);font:inherit;cursor:pointer}
.p2p-modal__body{display:grid;gap:12px;padding:16px}
dialog.p2p-modal--wide{width:min(720px,calc(100vw - 24px))}
/* Общее для форм в окне: пояснение, записка, строка кнопок. */
.p2p-modal__body .note{margin:0;color:var(--text-muted)}
.p2p-modal__body textarea{width:100%;min-height:96px;padding:10px 14px;box-sizing:border-box;border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--ink-700);color:var(--text-heading);font:inherit;font-size:14px;resize:vertical}
.p2p-modal__body .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
/* Форма в окне (.fm; манифест, правило 14): строки «подпись — поле», «?» вместо абзацев-пояснений, выбор — _Choice (сегмент или список),
   подвал с действиями прилипает к низу окна. Одна на все окна: тренировки, КВ, бусты, заявки. */
.fm{display:grid;gap:16px;width:100%}
.fm__row{display:grid;gap:7px;min-width:0}
.fm__label{display:flex;align-items:center;gap:8px;color:var(--text-heading);font-size:13px;font-weight:600}
.fm__label small{color:var(--text-muted);font-weight:400;font-size:12px}
.fm input[type=text],.fm input[type=number],.fm textarea{width:100%;box-sizing:border-box;padding:10px 14px;border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--ink-700);color:var(--text-heading);font:inherit;font-size:14px}
.fm textarea{min-height:76px;resize:vertical}
.fm input:focus-visible,.fm textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.fm .seg{flex-wrap:wrap;overflow:visible;justify-self:start}
.fm .sel__btn{min-width:0;width:100%}
.fm .sel{display:block}
.fm .sel__panel{width:100%;min-width:0}
.fm__two{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.fm__check{display:flex;align-items:center;gap:8px;color:var(--text-body);font-size:14px;cursor:pointer}
.fm__box{display:grid;gap:8px;padding:12px 14px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm)}
.fm__foot{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px -16px -16px;padding:12px 16px;border-top:1px solid var(--border-hairline);background:var(--ink-800)}
.fm__foot .hint{margin-left:auto}
.p2p-modal__foot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--border-hairline)}
@media (max-width:600px){dialog.p2p-modal{margin:auto 0 0;width:100vw;max-width:100vw;border-radius:var(--radius-md) var(--radius-md) 0 0}}

/* Всплывашки (стопкой внизу слева, страницу не двигают) — стили в ките: wwwroot/kit/kit.css, одни с витриной. */