/* VELAEA Dashboard Shell Template
   Shared dashboard-family sidebar + topbar/page-title alignment.
   Scope: only pages that opt in via body[data-velaea-dashboard-shell="v1"] or body.dashboard-shell. */

body[data-velaea-dashboard-shell="v1"],
body.dashboard-shell{
  --velaea-shell-sidebar-w:250px;
  --velaea-shell-gold:var(--gold,var(--dash-gold,#f2c76a));
  --velaea-shell-line:var(--line,var(--dash-line,rgba(242,199,106,.16)));
}

body[data-velaea-dashboard-shell="v1"] .app,
body.dashboard-shell .app{
  display:grid;
  grid-template-columns:var(--velaea-shell-sidebar-w) minmax(0,1fr)!important;
  min-height:100vh;
}

body[data-velaea-dashboard-shell="v1"] .sidebar,
body.dashboard-shell .sidebar{
  position:sticky;
  top:0;
  width:var(--velaea-shell-sidebar-w)!important;
  min-width:var(--velaea-shell-sidebar-w)!important;
  height:100vh;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:22px 0!important;
  background:linear-gradient(180deg,#03101f 0%,#06111f 55%,#020814 100%)!important;
  border-right:1px solid var(--velaea-shell-line)!important;
  z-index:80;
}

body[data-velaea-dashboard-shell="v1"] .sidebar .brand,
body.dashboard-shell .sidebar .brand{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  height:174px!important;
  min-height:174px!important;
  margin:0!important;
  padding:0 24px 14px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}

body[data-velaea-dashboard-shell="v1"] .sidebar .brand img,
body.dashboard-shell .sidebar .brand img{
  width:154px!important;
  max-width:154px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 22px rgba(242,199,106,.13));
}

body[data-velaea-dashboard-shell="v1"] .nav-title,
body.dashboard-shell .nav-title{
  position:relative!important;
  flex:0 0 auto!important;
  height:37px!important;
  margin:0!important;
  padding:12px 24px 10px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,0))!important;
  color:#708398!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}

body[data-velaea-dashboard-shell="v1"] .nav-title::after,
body.dashboard-shell .nav-title::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(242,199,106,.42),rgba(242,199,106,0));
}

body[data-velaea-dashboard-shell="v1"] .sidebar-scroll-area,
body.dashboard-shell .sidebar-scroll-area{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-bottom:22px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(242,199,106,0) transparent;
  transition:scrollbar-color .18s ease;
}

body[data-velaea-dashboard-shell="v1"] .sidebar:hover .sidebar-scroll-area,
body[data-velaea-dashboard-shell="v1"] .sidebar-scroll-area:focus-within,
body.dashboard-shell .sidebar:hover .sidebar-scroll-area,
body.dashboard-shell .sidebar-scroll-area:focus-within{
  scrollbar-color:rgba(242,199,106,.68) rgba(2,8,20,.28);
}

body[data-velaea-dashboard-shell="v1"] .sidebar-scroll-area::-webkit-scrollbar,
body.dashboard-shell .sidebar-scroll-area::-webkit-scrollbar{width:8px}
body[data-velaea-dashboard-shell="v1"] .sidebar-scroll-area::-webkit-scrollbar-track,
body.dashboard-shell .sidebar-scroll-area::-webkit-scrollbar-track{background:transparent}
body[data-velaea-dashboard-shell="v1"] .sidebar-scroll-area::-webkit-scrollbar-thumb,
body.dashboard-shell .sidebar-scroll-area::-webkit-scrollbar-thumb{background:rgba(242,199,106,0);border-radius:999px}
body[data-velaea-dashboard-shell="v1"] .sidebar:hover .sidebar-scroll-area::-webkit-scrollbar-thumb,
body[data-velaea-dashboard-shell="v1"] .sidebar-scroll-area:focus-within::-webkit-scrollbar-thumb,
body.dashboard-shell .sidebar:hover .sidebar-scroll-area::-webkit-scrollbar-thumb,
body.dashboard-shell .sidebar-scroll-area:focus-within::-webkit-scrollbar-thumb{background:rgba(242,199,106,.68)}

body[data-velaea-dashboard-shell="v1"] .sidebar .nav,
body.dashboard-shell .sidebar .nav{
  display:grid!important;
  gap:2px!important;
  padding:0!important;
}

