/* Стили проекта поверх Bootstrap 5 */
.qr-code svg { width: 220px; height: 220px; }
.secret-key { font-family: monospace; font-size: 1.1rem; letter-spacing: .05em; }
.recovery-codes { font-family: monospace; font-size: 1.2rem; }
@media print {
  nav, .no-print { display: none !important; }
}

/* Форма группы (этап 4) */
.form-progress { position: sticky; top: 0; z-index: 10; }
.case-grid label { font-size: .85rem; color: #6c757d; }
.form-section-nav a.active { font-weight: 600; }
.readonly-linked { background-color: #f1f3f5; }
[x-cloak] { display: none !important; }
.builder-nested td:first-child { padding-left: 2rem; }
.builder-nested-2 td:first-child { padding-left: 3.5rem; }

/* Этап 9: вместо атрибутов style в разметке (политика CSP style-src 'self', Р-98) */
.progress-thin { height: 8px; }
.form-section-nav.sticky-lg-top { top: 70px; }
.col-num { width: 2.5rem; }
.col-actions { width: 5rem; }
.col-id { width: 9rem; }
.col-row { width: 4rem; }
.col-check { width: 2rem; }
.modal-dimmed { background: rgba(0, 0, 0, .45); }
.htmx-indicator { opacity: 0; transition: opacity 200ms ease-in; }
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator { opacity: 1; }