/* .sec-users styles (contract v1: every selector prefixed with .sec-users). */

.sec-users .user-lookup { margin-bottom: 14px; }
.sec-users .user-lookup-form { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.sec-users .user-lookup-form .input { max-width: 340px; }
.sec-users .user-lookup-foot { display: flex; gap: 12px; flex-wrap: wrap; align-items: baseline; margin-top: 8px; }
.sec-users .user-lookup-msg { min-height: 1em; }
.sec-users .err { color: #ff7b72; }
.sec-users .user-filters .user-search { max-width: 340px; }
.sec-users .user-item .user-name { font-weight: 600; font-size: 13.5px; color: var(--fg); }
.sec-users .user-item .user-email { color: var(--fg-faint); }
.sec-users .user-item .user-last {
  color: var(--fg-dim); font-size: 13px; margin-top: 4px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.sec-users .user-detail { padding: 18px 20px; }
.sec-users .user-device { margin: 6px 0 14px; }
.sec-users .user-posture { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.sec-users .user-posture-error { color: #ff7b72; }
.sec-users .user-note { margin: 12px 0; max-width: 720px; }
.sec-users .user-note.unavailable { border-style: dashed; }
.sec-users .detail-head { margin-bottom: 12px; }