/* RUYA_V2.4.24.3_HF8_1_MULTIROLE_CHILD_SWITCH_DATA_PUSH_SAFE */
/* Multi-role view return */
#root .ruya-r793-profile-view-sheet .ruyaHf8RoleBox{margin:14px 0 2px;padding:14px;border:1px solid rgba(32,56,96,.10);border-radius:18px;background:#fff;box-sizing:border-box}
#root .ruya-r793-profile-view-sheet .ruyaHf8RoleHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
#root .ruya-r793-profile-view-sheet .ruyaHf8RoleHead b{font-size:14px;font-weight:700;color:#253a58}
#root .ruya-r793-profile-view-sheet .ruyaHf8RoleHead small{font-size:11px;color:#8b97aa}
#root .ruya-r793-profile-view-sheet .ruyaHf8RoleButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#root .ruya-r793-profile-view-sheet .ruyaHf8RoleBtn{min-height:46px;padding:10px 12px;border:1px solid #dce4f0;border-radius:14px;background:#f7f9fd;color:#425572;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
#root .ruya-r793-profile-view-sheet .ruyaHf8RoleBtn.active{border-color:#6d52c7;background:#f2edff;color:#5934b4;box-shadow:inset 0 0 0 1px rgba(89,52,180,.06)}
#root .ruya-r793-profile-view-sheet .ruyaHf8RoleBtn:disabled{opacity:.72;cursor:default}
#root .ruya-r793-profile-view-sheet .ruyaHf8RoleStatus{margin-top:8px;min-height:16px;font-size:11px;color:#78869a}

/* Child switch: legacy parent CSS hides .modalBack > .v5More. This modal has an explicit class,
   so override ONLY the child-switch sheet without reviving any retired legacy v5More panel. */
html body #root .modalBack.ruyaChildSwitchBack{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:max(18px,env(safe-area-inset-top,0px)) 14px max(96px,calc(env(safe-area-inset-bottom,0px) + 82px))!important;
  background:rgba(21,31,55,.58)!important;z-index:2147482500!important;
  overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
  box-sizing:border-box!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}
html body #root .modalBack.ruyaChildSwitchBack>.v5More.ruyaChildSwitchModal{
  display:block!important;position:relative!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  transform:none!important;inset:auto!important;margin:auto!important;
  width:min(520px,calc(100vw - 28px))!important;max-width:520px!important;
  max-height:min(72dvh,640px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
  padding:18px!important;border-radius:24px!important;background:#fff!important;color:#25344e!important;
  box-shadow:0 24px 70px rgba(13,25,52,.28)!important;z-index:2147482600!important;box-sizing:border-box!important;
}
html body #root .ruyaChildSwitchModal>div:first-child{position:sticky!important;top:-18px!important;z-index:3!important;margin:-18px -18px 10px!important;padding:17px 18px 12px!important;background:#fff!important;border-bottom:1px solid #edf0f5!important;border-radius:24px 24px 0 0!important}
html body #root .ruyaChildSwitchModal>div:first-child h3{margin:0!important;font-size:18px!important;color:#25344e!important}
html body #root .ruyaChildSwitchModal>div:first-child button{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:#f2edff!important;color:#6138ba!important;font-size:24px!important;line-height:1!important}
html body #root .ruyaChildSwitchModal>button{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:66px!important;margin:8px 0!important;padding:10px 12px!important;border:1px solid #e2e7f0!important;border-radius:16px!important;background:#fff!important;color:#25344e!important;text-align:left!important;box-sizing:border-box!important}
html body #root .ruyaChildSwitchModal>button:disabled{opacity:.58!important}
html body #root .ruyaChildSwitchModal>button .avatar{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important}
html body #root .ruyaChildSwitchModal>button b{font-size:14px!important;font-weight:700!important;line-height:1.25!important}
@media(max-width:430px){
  #root .ruya-r793-profile-view-sheet .ruyaHf8RoleBox{margin-top:12px;padding:12px}
  #root .ruya-r793-profile-view-sheet .ruyaHf8RoleButtons{grid-template-columns:1fr 1fr!important}
  html body #root .modalBack.ruyaChildSwitchBack{align-items:flex-end!important;padding:12px 10px max(92px,calc(env(safe-area-inset-bottom,0px) + 78px))!important}
  html body #root .modalBack.ruyaChildSwitchBack>.v5More.ruyaChildSwitchModal{width:100%!important;max-width:none!important;max-height:72dvh!important;margin:0!important;border-radius:24px!important}
}