body[data-velaea-dashboard-shell="v1"] .sidebar .nav a,
body.dashboard-shell .sidebar .nav a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:47px!important;
  min-height:47px!important;
  margin:0!important;
  padding:0 24px!important;
  border:0!important;
  border-left:3px solid transparent!important;
  border-radius:0!important;
  opacity:1!important;
  background:transparent!important;
  color:#dce7f5!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  text-align:left!important;
}

body[data-velaea-dashboard-shell="v1"] .sidebar .nav a::before,
body.dashboard-shell .sidebar .nav a::before{display:none!important}

body[data-velaea-dashboard-shell="v1"] .sidebar .nav a.active,
body[data-velaea-dashboard-shell="v1"] .sidebar .nav a:hover,
body.dashboard-shell .sidebar .nav a.active,
body.dashboard-shell .sidebar .nav a:hover{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(242,199,106,.14),rgba(242,199,106,.02))!important;
  border-left-color:var(--velaea-shell-gold)!important;
}

body[data-velaea-dashboard-shell="v1"] .nav-logout,
body.dashboard-shell .nav-logout{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:194px!important;
  min-height:44px!important;
  height:44px!important;
  margin:14px 20px 0!important;
  padding:1px 6px!important;
  border:1px solid rgba(255,111,111,.28)!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,rgba(255,92,92,.13),rgba(255,255,255,.035))!important;
  color:#ffd6d6!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}

body[data-velaea-dashboard-shell="v1"] .upgrade,
body.dashboard-shell .upgrade{
  margin:28px 20px 0!important;
  padding:18px!important;
  border:1px solid rgba(242,199,106,.22)!important;
  border-radius:16px!important;
  background:radial-gradient(circle at 50% 0,rgba(242,199,106,.16),transparent 45%),rgba(255,255,255,.025)!important;
}
body[data-velaea-dashboard-shell="v1"] .upgrade h3,
body.dashboard-shell .upgrade h3{margin:0 0 6px!important;font-size:14px!important;letter-spacing:.04em!important}
body[data-velaea-dashboard-shell="v1"] .upgrade p,
body.dashboard-shell .upgrade p{margin:0 0 14px!important;color:var(--muted,var(--dash-muted,#9fb0c3))!important;font-size:12px!important;line-height:1.55!important}

body[data-velaea-dashboard-shell="v1"] .main,
body.dashboard-shell .main{min-width:0!important}

body[data-velaea-dashboard-shell="v1"] .topbar,
body.dashboard-shell .topbar{
  position:sticky;
  top:0;
  z-index:70;
  height:72px!important;
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 28px!important;
  gap:18px!important;
  background:rgba(2,8,20,.88)!important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(242,199,106,.13)!important;
}

body[data-velaea-dashboard-shell="v1"] .top-left,
body.dashboard-shell .top-left{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
}

body[data-velaea-dashboard-shell="v1"] .topbar .page-title,
body.dashboard-shell .topbar .page-title{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  height:37px!important;
  min-height:37px!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:9px 15px!important;
  border:1px solid rgba(242,199,106,.28)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(242,199,106,.15),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.18)!important;
  color:#f8fbff!important;
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}

body[data-velaea-dashboard-shell="v1"] .topbar .page-title::before,
body.dashboard-shell .topbar .page-title::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:999px;
  background:var(--velaea-shell-gold);
  box-shadow:0 0 0 5px rgba(242,199,106,.13),0 0 20px rgba(242,199,106,.35);
}
body[data-velaea-dashboard-shell="v1"] .topbar .page-title small,
body.dashboard-shell .topbar .page-title small{display:none!important}
body[data-velaea-dashboard-shell="v1"] .topbar .page-title span,
body.dashboard-shell .topbar .page-title span{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}

body[data-velaea-dashboard-shell="v1"] .topbar .top-nav,
body.dashboard-shell .topbar .top-nav{display:none!important}

body[data-velaea-dashboard-shell="v1"] .top-actions,
body.dashboard-shell .top-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-left:auto!important;
  flex-wrap:nowrap!important;
}

