/* Neutral administrative typography; scoped to the web user-management UI. */
#settingsUsersPanel, #userHistoryDialog { font-family:"Open Sans",Arial,sans-serif; font-size:14px; line-height:1.5; }
#settingsUsersPanel :is(h2,h3,h4,button,label,select,input,legend,.eyebrow),
#userHistoryDialog :is(h2,h3,button) { font-family:"Open Sans",Arial,sans-serif; }
#settingsUsersPanel :is(h2,h3,h4,button,label,legend), #userHistoryDialog :is(h2,h3,button) { font-weight:600; }
#settingsUsersPanel h2 { font-size:28px; letter-spacing:-.02em; }
#settingsUsersPanel h3 { font-size:18px; }
#settingsUsersPanel .eyebrow { font-size:11px; font-weight:600; letter-spacing:.1em; }
.settings-dialog.user-management { width:min(1240px,calc(100% - 40px)); border-radius:14px; }
#settingsUsersPanel .user-list-tools { padding:16px; background:#f5f7fa; border:1px solid #e2e8ef; border-radius:8px; }
#settingsUsersPanel .user-list-tools :is(input,select) { border-radius:6px; padding:10px 12px; background:#fff; font-size:14px; font-weight:400; }
#settingsUsersPanel .user-list { gap:0; border:1px solid #dce4ed; border-radius:8px; overflow:hidden; }
#settingsUsersPanel .user-list-item { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 155px; align-items:start; gap:24px; padding:20px; border:0; border-bottom:1px solid #e2e8ef; border-radius:0; }
#settingsUsersPanel .user-list-item:last-child { border-bottom:0; }
#settingsUsersPanel .user-list-item:hover { background:#f8fafc; }
#settingsUsersPanel .user-identity, #settingsUsersPanel .user-assignments { min-width:0; overflow-wrap:anywhere; }
#settingsUsersPanel .user-identity { display:grid; gap:5px; }
#settingsUsersPanel .user-identity strong { font-size:16px; font-weight:600; color:#183b56; }
#settingsUsersPanel .user-identity :is(span,small) { margin:0; font-size:12px; color:#52677b; }
#settingsUsersPanel .user-column-label { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; margin:0 0 8px; color:#61768a; }
#settingsUsersPanel .role-chip { display:inline-block; font-size:12px; font-weight:600; color:#24527a; border-radius:5px; padding:4px 8px; background:#edf3f8; }
#settingsUsersPanel .user-team-names { font-size:13px; margin:9px 0 0; color:#304d65; line-height:1.6; }
#settingsUsersPanel .user-controls { display:flex; flex-direction:column; align-items:stretch; gap:8px; }
#settingsUsersPanel .user-controls button { padding:8px 12px; font-size:12px; border-radius:6px; }
#settingsUsersPanel .user-more-actions summary { font-size:12px; font-weight:400; padding:5px 0; text-align:center; }
#settingsUsersPanel .user-more-actions[open] { display:grid; gap:8px; }
#settingsUsersPanel .user-more-actions button { width:100%; margin-top:6px; }
#settingsUsersPanel .user-create-form { background:#fff; border-radius:8px; }
.user-favorites-panel { padding:18px; border:1px solid #dce4ed; border-radius:8px; background:#f8fafc; }
.user-favorites-panel h3 { margin:0 0 8px; }
.account-status { display:inline-block; padding:6px 9px; border:1px solid; border-radius:6px; font-size:12px; font-weight:600; line-height:1.4; text-align:center; }
:is(#settingsUsersPanel,#userHistoryDialog) .account-status-waiting { background:#fff5ce; border-color:#efd37e; color:#735000; }
:is(#settingsUsersPanel,#userHistoryDialog) .account-status-blocked { background:#fff0f0; border-color:#efb7bb; color:#a32330; }
:is(#settingsUsersPanel,#userHistoryDialog) .account-status-enabled { background:#eaf7ef; border-color:#aed7bc; color:#17653b; }
.user-favorites-panel small { display:block; margin-top:10px; color:#627a90; line-height:1.6; }
#settingsUsersPanel .user-create-form :is(input,select,fieldset) { border-radius:6px; }
#settingsUsersPanel .user-pagination { padding:16px 0; }
#settingsUsersPanel .user-pagination button { font-size:13px; border-radius:6px; }
#settingsUsersPanel :focus-visible { outline:2px solid #0870c9; outline-offset:3px; }
@media(max-width:800px) {
  #settingsUsersPanel .user-list-tools { grid-template-columns:minmax(0,1fr); }
  #settingsUsersPanel .user-list-item { grid-template-columns:minmax(0,1fr); gap:14px; }
  #settingsUsersPanel .user-controls { flex-direction:row; flex-wrap:wrap; justify-content:flex-start; }
  #settingsUsersPanel .user-controls .user-more-actions { flex-basis:100%; }
  #settingsUsersPanel .user-more-actions summary { text-align:left; }
  #settingsUsersPanel .user-create-form .section-title { align-items:flex-start; flex-direction:column; }
}