﻿.user-form { margin-top: 18px; }
.user-form label { display: block; margin: 14px 0; color: var(--ink); font-size: 12px; font-weight: 700; }
.user-form label small { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; font-weight: 400; }
.user-form input:not([type=checkbox]), .user-form select { display: block; width: 100%; min-height: 40px; margin-top: 6px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); }
.user-form .inline { display: flex; align-items: center; gap: 9px; }
.user-form .inline input { width: 16px; height: 16px; }
.users-list { display: grid; gap: 7px; margin-top: 17px; }
.users-list button { padding: 12px 13px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); text-align: left; }
.users-list button:hover { border-color: #9bb7bc; background: #f8faf9; }
.users-list button b { display: block; font-size: 12px; }
.users-list button small { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; }
