/* К-247 — «Мой профиль» сотрудника и регистрация по приглашению (public/staff.html, public/staff.js; ответы работодателя 19.10,
   раздел 11). Общие классы страницы — pick.css (страница сборщика); здесь — поля формы, таблица движения денег и пары
   «подпись — значение». Телефон: одна колонка, кнопки на всю ширину и не ниже 48 px, промежутки от 8 px; без цветных полос слева. */
.st-form { display: grid; gap: 12px; }
.st-f { display: grid; gap: 6px; min-width: 0; font-weight: 600; }
.st-f > span { font-size: 15px; }
.st-in { display: block; width: 100%; min-height: 48px; padding: 8px 10px; border: 1px solid #8A8A8A; border-radius: 8px; background: #FFFFFF; color: inherit; font: inherit; }
.st-in:focus-visible, .st-check > input:focus-visible { outline: 3px solid #1A73E8; outline-offset: 2px; }
.st-in[aria-invalid="true"] { border-color: #B3261E; background: #FDECEA; }
.st-err { color: #8A1C1C; font-size: 14px; font-weight: 600; }
.st-check { display: flex; align-items: flex-start; gap: 10px; min-height: 48px; padding: 6px 0; font-weight: 600; cursor: pointer; }
.st-check > input { flex: 0 0 auto; width: 22px; height: 22px; margin: 2px 0 0; cursor: pointer; }
.st-radios { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
.st-radios > legend { padding: 0; margin: 0 0 4px; font-weight: 600; }
.st-dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 12px; margin: 0; }
.st-dl dt { color: #4A4A4A; }
.st-dl dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.st-pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }
.st-ledger { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.st-ledger > li { display: grid; gap: 2px; padding: 8px 10px; border: 1px solid #DCDAD5; border-radius: 8px; background: #FAFAF8; overflow-wrap: anywhere; }
.st-ledger__sum { font-weight: 800; }
.st-ledger__in { color: #17420F; }
.st-ledger__out { color: #6E0E0E; }
.st-hide[hidden] { display: none; }
@media (max-width: 420px) {
  .st-dl { grid-template-columns: minmax(0, 1fr); }
  .st-dl dd { margin-bottom: 4px; }
}
