/* ARVIS Premium Account V4 — rebuilt from reference */
@media (min-width:821px){
  #sidebar-profile-toggle.sidebar-profile{
    min-height:74px!important;
    padding:10px 12px!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.98)!important;
    background:
      radial-gradient(circle at 0% 0%,rgba(116,176,255,.20),transparent 40%),
      linear-gradient(135deg,rgba(255,255,255,.93),rgba(226,239,255,.82))!important;
    box-shadow:0 15px 36px rgba(38,81,150,.14),inset 0 1px 0 #fff!important;
  }
  #sidebar-profile-toggle.sidebar-profile.open{
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(219,235,255,.91))!important;
    box-shadow:0 18px 44px rgba(35,77,151,.19),inset 0 1px 0 #fff!important;
  }

  #sidebar-account-menu.premium-account-menu{
    width:448px!important;
    min-width:448px!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100vh - 20px)!important;
    overflow:auto!important;
    scrollbar-width:none!important;
    padding:16px!important;
    border-radius:32px!important;
    border:1px solid rgba(255,255,255,.98)!important;
    background:
      radial-gradient(circle at 7% 1%,rgba(111,175,255,.30),transparent 29%),
      radial-gradient(circle at 99% 5%,rgba(180,149,255,.22),transparent 28%),
      linear-gradient(145deg,rgba(255,255,255,.96),rgba(236,245,255,.93))!important;
    backdrop-filter:blur(36px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(36px) saturate(1.25)!important;
    box-shadow:
      0 42px 110px rgba(21,59,128,.31),
      0 14px 38px rgba(74,103,177,.15),
      inset 0 1px 0 #fff!important;
  }
  #sidebar-account-menu::-webkit-scrollbar{display:none!important}
  #sidebar-account-menu:before{
    content:''!important;position:absolute!important;
    width:22px!important;height:22px!important;
    left:-11px!important;bottom:27px!important;
    transform:rotate(45deg)!important;
    background:rgba(244,249,255,.98)!important;
    border-left:1px solid #fff!important;border-bottom:1px solid #fff!important;
    box-shadow:-4px 5px 16px rgba(43,76,134,.08)!important;
  }

  .premium-account-glow{position:absolute!important;pointer-events:none!important;border-radius:50%!important}
  .premium-account-glow-a{
    width:300px!important;height:240px!important;right:-110px!important;top:-120px!important;
    background:radial-gradient(circle,rgba(113,101,255,.23),rgba(90,173,255,.09) 46%,transparent 72%)!important;
  }
  .premium-account-glow-b{
    width:250px!important;height:210px!important;left:-125px!important;bottom:-95px!important;
    background:radial-gradient(circle,rgba(89,184,255,.15),transparent 70%)!important;
  }

  .premium-account-profile{
    position:relative!important;z-index:2!important;
    display:flex!important;align-items:center!important;gap:18px!important;
    min-height:118px!important;
    padding:17px 16px 16px!important;
    border:1px solid rgba(255,255,255,.88)!important;
    border-radius:24px!important;
    background:
      radial-gradient(circle at 90% 0%,rgba(158,139,255,.10),transparent 40%),
      linear-gradient(135deg,rgba(255,255,255,.75),rgba(235,244,255,.58))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 28px rgba(49,82,144,.07)!important;
  }

  .premium-account-photo{
    position:relative!important;
    width:84px!important;height:84px!important;flex:0 0 84px!important;
    border-radius:50%!important;overflow:hidden!important;
    color:#fff!important;
    background:linear-gradient(145deg,#5a99ff,#555ae9)!important;
    box-shadow:
      0 16px 32px rgba(55,89,204,.27),
      0 0 0 5px rgba(224,238,255,.97),
      0 0 0 8px rgba(255,255,255,.96)!important;
  }
  .premium-account-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
  .premium-account-photo>span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-size:20px!important;font-weight:850!important}
  .photo-edit-badge{
    position:absolute!important;right:1px!important;bottom:1px!important;
    width:25px!important;height:25px!important;display:grid!important;place-items:center!important;
    border-radius:50%!important;background:#fff!important;color:#2f68d8!important;
    font-size:11px!important;box-shadow:0 4px 12px rgba(35,73,145,.16)!important
  }

  .premium-account-identity{min-width:0!important;flex:1!important}
  .premium-account-identity>strong{
    display:block!important;
    color:#10285a!important;
    font-size:21px!important;line-height:1.1!important;font-weight:850!important;
    letter-spacing:-.45px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .premium-account-identity>small{
    display:block!important;margin-top:7px!important;
    color:#6a81a9!important;font-size:12px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .premium-role-badge{
    display:inline-flex!important;align-items:center!important;gap:6px!important;
    margin-top:11px!important;padding:7px 10px!important;
    border-radius:11px!important;
    color:#175edb!important;background:linear-gradient(145deg,#edf3ff,#dce9ff)!important;
    box-shadow:inset 0 0 0 1px rgba(185,211,255,.76)!important;
    font-size:11px!important;font-weight:800!important;
  }
  .premium-role-badge svg{width:15px!important;height:15px!important}

  .premium-account-statusbar{
    position:relative!important;z-index:2!important;
    display:grid!important;grid-template-columns:1fr .78fr 1fr!important;gap:8px!important;
    margin:11px 2px 13px!important;
  }
  .premium-account-statusbar>span{
    min-height:36px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    padding:7px 9px!important;border-radius:12px!important;
    font-size:10.5px!important;color:#24446f!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.80),0 4px 12px rgba(49,83,143,.04)!important;
  }
  .premium-account-statusbar>span b{font-weight:800!important}
  .premium-account-statusbar .access-chip{color:#087d58!important;background:linear-gradient(145deg,#e9faf2,#dcf5e8)!important}
  .premium-account-statusbar .online-chip{color:#078b54!important;background:linear-gradient(145deg,#e7faef,#daf4e6)!important}
  .premium-account-statusbar .meta-chip{color:#4c6898!important;background:linear-gradient(145deg,#f0f5ff,#e6eefb)!important}
  .premium-account-statusbar .meta-chip.offline{color:#966912!important;background:#fff1d5!important}
  .premium-account-statusbar i{width:7px!important;height:7px!important;border-radius:50%!important;background:#11b96a!important;box-shadow:0 0 0 4px rgba(17,185,106,.10)!important}
  .premium-account-statusbar .access-chip i{background:#0fae6b!important}
  .premium-account-statusbar svg{width:16px!important;height:16px!important}

  .premium-account-actions{
    position:relative!important;z-index:2!important;
    display:grid!important;gap:7px!important;
    padding:0!important;
  }
  .premium-account-actions button{
    width:100%!important;min-height:68px!important;
    display:grid!important;grid-template-columns:50px 1fr auto!important;align-items:center!important;gap:14px!important;
    padding:9px 12px!important;
    border:1px solid rgba(222,232,247,.84)!important;
    border-radius:17px!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.74),rgba(245,249,255,.64))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 7px 18px rgba(49,81,137,.045)!important;
    text-align:left!important;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;
  }
  .premium-account-actions button:not(.premium-logout-action):hover{
    transform:translateX(3px)!important;
    border-color:rgba(194,216,250,.95)!important;
    background:linear-gradient(135deg,rgba(240,247,255,.96),rgba(250,252,255,.85))!important;
    box-shadow:0 11px 28px rgba(42,80,145,.08),inset 0 1px 0 #fff!important;
  }
  .premium-action-icon{
    width:48px!important;height:48px!important;display:grid!important;place-items:center!important;
    border-radius:15px!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.80),0 5px 15px rgba(65,91,145,.07)!important;
  }
  .premium-action-icon svg{width:24px!important;height:24px!important}
  .premium-action-icon.profile{color:#1b67ed!important;background:linear-gradient(145deg,#edf4ff,#e0ebff)!important}
  .premium-action-icon.users{color:#7150e7!important;background:linear-gradient(145deg,#f2edff,#e7dfff)!important}
  .premium-action-icon.notifications{color:#cb8305!important;background:linear-gradient(145deg,#fff6e5,#ffeccf)!important}
  .premium-action-icon.integrations{color:#1767e8!important;background:linear-gradient(145deg,#edf5ff,#dfecff)!important}
  .premium-action-icon.security{color:#07865f!important;background:linear-gradient(145deg,#e8faf1,#daf4e7)!important}
  .premium-action-icon.logout{color:#d53b51!important;background:linear-gradient(145deg,#fff0f3,#ffe3e9)!important}

  .premium-account-actions button>span:nth-child(2){min-width:0!important}
  .premium-account-actions button strong{
    display:block!important;color:#142e5b!important;font-size:14.5px!important;line-height:1.15!important;font-weight:800!important;
  }
  .premium-account-actions button small{
    display:block!important;margin-top:5px!important;color:#7a8daa!important;font-size:10.5px!important;line-height:1.25!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .premium-account-actions button>b{
    padding-right:2px!important;color:#6a82aa!important;font-size:27px!important;font-weight:300!important;
  }

  .premium-account-actions .premium-logout-action{
    margin-top:3px!important;
    border-color:#ffdae3!important;
    background:
      radial-gradient(circle at 10% 50%,rgba(255,217,225,.48),transparent 42%),
      linear-gradient(90deg,#fff9fa,#fff0f3)!important;
  }
  .premium-logout-action strong{color:#c92f48!important}
  .premium-logout-action small{color:#aa707a!important}
  .premium-logout-action>b{color:#c27885!important}
}
