/* стили раздела «users» — только для pages/users.js */
.u-between{justify-content:space-between;align-items:center}
.u-grow{flex:1 1 200px;min-width:0}
.u-grow input{width:100%}
.u-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.u-box{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:var(--soft)}
.u-meta{margin:0;font-size:14px}
.u-small{font-size:13px;color:var(--muted)}
.u-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.u-secret .warn{margin:0}
.u-secret .u-pass{font-size:20px;letter-spacing:.06em;color:var(--ink);background:var(--accent-bg);border-color:var(--accent)}

.u-role{display:flex;gap:6px;align-items:center}
.u-role select{min-width:0;max-width:230px}
.u-role .btn2{min-height:44px;padding:0 12px}

.u-toggle{min-height:44px;min-width:112px;padding:0 12px 0 34px;position:relative;font:inherit;font-weight:600;cursor:pointer;
  text-align:left;border:1px solid #6B737C;background:#fff;color:var(--muted)}
.u-toggle::before{content:"";position:absolute;left:12px;top:50%;width:12px;height:12px;margin-top:-6px;border:2px solid currentColor;background:transparent}
.u-toggle[aria-checked=true]{border-color:var(--ok);color:var(--ok)}
.u-toggle[aria-checked=true]::before{background:var(--ok);border-color:var(--ok)}
.u-toggle:hover:not(:disabled){background:var(--soft)}
.u-toggle:disabled{opacity:.6;cursor:default}
.u-toggle:focus-visible{outline:3px solid var(--link);outline-offset:2px}

.u-danger{color:var(--danger);border-color:var(--danger)}

tr.u-off td{color:var(--faint)}
tr.u-off td b{font-weight:500}

.u-roles{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}
.u-roles dt{font-weight:600}
.u-roles dd{margin:0;color:var(--muted)}
@media (min-width:900px){.u-roles{grid-template-columns:repeat(2,max-content 1fr)}}

.u-pick{margin-top:8px;min-height:36px;padding:0 12px;font-size:14px}