/* ===== 云枢智控 · 消息中心「好友/公众号」订阅视图样式（mobile.roles.css） =====
   20260821 公众号式改造·单2（前端·豆豆）：号列表（roles）复用 .msg-channel/.mc-*（mobile.messages.css），
   号历史（role-detail）复用 .chat-*（mobile.css 群聊样式）。本文件只补子屏布局 + 号列表专用态。
   加载顺序：mobile.messages.css 之后（依赖 .msg-channel/.mc-* 基类）。约束：单文件 ≤500 行。 */

/* 子屏布局：跟随 screen-kefu/screen-ai-chat 模式（顶栏 fixed + 内容区 padding-top 补偿 + 主体滚动） */
#screen-roles.active,#screen-role-detail.active{display:flex;flex-direction:column}
#screen-roles,#screen-role-detail{padding-top:calc(env(safe-area-inset-top, 0px) + 44px)}

.roles-body{flex:1;overflow-y:auto;min-height:0;padding:0 0 12px;-webkit-overflow-scrolling:touch}
.roles-mock{font-size:11px;color:var(--sub);padding:8px 14px 0}
.roles-empty{padding:32px 20px;text-align:center;color:var(--sub);font-size:13px}