/* ARVIS Mobile Responsive V2 */
@media(max-width:820px){
  html,body{max-width:100%;overflow-x:hidden}
  body{background:linear-gradient(180deg,#f7fbff 0%,#f2f7ff 100%)}
  main{width:100%;max-width:100%;padding:14px 12px 22px!important}
  .app{margin-left:0!important;width:100%;min-width:0}
  .page-heading{min-height:auto!important;padding:14px 14px 16px!important;margin-bottom:10px!important;border-radius:20px!important;gap:10px!important}
  .page-heading h1{font-size:25px!important;line-height:1.08;letter-spacing:-.8px}
  .page-heading p{font-size:14px!important;line-height:1.45!important}
  .title-line{margin:0 0 8px!important;gap:8px!important}
  .heading-actions{margin-top:8px!important;width:100%;align-items:stretch!important}
  .heading-actions .primary,.heading-actions .secondary{width:100%;min-width:0!important}
  .tabs{margin-top:0!important;padding:6px!important;gap:4px!important;min-height:56px!important;border-radius:16px!important}
  .tabs button{min-width:132px!important;padding:11px 12px!important;font-size:14px!important}
  
  /* top mobile bar */
  .sidebar{
    position:relative!important;
    width:100%!important;
    height:78px!important;
    min-height:78px!important;
    inset:auto!important;
    padding:10px 14px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border:0!important;
    border-bottom:1px solid #dbe6f6!important;
    border-radius:0!important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(243,248,255,.94))!important;
    box-shadow:0 8px 26px rgba(44,82,144,.06)!important;
    overflow:visible!important;
    z-index:80!important;
  }
  .sidebar .brand{
    min-height:0!important;
    margin:0!important;
    padding:0 62px 0 0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .sidebar .brandmark{
    width:154px!important;
    height:50px!important;
    min-width:154px!important;
    max-height:50px!important;
    object-fit:contain!important;
    object-position:left center!important;
    background:none!important;
  }
  .sidebar .brand strong{display:none!important}
  .sidebar>.main-nav,.sidebar>.worker-nav,.sidebar>.nav-section-title,.sidebar>.sidebar-spacer,.sidebar>.sidebar-profile,.sidebar>.sidebar-bottom,.sidebar>.workspace{display:none!important}
  .mobile-menu-toggle{
    display:inline-flex!important;
    position:absolute!important;
    top:16px!important;
    right:14px!important;
    width:46px!important;
    height:46px!important;
    border:1px solid #dce6f6!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(36,79,140,.09)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    color:#24446f!important;
    z-index:83!important;
  }
  .mobile-menu-toggle span{display:block!important;width:5px!important;height:5px!important;border-radius:50%!important;background:currentColor!important}
  .mobile-menu-toggle[aria-expanded="true"]{color:#145fff!important;background:#eaf1ff!important;border-color:#c8d9fb!important}
  .mobile-menu-backdrop{
    position:fixed!important;inset:0!important;z-index:78!important;
    background:rgba(7,20,47,.42)!important;
    backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important
  }
  .mobile-menu-backdrop[hidden]{display:none!important}
  body.mobile-menu-open{overflow:hidden!important}
  body.mobile-menu-open .sidebar{
    position:fixed!important;top:0!important;left:0!important;bottom:0!important;
    width:min(88vw,360px)!important;height:100dvh!important;min-height:100dvh!important;
    padding:16px 14px calc(18px + env(safe-area-inset-bottom))!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    border-right:1px solid #dbe6f7!important;border-bottom:0!important;
    border-radius:0 24px 24px 0!important;
    background:linear-gradient(150deg,rgba(255,255,255,.985),rgba(237,246,255,.97))!important;
    box-shadow:18px 0 54px rgba(7,20,47,.20)!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;
  }
  body.mobile-menu-open .sidebar .brand{margin:0 56px 16px 4px!important;padding:0!important}
  body.mobile-menu-open .sidebar .brandmark{width:188px!important;height:58px!important;min-width:188px!important;max-height:58px!important}
  body.mobile-menu-open .sidebar>.main-nav{display:grid!important;gap:6px!important;flex:0 0 auto!important}
  body.mobile-menu-open .sidebar>.main-nav button,
  body.mobile-menu-open .sidebar>.main-nav a{
    width:100%!important;min-height:48px!important;padding:11px 13px!important;
    justify-content:flex-start!important;gap:12px!important;border-radius:13px!important;
    font-size:15px!important;text-align:left!important
  }
  body.mobile-menu-open .sidebar>.nav-section-title{display:flex!important;margin:19px 9px 9px!important}
  body.mobile-menu-open .sidebar>.worker-nav{
    display:grid!important;gap:4px!important;padding:6px!important;
    flex:0 0 auto!important;overflow:visible!important;border-radius:17px!important
  }
  body.mobile-menu-open .sidebar>.worker-nav button{
    width:100%!important;min-height:45px!important;padding:8px 10px!important;
    justify-content:flex-start!important;gap:11px!important;border-radius:12px!important;
    font-size:13px!important
  }
  body.mobile-menu-open .sidebar>.worker-nav button img{width:25px!important;height:25px!important}
  body.mobile-menu-open .sidebar>.sidebar-spacer{display:block!important;flex:1 1 18px!important;min-height:14px!important}
  body.mobile-menu-open .sidebar>.sidebar-profile{
    display:flex!important;flex:0 0 auto!important;width:100%!important;
    min-height:66px!important;margin:10px 0 0!important;padding:9px 10px!important;
    border-radius:17px!important
  }
  body.mobile-menu-open .sidebar>.sidebar-bottom{display:none!important}
  
  /* mobile account menu becomes bottom sheet */
  #sidebar-account-menu.premium-account-menu{
    position:fixed!important;
    left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    max-height:88dvh!important;overflow:auto!important;
    padding:12px!important;border-radius:26px!important;
    z-index:260!important;
    background:
      radial-gradient(circle at 5% 0%,rgba(111,175,255,.24),transparent 28%),
      radial-gradient(circle at 100% 4%,rgba(180,149,255,.18),transparent 28%),
      linear-gradient(145deg,rgba(255,255,255,.985),rgba(238,246,255,.97))!important;
    box-shadow:0 30px 90px rgba(16,47,103,.32),inset 0 1px 0 #fff!important;
  }
  #sidebar-account-menu:before{display:none!important}
  .premium-account-glow{display:none!important}
  .premium-account-profile{
    position:relative!important;display:flex!important;align-items:center!important;
    min-height:94px!important;padding:13px!important;border:1px solid rgba(255,255,255,.92)!important;
    border-radius:20px!important;gap:14px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(235,244,255,.72))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 22px rgba(45,78,136,.07)!important
  }
  .premium-account-photo{width:64px!important;height:64px!important;flex:0 0 64px!important}
  .premium-account-identity{min-width:0!important;flex:1!important}
  .premium-account-identity>strong{display:block!important;color:#10285a!important;font-size:17px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .premium-account-identity>small{display:block!important;color:#6b82aa!important;font-size:10px!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .premium-role-badge{display:inline-flex!important;align-items:center!important;gap:5px!important;width:max-content!important;margin-top:7px!important;padding:5px 8px!important;border-radius:9px!important;background:#e5efff!important;color:#1762df!important;font-size:9px!important;font-weight:800!important}
  .premium-role-badge svg{width:13px!important;height:13px!important}
  .premium-account-statusbar{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:8px 0 10px!important}
  .premium-account-statusbar>span{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:31px!important;padding:5px 6px!important;border-radius:10px!important;font-size:9px!important;font-weight:800!important}
  .premium-account-statusbar .access-chip{background:#e7f9ef!important;color:#087d58!important}
  .premium-account-statusbar .online-chip{background:#e7faef!important;color:#078953!important}
  .premium-account-statusbar .meta-chip{background:#edf3ff!important;color:#4c6898!important}
  .premium-account-statusbar i{width:6px!important;height:6px!important;border-radius:50%!important;background:#12b96b!important}
  .premium-account-statusbar svg{width:13px!important;height:13px!important}
  .premium-account-actions{display:grid!important;gap:5px!important;padding:0!important}
  .premium-account-actions button{width:100%!important;display:grid!important;align-items:center!important;min-height:58px!important;grid-template-columns:40px 1fr auto!important;gap:11px!important;padding:7px 9px!important;border:1px solid #e1eaf6!important;border-radius:14px!important;background:rgba(255,255,255,.72)!important;text-align:left!important}
  .premium-action-icon{width:40px!important;height:40px!important;border-radius:12px!important}
  .premium-action-icon svg{width:20px!important;height:20px!important}
  .premium-account-actions button strong{font-size:13px!important}
  .premium-account-actions button small{font-size:9px!important;margin-top:3px!important}
  
  /* users & packages */
  .arvis-admin-center{gap:10px!important}
  .arvis-admin-center .admin-kpis{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .arvis-admin-center .admin-kpis article{
    min-height:88px!important;
    padding:12px!important;
    border-radius:16px!important;
    gap:10px!important;
  }
  .arvis-admin-center .kpi-icon{width:38px!important;height:38px!important;border-radius:11px!important;font-size:17px!important}
  .arvis-admin-center .admin-kpis small{font-size:9px!important}
  .arvis-admin-center .admin-kpis strong{font-size:20px!important;margin-top:2px!important}
  .arvis-admin-center .admin-kpis p{font-size:9px!important;margin-top:2px!important;line-height:1.25!important}
  .arvis-admin-center .admin-section-tabs{
    position:sticky!important;top:8px!important;z-index:15!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;
    padding:5px!important;margin:0!important;border:1px solid #e0e9f6!important;border-radius:15px!important;
    background:rgba(247,251,255,.92)!important;backdrop-filter:blur(12px)!important
  }
  .arvis-admin-center .admin-section-tabs button{width:100%!important;min-height:40px!important;padding:8px 10px!important}
  .arvis-admin-center .admin-panel{padding:14px!important;border-radius:19px!important}
  .arvis-admin-center .admin-panel-head{display:grid!important;gap:12px!important;margin-bottom:12px!important}
  .arvis-admin-center .admin-panel-head h2{font-size:18px!important}
  .arvis-admin-center .admin-panel-head p{font-size:10px!important;line-height:1.4!important}
  .arvis-admin-center .admin-filter-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
  .arvis-admin-center .admin-filter-row select{width:100%!important;min-width:0!important;font-size:12px!important}
  .arvis-admin-center .admin-tools{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;margin-bottom:12px!important}
  .arvis-admin-center .admin-search{grid-column:1/-1!important;width:100%!important}
  .arvis-admin-center .admin-search input{height:41px!important;font-size:13px!important}
  .arvis-admin-center .ac-refresh{min-height:39px!important;padding:8px 12px!important}
  .arvis-admin-center #ac-result-count{align-self:center!important;justify-self:end!important;font-size:10px!important}
  .arvis-admin-center .admin-table-wrap{display:none!important}
  .arvis-admin-center .admin-mobile-list{display:grid!important;gap:10px!important}
  .ac-mobile-user-card{
    padding:13px!important;border:1px solid #e1eaf6!important;border-radius:17px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(244,249,255,.76))!important;
    box-shadow:0 10px 24px rgba(44,80,141,.055)!important
  }
  .ac-mobile-user-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
  .ac-mobile-user-head .user-cell{min-width:0!important;flex:1!important}
  .ac-mobile-user-head .user-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:12px!important}
  .ac-mobile-user-head .user-cell strong{font-size:13px!important}
  .ac-mobile-user-head .user-cell small{max-width:180px!important;font-size:9px!important}
  .ac-mobile-user-head .status-chip{flex:0 0 auto!important}
  .ac-mobile-user-grid{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
    margin:12px 0!important;padding:10px!important;border-radius:13px!important;background:#f6f9fe!important
  }
  .ac-mobile-user-grid>div{display:grid!important;gap:4px!important;min-width:0!important}
  .ac-mobile-user-grid small{color:#8293ad!important;font-size:9px!important}
  .ac-mobile-user-grid strong{color:#29456f!important;font-size:11px!important}
  .ac-mobile-user-grid .plan-chip,.ac-mobile-user-grid .sub-chip{width:max-content!important;max-width:100%!important}
  .ac-mobile-manage{width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:9px 12px!important;font-size:11px!important}
  .arvis-admin-center .plan-grid{grid-template-columns:1fr!important;gap:10px!important}
  .arvis-admin-center .plan-card{padding:15px!important;border-radius:17px!important}
  .arvis-admin-center .plan-price{font-size:24px!important;margin:12px 0!important}
  .arvis-admin-center .plan-card p{min-height:0!important}
  
  /* user management & package editor as mobile sheets */
  .arvis-admin-center .admin-drawer-shell,
  .arvis-admin-center .plan-modal-shell{z-index:520!important}
  .arvis-admin-center .admin-drawer-backdrop{background:rgba(8,21,48,.5)!important;backdrop-filter:blur(7px)!important}
  .arvis-admin-center .admin-drawer{
    left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;height:auto!important;max-height:93dvh!important;
    padding:18px 16px calc(16px + env(safe-area-inset-bottom))!important;
    border-radius:26px 26px 0 0!important;border-bottom:0!important;
    box-shadow:0 -18px 60px rgba(21,56,116,.25)!important
  }
  .arvis-admin-center .admin-drawer:before,
  .arvis-admin-center .plan-modal:before{
    content:'';display:block;width:44px;height:5px;border-radius:999px;background:#ccd9eb;margin:0 auto 13px
  }
  .arvis-admin-center .admin-drawer header h2,.arvis-admin-center .plan-modal h2{font-size:20px!important}
  .arvis-admin-center .drawer-grid,.arvis-admin-center .worker-access-grid,.arvis-admin-center .plan-form-grid{grid-template-columns:1fr!important}
  .arvis-admin-center .worker-access-grid{gap:7px!important}
  .arvis-admin-center .worker-toggle{min-height:46px!important;padding:10px 11px!important}
  .arvis-admin-center .approval-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .arvis-admin-center .approval-actions button{min-height:44px!important}
  .arvis-admin-center .drawer-save{
    position:sticky!important;bottom:0!important;z-index:4!important;
    margin:10px -16px -16px!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(247,251,255,.78),#f7fbff 35%)!important;
    border-top:1px solid #e2eaf5!important
  }
  .arvis-admin-center .drawer-save button{flex:1!important;min-height:44px!important}
  .arvis-admin-center .plan-modal{
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    transform:none!important;width:100%!important;max-height:93dvh!important;
    padding:18px 16px calc(16px + env(safe-area-inset-bottom))!important;
    border-radius:26px 26px 0 0!important;border-bottom:0!important
  }
  
  /* profile/security modal */
  .profile-center-modal{padding:0!important;align-items:end!important;place-items:end center!important}
  .profile-center-card{
    width:100%!important;max-height:94dvh!important;
    border-radius:26px 26px 0 0!important;border-bottom:0!important;
    padding-bottom:env(safe-area-inset-bottom)!important
  }
  .profile-center-header{padding:20px 16px 14px!important;gap:12px!important}
  .profile-center-header h2{font-size:21px!important}
  .profile-center-header p{font-size:11px!important}
  .profile-center-tabs{padding:10px 16px 0!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .profile-center-tabs button{width:100%!important;min-height:40px!important}
  .profile-center-content{padding:14px 16px 18px!important}
  .profile-center-avatar-row{padding:14px!important;gap:14px!important;border-radius:18px!important}
  .profile-center-avatar{width:66px!important;height:66px!important;flex-basis:66px!important}
  .profile-center-avatar-row>div strong{font-size:17px!important}
  .profile-center-form{grid-template-columns:1fr!important;gap:11px!important}
  .profile-center-form label.wide{grid-column:auto!important}
  .profile-center-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .profile-center-actions button{width:100%!important}
  .security-summary{grid-template-columns:46px 1fr!important;padding:13px!important;border-radius:17px!important}
  .security-shield{width:46px!important;height:46px!important}
  .security-status{grid-column:1/-1!important;width:max-content!important}
  .password-reset-card{display:grid!important;gap:11px!important}
  .password-reset-card button{width:100%!important}
}

@media(max-width:520px){
  main{padding:12px 10px 20px!important}
  .page-heading h1{font-size:23px!important}
  .sidebar .brandmark{width:145px!important;min-width:145px!important}
  body.mobile-menu-open .sidebar{width:min(92vw,340px)!important}
  body.mobile-menu-open .sidebar .brandmark{width:180px!important;min-width:180px!important}
  .arvis-admin-center .admin-kpis{grid-template-columns:1fr!important}
  .arvis-admin-center .admin-kpis article{min-height:78px!important}
  .arvis-admin-center .admin-filter-row{grid-template-columns:1fr!important}
  .ac-mobile-user-grid{grid-template-columns:1fr 1fr!important}
  .premium-account-statusbar{grid-template-columns:1fr 1fr!important}
  .premium-account-statusbar .meta-chip{grid-column:1/-1!important}
}


/* iPhone mobile drawer + account sheet hardening */
@media(max-width:820px){
  body.mobile-menu-open .sidebar{
    overflow:hidden!important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;
  }

  body.mobile-menu-open .sidebar>.worker-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:10px!important;
    scrollbar-width:none!important;
  }
  body.mobile-menu-open .sidebar>.worker-nav::-webkit-scrollbar{display:none!important}
  body.mobile-menu-open .sidebar>.sidebar-spacer{display:none!important}

  body.mobile-menu-open .sidebar>.sidebar-profile{
    position:sticky!important;
    bottom:0!important;
    z-index:6!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:70px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 24px!important;
    align-items:center!important;
    gap:10px!important;
    margin:9px 0 0!important;
    padding:10px 11px!important;
    border:1px solid rgba(255,255,255,.96)!important;
    border-radius:18px!important;
    background:
      radial-gradient(circle at 0 0,rgba(111,175,255,.16),transparent 42%),
      linear-gradient(135deg,rgba(255,255,255,.96),rgba(225,239,255,.92))!important;
    box-shadow:0 12px 28px rgba(38,79,145,.13),inset 0 1px 0 #fff!important;
    text-align:left!important;
  }
  body.mobile-menu-open .sidebar .sidebar-profile-avatar-wrap{
    width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;
    border-radius:50%!important;overflow:hidden!important;
    background:linear-gradient(145deg,#5d93ff,#5365ed)!important;
    box-shadow:0 7px 18px rgba(61,101,224,.20),0 0 0 3px rgba(255,255,255,.8)!important;
  }
  body.mobile-menu-open .sidebar .sidebar-profile-avatar-wrap img{
    width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;
  }
  body.mobile-menu-open .sidebar .sidebar-profile-avatar{
    width:100%!important;height:100%!important;display:grid!important;place-items:center!important;
    color:#fff!important;font-size:12px!important;font-weight:850!important;background:transparent!important;
  }
  body.mobile-menu-open .sidebar .sidebar-profile-copy{
    min-width:0!important;display:block!important;overflow:hidden!important;
  }
  body.mobile-menu-open .sidebar .sidebar-profile-copy strong{
    display:block!important;max-width:100%!important;
    color:#12305e!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.mobile-menu-open .sidebar .sidebar-profile-copy small{
    display:flex!important;align-items:center!important;gap:6px!important;
    margin-top:4px!important;color:#5d78a4!important;font-size:9px!important;line-height:1.1!important;
    white-space:nowrap!important;
  }
  body.mobile-menu-open .sidebar .sidebar-profile-copy small i{
    display:inline-block!important;width:7px!important;height:7px!important;flex:0 0 7px!important;
    border-radius:50%!important;background:#17bb6d!important;
  }
  body.mobile-menu-open .sidebar .sidebar-profile-chevron{
    width:24px!important;display:grid!important;place-items:center!important;
    color:#5875a1!important;font-size:18px!important;line-height:1!important;
  }

  /* Account menu: neutralize desktop/global svg sizing completely */
  #sidebar-account-menu.premium-account-menu{
    left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;top:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    max-height:min(86dvh,720px)!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    padding:12px!important;
    border-radius:26px!important;
    border:1px solid rgba(255,255,255,.98)!important;
    background:
      radial-gradient(circle at 7% 0%,rgba(104,174,255,.24),transparent 30%),
      radial-gradient(circle at 98% 5%,rgba(179,150,255,.18),transparent 28%),
      linear-gradient(145deg,rgba(255,255,255,.99),rgba(239,247,255,.98))!important;
    box-shadow:0 30px 90px rgba(16,47,103,.30),inset 0 1px 0 #fff!important;
    scrollbar-width:none!important;
  }
  #sidebar-account-menu::-webkit-scrollbar{display:none!important}
  #sidebar-account-menu *{box-sizing:border-box!important}
  #sidebar-account-menu svg{
    display:block!important;
    width:20px!important;height:20px!important;
    max-width:20px!important;max-height:20px!important;
    min-width:0!important;min-height:0!important;
  }
  #sidebar-account-menu .premium-role-badge svg{
    width:13px!important;height:13px!important;max-width:13px!important;max-height:13px!important;
  }
  #sidebar-account-menu .premium-account-statusbar svg{
    width:13px!important;height:13px!important;max-width:13px!important;max-height:13px!important;
  }
  #sidebar-account-menu .premium-action-icon svg{
    width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;
  }

  #sidebar-account-menu .premium-account-profile{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    align-items:center!important;gap:14px!important;
    min-height:92px!important;padding:13px!important;
    border:1px solid rgba(255,255,255,.94)!important;border-radius:20px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(235,244,255,.76))!important;
    box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(45,78,136,.06)!important;
  }
  #sidebar-account-menu .premium-account-photo{
    position:relative!important;
    width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;
    flex:0 0 64px!important;
    padding:0!important;margin:0!important;
    border-radius:50%!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,#5d99ff,#555ae9)!important;
    box-shadow:0 10px 24px rgba(55,88,202,.22),0 0 0 4px rgba(228,239,255,.95)!important;
  }
  #sidebar-account-menu .premium-account-photo img,
  #sidebar-account-menu #sidebar-account-image{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;height:100%!important;
    min-width:100%!important;min-height:100%!important;
    max-width:100%!important;max-height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:50%!important;
    transform:none!important;
  }
  #sidebar-account-menu .premium-account-photo img[hidden],
  #sidebar-account-menu #sidebar-account-image[hidden]{display:none!important}
  #sidebar-account-menu .premium-account-photo>span{
    width:100%!important;height:100%!important;display:grid!important;place-items:center!important;
    font-size:15px!important;font-weight:850!important;
  }
  #sidebar-account-menu .photo-edit-badge{
    position:absolute!important;z-index:3!important;
    width:22px!important;height:22px!important;right:0!important;bottom:0!important;
    display:grid!important;place-items:center!important;
    border-radius:50%!important;background:#fff!important;color:#2f68d8!important;
    font-size:10px!important;line-height:1!important;
    box-shadow:0 3px 10px rgba(35,73,145,.18)!important;
  }
  #sidebar-account-menu .premium-account-identity{min-width:0!important;display:block!important}
  #sidebar-account-menu .premium-account-identity>strong{
    display:block!important;color:#10295a!important;font-size:17px!important;font-weight:850!important;line-height:1.15!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #sidebar-account-menu .premium-account-identity>small{
    display:block!important;margin-top:4px!important;color:#6b82aa!important;font-size:10px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #sidebar-account-menu .premium-role-badge{
    display:inline-flex!important;align-items:center!important;gap:5px!important;
    width:max-content!important;max-width:100%!important;
    margin-top:7px!important;padding:5px 8px!important;border-radius:9px!important;
    background:#e6efff!important;color:#1761dc!important;font-size:9px!important;font-weight:800!important;
  }

  #sidebar-account-menu .premium-account-statusbar{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;
    margin:8px 0 10px!important;padding:0!important;border:0!important;
  }
  #sidebar-account-menu .premium-account-statusbar>span{
    min-width:0!important;min-height:31px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    padding:5px 5px!important;border-radius:10px!important;
    font-size:9px!important;font-weight:800!important;white-space:nowrap!important;
  }
  #sidebar-account-menu .premium-account-statusbar .access-chip{background:#e7f9ef!important;color:#087d58!important}
  #sidebar-account-menu .premium-account-statusbar .online-chip{background:#e7faef!important;color:#078953!important}
  #sidebar-account-menu .premium-account-statusbar .meta-chip{background:#edf3ff!important;color:#4c6898!important}
  #sidebar-account-menu .premium-account-statusbar i{
    width:6px!important;height:6px!important;flex:0 0 6px!important;border-radius:50%!important;background:#12b96b!important;
  }

  #sidebar-account-menu .premium-account-actions{
    display:grid!important;gap:5px!important;padding:0!important;
  }
  #sidebar-account-menu .premium-account-actions button{
    width:100%!important;min-height:56px!important;
    display:grid!important;grid-template-columns:40px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;
    padding:7px 9px!important;border:1px solid #e2eaf6!important;border-radius:14px!important;
    background:rgba(255,255,255,.74)!important;text-align:left!important;
  }
  #sidebar-account-menu .premium-action-icon{
    width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;
  }
  #sidebar-account-menu .premium-account-actions button>span:nth-child(2){min-width:0!important}
  #sidebar-account-menu .premium-account-actions button strong{
    display:block!important;color:#17315d!important;font-size:12px!important;font-weight:800!important;line-height:1.15!important;
  }
  #sidebar-account-menu .premium-account-actions button small{
    display:block!important;margin-top:3px!important;color:#7a8daa!important;font-size:9px!important;line-height:1.2!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #sidebar-account-menu .premium-account-actions button>b{
    padding:0!important;color:#6a82aa!important;font-size:22px!important;font-weight:300!important;
  }
  #sidebar-account-menu .premium-logout-action{
    border-color:#ffdde4!important;
    background:linear-gradient(90deg,#fff9fa,#fff0f3)!important;
  }
}

@media(max-width:430px){
  body.mobile-menu-open .sidebar{width:min(92vw,350px)!important}
  #sidebar-account-menu.premium-account-menu{left:8px!important;right:8px!important;padding:10px!important}
  #sidebar-account-menu .premium-account-statusbar{grid-template-columns:1fr 1fr!important}
  #sidebar-account-menu .premium-account-statusbar .meta-chip{grid-column:1/-1!important}
}