/* ===== 云枢智控 · 用户管理样式（mobile.users.css，051 用户管理多账号登录） =====
   仅被 /static/mobile.html 引用。复用 mobile.css 的 --变量（亮/暗主题自适应）。
   单文件 ≤500 行。 */

/* 总控「用户管理」入口横幅 */
.users-banner{border-color:var(--accent-border)}

/* 用户管理屏顶栏「＋ 添加」按钮 */
.users-add-btn{
  flex-shrink:0;min-height:36px;padding:0 14px;background:var(--accent-grad);color:#fff;
  border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;
}
.users-add-btn:active{opacity:.85}

/* 添加用户表单（默认收起，点「＋ 添加」展开） */
.users-add-form{
  display:none;flex-direction:column;gap:8px;margin:12px 12px 0;padding:12px;
  background:var(--card);border:1px solid var(--border);border-radius:12px;
}
.users-add-form.show{display:flex}
.users-add-form input,.users-add-form select{
  min-height:44px;background:var(--bar-bg);border:1px solid var(--border);border-radius:10px;
  padding:0 12px;color:var(--text);font-size:14px;outline:none;
}
.users-add-form input:focus,.users-add-form select:focus{border-color:var(--accent)}
.us-save,.us-cancel{min-height:44px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;border:none}
.us-save{background:var(--accent);color:#fff}
.us-cancel{background:var(--border);color:var(--text)}
.us-save:active,.us-cancel:active{opacity:.85}

/* 用户列表卡片 */
.users-list{padding:12px;display:flex;flex-direction:column;gap:10px}
.us-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}
.us-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.us-account{font-size:16px;font-weight:700;color:var(--text)}
.us-role{font-size:11px;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:4px}
.us-role.admin{color:#fff;background:var(--accent)}
.us-status{font-size:11px;padding:2px 8px;border-radius:4px}
.us-status.on{color:var(--online);background:var(--online-soft)}
.us-status.off{color:var(--offline);background:var(--offline-soft)}
.us-meta{font-size:12px;color:var(--sub);margin:8px 0 10px}
.us-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.us-btn{
  min-height:36px;padding:0 12px;background:var(--accent-bg-light);color:var(--accent);
  border:1px solid var(--accent-border);border-radius:8px;font-size:13px;cursor:pointer;
}
.us-btn:active{border-color:var(--accent)}
.us-btn.danger{background:var(--offline-soft);color:var(--offline);border-color:var(--offline)}
.us-role-sel{
  min-height:36px;padding:0 8px;background:var(--bar-bg);border:1px solid var(--border);
  border-radius:8px;color:var(--text);font-size:13px;cursor:pointer;outline:none;
}
.us-role-sel:focus{border-color:var(--accent)}

/* 139 评审自动通知开关（用户管理页顶部设置卡） */
.users-settings{padding:12px 12px 0}
.us-setting-row{
  display:flex;align-items:center;gap:10px;background:var(--card);
  border:1px solid var(--border);border-radius:12px;padding:12px;
}
.us-setting-main{flex:1;display:flex;flex-direction:column;gap:2px}
.us-setting-label{font-size:16px;font-weight:700;color:var(--text)}
.us-setting-desc{font-size:12px;color:var(--sub)}
.us-switch{
  width:46px;height:24px;flex-shrink:0;appearance:none;-webkit-appearance:none;position:relative;
  background:var(--bar-bg);border:1px solid var(--border);border-radius:12px;cursor:pointer;outline:none;   /* v20260934j 老板反馈: 开关改细长长方形胶囊(iOS式), 非方正矩形, 不占太宽 */
  transition:background .2s;
}
.us-switch::after{
  content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;                   /* 圆形滑块 */
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .2s;
}
.us-switch:checked{background:var(--accent);border-color:var(--accent)}
.us-switch:checked::after{left:24px}

/* 051 普通用户角色：隐藏底部导航（不进总控/管理界面） */
body.user-role .tabbar{display:none}