body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle,
body.dashboard-shell .dashboard-theme-toggle{width:114px!important;min-width:114px!important;height:40px!important;padding:0 12px!important}
body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle .theme-text,
body.dashboard-shell .dashboard-theme-toggle .theme-text{display:inline!important;font-size:12px!important;font-weight:950!important}
body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher,
body.dashboard-shell .dashboard-language-switcher,
body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-trigger,
body.dashboard-shell .dashboard-language-switcher .lang-trigger{width:135px!important;min-width:135px!important;height:40px!important}
body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-current-flag,
body.dashboard-shell .dashboard-language-switcher .lang-current-flag,
body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-current-img,
body.dashboard-shell .dashboard-language-switcher .lang-current-img{width:28px!important;height:28px!important}
body[data-velaea-dashboard-shell="v1"] .velaea-notification-wrap>.notify,
body.dashboard-shell .velaea-notification-wrap>.notify,
body[data-velaea-dashboard-shell="v1"] .top-actions>.notify,
body.dashboard-shell .top-actions>.notify{width:105px!important;min-width:105px!important;height:40px!important;padding:0 12px!important}
body[data-velaea-dashboard-shell="v1"] .user-account-link,
body.dashboard-shell .user-account-link,
body[data-velaea-dashboard-shell="v1"] .top-actions>.user,
body.dashboard-shell .top-actions>.user{height:52px!important;min-width:123px!important;box-sizing:border-box!important;padding:6px 12px 6px 6px!important;border-radius:14px!important}
body[data-velaea-dashboard-shell="v1"] .user-account-link .avatar,
body.dashboard-shell .user-account-link .avatar,
body[data-velaea-dashboard-shell="v1"] .top-actions>.user .avatar,
body.dashboard-shell .top-actions>.user .avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;background:linear-gradient(135deg,#142237,#081522)!important;border:1px solid rgba(242,199,106,.24)!important;color:#fff!important}
body[data-velaea-dashboard-shell="v1"] #logoutBtn,
body.dashboard-shell #logoutBtn{width:76px!important;padding:0 16px!important;min-height:40px!important;height:40px!important}

html[data-theme="light"] body[data-velaea-dashboard-shell="v1"],
body.light-mode[data-velaea-dashboard-shell="v1"],
html[data-theme="light"] body.dashboard-shell,
body.dashboard-shell.light-mode{color:#071a2f;background:#f3f7fb}
html[data-theme="light"] body[data-velaea-dashboard-shell="v1"] .sidebar,
body.light-mode[data-velaea-dashboard-shell="v1"] .sidebar,
html[data-theme="light"] body.dashboard-shell .sidebar,
body.dashboard-shell.light-mode .sidebar{background:#fff!important;border-right-color:rgba(7,26,47,.1)!important}
html[data-theme="light"] body[data-velaea-dashboard-shell="v1"] .topbar,
body.light-mode[data-velaea-dashboard-shell="v1"] .topbar,
html[data-theme="light"] body.dashboard-shell .topbar,
body.dashboard-shell.light-mode .topbar{background:rgba(255,255,255,.88)!important;border-bottom-color:rgba(7,26,47,.1)!important}
html[data-theme="light"] body[data-velaea-dashboard-shell="v1"] .sidebar .nav a,
body.light-mode[data-velaea-dashboard-shell="v1"] .sidebar .nav a,
html[data-theme="light"] body.dashboard-shell .sidebar .nav a,
body.dashboard-shell.light-mode .sidebar .nav a{color:#526276!important}
html[data-theme="light"] body[data-velaea-dashboard-shell="v1"] .sidebar .nav a.active,
body.light-mode[data-velaea-dashboard-shell="v1"] .sidebar .nav a.active,
html[data-theme="light"] body.dashboard-shell .sidebar .nav a.active,
body.dashboard-shell.light-mode .sidebar .nav a.active{color:#061a2f!important;background:linear-gradient(90deg,rgba(200,149,46,.18),rgba(255,255,255,.72))!important}
html[data-theme="light"] body[data-velaea-dashboard-shell="v1"] .topbar .page-title,
body.light-mode[data-velaea-dashboard-shell="v1"] .topbar .page-title,
html[data-theme="light"] body.dashboard-shell .topbar .page-title,
body.dashboard-shell.light-mode .topbar .page-title{color:#061a2f!important;background:linear-gradient(135deg,rgba(200,149,46,.15),rgba(255,255,255,.9))!important;border-color:rgba(200,149,46,.32)!important}

@media(max-width:980px){
  body[data-velaea-dashboard-shell="v1"] .app,
  body.dashboard-shell .app{display:block!important}
  body[data-velaea-dashboard-shell="v1"] .sidebar,
  body.dashboard-shell .sidebar{
    position:fixed!important;
    left:-290px!important;
    width:268px!important;
    min-width:268px!important;
    max-width:86vw!important;
    transition:left .2s ease!important;
    z-index:90!important;
  }
  body[data-velaea-dashboard-shell="v1"] .sidebar.open,
  body[data-velaea-dashboard-shell="v1"].sidebar-open .sidebar,
  body.dashboard-shell .sidebar.open,
  body.dashboard-shell.sidebar-open .sidebar{left:0!important}
  body[data-velaea-dashboard-shell="v1"] .sidebar-backdrop,
  body.dashboard-shell .sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:80;display:none}
  body[data-velaea-dashboard-shell="v1"].sidebar-open .sidebar-backdrop,
  body.dashboard-shell.sidebar-open .sidebar-backdrop{display:block!important}
  body[data-velaea-dashboard-shell="v1"] .topbar,
  body.dashboard-shell .topbar{height:62px!important;min-height:62px!important;padding:0 12px!important;gap:18px!important}
  body[data-velaea-dashboard-shell="v1"] .menu-btn,
  body.dashboard-shell .menu-btn{display:inline-grid!important;width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;place-items:center!important}
  body[data-velaea-dashboard-shell="v1"] .page-title,
  body.dashboard-shell .page-title{height:34px!important;min-height:34px!important;max-width:145px!important;overflow:hidden;text-overflow:ellipsis;padding:8px 12px!important;flex:0 0 auto!important}
  body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle,
  body.dashboard-shell .dashboard-theme-toggle{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important}
  body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle .theme-text,
  body.dashboard-shell .dashboard-theme-toggle .theme-text{display:none!important}
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher,
  body.dashboard-shell .dashboard-language-switcher{width:38px!important;min-width:38px!important}
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-trigger,
  body.dashboard-shell .dashboard-language-switcher .lang-trigger{width:38px!important;min-width:38px!important;height:40px!important;min-height:40px!important;padding:0!important}
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-current-text,
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-chevron,
  body.dashboard-shell .dashboard-language-switcher .lang-current-text,
  body.dashboard-shell .dashboard-language-switcher .lang-chevron{display:none!important}
  body[data-velaea-dashboard-shell="v1"] .velaea-notification-wrap,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.notify,
  body.dashboard-shell .velaea-notification-wrap,
  body.dashboard-shell .top-actions>.notify{display:none!important}
  body[data-velaea-dashboard-shell="v1"] .user-account-link,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.user,
  body.dashboard-shell .user-account-link,
  body.dashboard-shell .top-actions>.user{width:50px!important;min-width:50px!important;max-width:50px!important;height:40px!important;padding:4px!important;justify-content:center!important}
  body[data-velaea-dashboard-shell="v1"] .user-account-link div:last-child,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.user div:last-child,
  body.dashboard-shell .user-account-link div:last-child,
  body.dashboard-shell .top-actions>.user div:last-child{display:none!important}
  body[data-velaea-dashboard-shell="v1"] .top-actions,
  body.dashboard-shell .top-actions{gap:8px!important}
}

@media(max-width:620px){
  body[data-velaea-dashboard-shell="v1"] .content,
  body.dashboard-shell .content{padding-left:12px!important;padding-right:12px!important}
}

/* Dashboard shell profile hydration: keep account image consistent across all shell pages. */
body[data-velaea-dashboard-shell="v1"] .user-account-link .avatar.has-image,
body.dashboard-shell .user-account-link .avatar.has-image,
body[data-velaea-dashboard-shell="v1"] .top-actions>.user .avatar.has-image,
body.dashboard-shell .top-actions>.user .avatar.has-image{
  overflow:hidden!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
body[data-velaea-dashboard-shell="v1"] .user-account-link .avatar.has-image img,
body.dashboard-shell .user-account-link .avatar.has-image img,
body[data-velaea-dashboard-shell="v1"] .top-actions>.user .avatar.has-image img,
body.dashboard-shell .top-actions>.user .avatar.has-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:inherit!important;
}
body[data-velaea-dashboard-shell="v1"] .user-account-link[data-velaea-profile-ready="1"],
body.dashboard-shell .user-account-link[data-velaea-profile-ready="1"]{
  contain:layout paint;
}

/* Patch 20260710: Dashboard template topbar text fit
   Keep all action-button labels visible and preferably one line on desktop. */
body[data-velaea-dashboard-shell="v1"] .top-actions,
body.dashboard-shell .top-actions{
  gap:10px!important;
}

body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle,
body.dashboard-shell .dashboard-theme-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:122px!important;
  min-width:122px!important;
  height:40px!important;
  padding:0 13px!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle .theme-icon,
body.dashboard-shell .dashboard-theme-toggle .theme-icon,
body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle .theme-text,
body.dashboard-shell .dashboard-theme-toggle .theme-text{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  line-height:1!important;
}
body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle .theme-text,
body.dashboard-shell .dashboard-theme-toggle .theme-text{
  display:inline-flex!important;
  align-items:center!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:12px!important;
}

body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher,
body.dashboard-shell .dashboard-language-switcher,
body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-trigger,
body.dashboard-shell .dashboard-language-switcher .lang-trigger{
  width:148px!important;
  min-width:148px!important;
  height:40px!important;
  flex:0 0 auto!important;
}
body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-trigger,
body.dashboard-shell .dashboard-language-switcher .lang-trigger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-current-text,
body.dashboard-shell .dashboard-language-switcher .lang-current-text{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  max-width:none!important;
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:12px!important;
  font-weight:950!important;
}
body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-chevron,
body.dashboard-shell .dashboard-language-switcher .lang-chevron{
  flex:0 0 auto!important;
}

body[data-velaea-dashboard-shell="v1"] .velaea-notification-wrap>.notify,
body.dashboard-shell .velaea-notification-wrap>.notify,
body[data-velaea-dashboard-shell="v1"] .top-actions>.notify,
body.dashboard-shell .top-actions>.notify{
  width:116px!important;
  min-width:116px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:12px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}

body[data-velaea-dashboard-shell="v1"] .user-account-link,
body.dashboard-shell .user-account-link,
body[data-velaea-dashboard-shell="v1"] .top-actions>.user,
body.dashboard-shell .top-actions>.user{
  min-width:132px!important;
  max-width:168px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  flex:0 1 auto!important;
}
body[data-velaea-dashboard-shell="v1"] .user-account-link strong,
body.dashboard-shell .user-account-link strong,
body[data-velaea-dashboard-shell="v1"] .top-actions>.user strong,
body.dashboard-shell .top-actions>.user strong,
body[data-velaea-dashboard-shell="v1"] .user-account-link span,
body.dashboard-shell .user-account-link span,
body[data-velaea-dashboard-shell="v1"] .top-actions>.user span,
body.dashboard-shell .top-actions>.user span{
  display:block!important;
  max-width:92px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.05!important;
}

body[data-velaea-dashboard-shell="v1"] #logoutBtn,
body.dashboard-shell #logoutBtn{
  width:82px!important;
  min-width:82px!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

@media(min-width:981px) and (max-width:1320px){
  body[data-velaea-dashboard-shell="v1"] .topbar,
  body.dashboard-shell .topbar{padding-left:18px!important;padding-right:18px!important;gap:12px!important}
  body[data-velaea-dashboard-shell="v1"] .top-actions,
  body.dashboard-shell .top-actions{gap:8px!important}
  body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle,
  body.dashboard-shell .dashboard-theme-toggle{width:112px!important;min-width:112px!important;padding:0 10px!important}
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher,
  body.dashboard-shell .dashboard-language-switcher,
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-trigger,
  body.dashboard-shell .dashboard-language-switcher .lang-trigger{width:136px!important;min-width:136px!important}
  body[data-velaea-dashboard-shell="v1"] .velaea-notification-wrap>.notify,
  body.dashboard-shell .velaea-notification-wrap>.notify,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.notify,
  body.dashboard-shell .top-actions>.notify{width:108px!important;min-width:108px!important;padding-left:8px!important;padding-right:8px!important}
  body[data-velaea-dashboard-shell="v1"] .user-account-link,
  body.dashboard-shell .user-account-link,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.user,
  body.dashboard-shell .top-actions>.user{min-width:120px!important;max-width:142px!important;padding-right:8px!important}
  body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle .theme-text,
  body.dashboard-shell .dashboard-theme-toggle .theme-text,
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-current-text,
  body.dashboard-shell .dashboard-language-switcher .lang-current-text,
  body[data-velaea-dashboard-shell="v1"] .velaea-notification-wrap>.notify,
  body.dashboard-shell .velaea-notification-wrap>.notify,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.notify,
  body.dashboard-shell .top-actions>.notify{font-size:11.5px!important}
}


/* Patch 20260710: Dashboard shell sync across selected pages */
body[data-velaea-dashboard-shell="v1"] .top-actions .notify,
body.dashboard-shell .top-actions .notify{
  text-decoration:none!important;
}
body[data-velaea-dashboard-shell="v1"] .top-actions .user:not(.user-account-link),
body.dashboard-shell .top-actions .user:not(.user-account-link){
  text-decoration:none!important;
}
body[data-velaea-dashboard-shell="v1"] .top-actions .user .avatar,
body.dashboard-shell .top-actions .user .avatar{
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  font-weight:950!important;
}
body[data-velaea-dashboard-shell="v1"] .topbar [data-velaea-dashboard-title],
body.dashboard-shell .topbar [data-velaea-dashboard-title]{
  flex:0 0 auto!important;
}


/* Patch 20260710 FINAL: My EA uses the real Dashboard Shell scaffold.
   Keep this page's sidebar/topbar/content rail aligned with dashboard.html and
   prevent legacy EA-rental local shell rules from changing the shared template. */
body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"]{
  --velaea-shell-sidebar-w:250px;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .app{
  display:grid!important;
  grid-template-columns:var(--velaea-shell-sidebar-w) minmax(0,1fr)!important;
  min-height:100vh!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .main{
  min-width:0!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .sidebar{
  position:sticky!important;
  top:0!important;
  width:var(--velaea-shell-sidebar-w)!important;
  min-width:var(--velaea-shell-sidebar-w)!important;
  height:100vh!important;
  padding:22px 0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:linear-gradient(180deg,#03101f 0%,#06111f 55%,#020814 100%)!important;
  border-right:1px solid rgba(242,199,106,.16)!important;
  z-index:80!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .sidebar .brand{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  height:174px!important;
  min-height:174px!important;
  margin:0!important;
  padding:0 24px 14px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .sidebar .brand img{
  width:154px!important;
  max-width:154px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 22px rgba(242,199,106,.13))!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .nav-title{
  position:relative!important;
  flex:0 0 auto!important;
  height:37px!important;
  margin:0!important;
  padding:12px 24px 10px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,0))!important;
  color:#708398!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .sidebar-scroll-area{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-bottom:22px!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .sidebar .nav{
  display:grid!important;
  gap:2px!important;
  padding:0!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .sidebar .nav a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:47px!important;
  min-height:47px!important;
  margin:0!important;
  padding:0 24px!important;
  border:0!important;
  border-left:3px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#dce7f5!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .sidebar .nav a.active,
body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .sidebar .nav a:hover{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(242,199,106,.14),rgba(242,199,106,.02))!important;
  border-left-color:var(--velaea-shell-gold)!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .nav-logout{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:194px!important;
  height:44px!important;
  min-height:44px!important;
  margin:14px 20px 0!important;
  padding:1px 6px!important;
  border:1px solid rgba(255,111,111,.28)!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,rgba(255,92,92,.13),rgba(255,255,255,.035))!important;
  color:#ffd6d6!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .topbar{
  position:sticky!important;
  top:0!important;
  z-index:70!important;
  height:72px!important;
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 28px!important;
  gap:18px!important;
  background:rgba(2,8,20,.88)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(242,199,106,.13)!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .top-left{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .topbar .page-title{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  height:37px!important;
  min-height:37px!important;
  padding:9px 15px!important;
  border:1px solid rgba(242,199,106,.28)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(242,199,106,.15),rgba(255,255,255,.045))!important;
  color:#f8fbff!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .topbar .page-title::before{
  content:""!important;
  position:static!important;
  width:8px!important;
  height:8px!important;
  flex:0 0 auto!important;
  border-radius:999px!important;
  background:var(--velaea-shell-gold)!important;
  box-shadow:0 0 0 5px rgba(242,199,106,.13),0 0 20px rgba(242,199,106,.35)!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .top-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-left:auto!important;
  flex-wrap:nowrap!important;
}

/* Content rail must be identical to dashboard.html. Content design can stay My EA-specific. */
body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .content{
  width:min(1380px,100%)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:28px!important;
  box-sizing:border-box!important;
}

body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .my-ea-hero{
  margin-top:0!important;
}

@media(max-width:980px){
  body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .app{display:block!important}
  body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .sidebar{
    position:fixed!important;
    left:-290px!important;
    width:268px!important;
    min-width:268px!important;
    max-width:86vw!important;
    transition:left .2s ease!important;
    z-index:90!important;
  }
  body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .sidebar.open,
  body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"].sidebar-open .sidebar{left:0!important}
  body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .topbar{
    height:62px!important;
    min-height:62px!important;
    padding:0 12px!important;
    gap:18px!important;
  }
  body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .content{
    width:min(1380px,100%)!important;
    padding:18px!important;
    margin:0 auto!important;
  }
}

@media(max-width:620px){
  body[data-velaea-dashboard-page="my-ea"][data-velaea-dashboard-shell="v1"] .content{
    padding:14px 12px!important;
  }
}

/* ========================================================================== 
   PATCH 20260710 — Dashboard shell mobile topbar collision fix
   Must stay at the end of this file so desktop text-fit rules cannot override it.
   ========================================================================== */
@media (max-width:980px){
  body[data-velaea-dashboard-shell="v1"] .topbar,
  body.dashboard-shell .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    width:100%!important;
    max-width:100vw!important;
    height:62px!important;
    min-height:62px!important;
    padding:0 10px!important;
    gap:8px!important;
    overflow:visible!important;
  }

  body[data-velaea-dashboard-shell="v1"] .top-left,
  body.dashboard-shell .top-left{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    gap:8px!important;
    overflow:hidden!important;
  }

  body[data-velaea-dashboard-shell="v1"] .menu-btn,
  body.dashboard-shell .menu-btn{
    display:inline-grid!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    flex:0 0 40px!important;
  }

  body[data-velaea-dashboard-shell="v1"] .topbar .page-title,
  body.dashboard-shell .topbar .page-title{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:135px!important;
    height:36px!important;
    min-height:36px!important;
    padding:8px 10px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    flex:0 1 auto!important;
  }

  body[data-velaea-dashboard-shell="v1"] .top-actions,
  body.dashboard-shell .top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    min-width:0!important;
    margin-left:0!important;
    gap:6px!important;
    flex:0 0 auto!important;
  }

  body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle,
  body.dashboard-shell .dashboard-theme-toggle{
    display:inline-grid!important;
    place-items:center!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    gap:0!important;
    flex:0 0 40px!important;
  }
  body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle .theme-text,
  body.dashboard-shell .dashboard-theme-toggle .theme-text{display:none!important}

  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher,
  body.dashboard-shell .dashboard-language-switcher,
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-trigger,
  body.dashboard-shell .dashboard-language-switcher .lang-trigger{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    flex:0 0 40px!important;
  }
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-trigger,
  body.dashboard-shell .dashboard-language-switcher .lang-trigger{
    display:inline-grid!important;
    place-items:center!important;
    gap:0!important;
  }
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-current-text,
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-chevron,
  body.dashboard-shell .dashboard-language-switcher .lang-current-text,
  body.dashboard-shell .dashboard-language-switcher .lang-chevron{display:none!important}

  body[data-velaea-dashboard-shell="v1"] .velaea-notification-wrap,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.notify,
  body.dashboard-shell .velaea-notification-wrap,
  body.dashboard-shell .top-actions>.notify{display:none!important}

  body[data-velaea-dashboard-shell="v1"] .user-account-link,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.user,
  body.dashboard-shell .user-account-link,
  body.dashboard-shell .top-actions>.user{
    display:inline-grid!important;
    place-items:center!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:3px!important;
    overflow:hidden!important;
    flex:0 0 40px!important;
  }
  body[data-velaea-dashboard-shell="v1"] .user-account-link>div:last-child,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.user>div:last-child,
  body.dashboard-shell .user-account-link>div:last-child,
  body.dashboard-shell .top-actions>.user>div:last-child{display:none!important}

  body[data-velaea-dashboard-shell="v1"] #logoutBtn,
  body.dashboard-shell #logoutBtn{display:none!important}

  body[data-velaea-dashboard-shell="v1"] .main,
  body.dashboard-shell .main{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }
}

@media (max-width:620px){
  body[data-velaea-dashboard-shell="v1"] .topbar,
  body.dashboard-shell .topbar{padding:0 8px!important;gap:6px!important}

  body[data-velaea-dashboard-shell="v1"] .topbar .page-title,
  body.dashboard-shell .topbar .page-title{max-width:112px!important}

  body[data-velaea-dashboard-shell="v1"] .content,
  body.dashboard-shell .content{
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:clip!important;
  }
}

@media (max-width:390px){
  body[data-velaea-dashboard-shell="v1"] .topbar .page-title,
  body.dashboard-shell .topbar .page-title{display:none!important}
  body[data-velaea-dashboard-shell="v1"] .top-actions,
  body.dashboard-shell .top-actions{gap:5px!important}
}

/* ========================================================================== 
   PATCH 20260710 — Complete mobile shell parity with Account Center
   Account Center is the reference for all pages using the Dashboard shell.
   Keep this block last so page-level legacy rules cannot override it.
   ========================================================================== */
@media (max-width:980px){
  html,
  body[data-velaea-dashboard-shell="v1"],
  body.dashboard-shell{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body[data-velaea-dashboard-shell="v1"] .app,
  body[data-velaea-dashboard-shell="v1"] .main,
  body[data-velaea-dashboard-shell="v1"] main.main,
  body.dashboard-shell .app,
  body.dashboard-shell .main,
  body.dashboard-shell main.main{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }

  body[data-velaea-dashboard-shell="v1"] .topbar,
  body.dashboard-shell .topbar{
    position:sticky!important;
    top:0!important;
    z-index:900!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:62px!important;
    min-height:62px!important;
    padding:0 10px!important;
    gap:8px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  body[data-velaea-dashboard-shell="v1"] .top-left,
  body.dashboard-shell .top-left{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    gap:8px!important;
    overflow:hidden!important;
  }

  body[data-velaea-dashboard-shell="v1"] .top-actions,
  body.dashboard-shell .top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    min-width:0!important;
    margin-left:0!important;
    gap:6px!important;
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
  }

  body[data-velaea-dashboard-shell="v1"] .topbar .page-title,
  body.dashboard-shell .topbar .page-title{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:min(150px,42vw)!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 11px!important;
    margin:0!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:13px!important;
    line-height:1!important;
    flex:0 1 auto!important;
    box-sizing:border-box!important;
  }

  body[data-velaea-dashboard-shell="v1"] .menu-btn,
  body[data-velaea-dashboard-shell="v1"] .dashboard-theme-toggle,
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher,
  body[data-velaea-dashboard-shell="v1"] .dashboard-language-switcher .lang-trigger,
  body[data-velaea-dashboard-shell="v1"] .user-account-link,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.user,
  body.dashboard-shell .menu-btn,
  body.dashboard-shell .dashboard-theme-toggle,
  body.dashboard-shell .dashboard-language-switcher,
  body.dashboard-shell .dashboard-language-switcher .lang-trigger,
  body.dashboard-shell .user-account-link,
  body.dashboard-shell .top-actions>.user{
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
  }

  body[data-velaea-dashboard-shell="v1"] .user-account-link,
  body[data-velaea-dashboard-shell="v1"] .top-actions>.user,
  body.dashboard-shell .user-account-link,
  body.dashboard-shell .top-actions>.user{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    padding:3px!important;
  }

  body[data-velaea-dashboard-shell="v1"] .content,
  body.dashboard-shell .content{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:12px 10px 28px!important;
    margin:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body[data-velaea-dashboard-shell="v1"] .content>*,
  body.dashboard-shell .content>*{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body[data-velaea-dashboard-shell="v1"] .sidebar,
  body.dashboard-shell .sidebar{
    max-width:min(86vw,320px)!important;
  }

  body[data-velaea-dashboard-shell="v1"] #velaeaChatWidget,
  body[data-velaea-dashboard-shell="v1"] .velaea-chat-widget,
  body.dashboard-shell #velaeaChatWidget,
  body.dashboard-shell .velaea-chat-widget{
    right:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }

  body[data-velaea-dashboard-shell="v1"],
  body.dashboard-shell{scrollbar-width:thin}
  body[data-velaea-dashboard-shell="v1"]::-webkit-scrollbar,
  body[data-velaea-dashboard-shell="v1"] *::-webkit-scrollbar,
  body.dashboard-shell::-webkit-scrollbar,
  body.dashboard-shell *::-webkit-scrollbar{
    width:5px;
    height:5px;
  }
}

@media (max-width:420px){
  body[data-velaea-dashboard-shell="v1"] .topbar,
  body.dashboard-shell .topbar{
    padding-inline:8px!important;
    gap:6px!important;
  }

  body[data-velaea-dashboard-shell="v1"] .top-left,
  body[data-velaea-dashboard-shell="v1"] .top-actions,
  body.dashboard-shell .top-left,
  body.dashboard-shell .top-actions{gap:5px!important}

  body[data-velaea-dashboard-shell="v1"] .topbar .page-title,
  body.dashboard-shell .topbar .page-title{
    display:inline-flex!important;
    max-width:126px!important;
    height:32px!important;
    min-height:32px!important;
    padding-inline:9px!important;
    font-size:12px!important;
  }

  body[data-velaea-dashboard-shell="v1"] .content,
  body.dashboard-shell .content{
    padding-inline:8px!important;
  }
}