/* Shared one-line header for every administration subsection. */
.cx-admin-header{
  gap:18px;
  overflow:hidden;
}
.cx-admin-header-title{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:clamp(16px,2vw,34px);
  min-width:0;
  overflow:hidden;
}
.cx-admin-header-title>h2{flex:0 0 auto}
.cx-admin-header-tabs{
  flex:1 1 auto;
  min-width:0;
  height:42px;
  display:flex;
  align-items:stretch;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.cx-admin-header-tabs[hidden]{display:none!important}
.cx-admin-header-tabs::-webkit-scrollbar{display:none}
.cx-admin-header-tabs>.cx-admin-module-subtabs,
.cx-admin-header-tabs>.cx-admin-subtabs,
.cx-admin-header-tabs>.cx-admin-monetization-tabs,
.cx-admin-header-tabs>.cx-admin-users-tabs{
  position:static!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:none!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:stretch!important;
  gap:5px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.cx-admin-header-tabs nav[hidden]{display:none!important}
.cx-admin-header-tabs nav>button,
.cx-admin-header-tabs .cx-admin-subtabs>button,
.cx-admin-header-tabs .cx-admin-monetization-tabs>button,
.cx-admin-header-tabs .cx-admin-users-tabs>button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  margin:2px 0!important;
  padding:0 17px!important;
  border:1px solid rgba(83,180,211,.22)!important;
  border-radius:2px!important;
  color:#7999a7!important;
  background:rgba(3,16,25,.72)!important;
  box-shadow:none!important;
  font:900 8px/1 Inter,"Segoe UI",sans-serif!important;
  letter-spacing:.1em!important;
  white-space:nowrap!important;
  clip-path:none!important;
}
.cx-admin-header-tabs nav>button.active,
.cx-admin-header-tabs nav>button[aria-selected="true"],
.cx-admin-header-tabs .cx-admin-subtabs>button.active,
.cx-admin-header-tabs .cx-admin-monetization-tabs>button.active,
.cx-admin-header-tabs .cx-admin-users-tabs>button.active{
  border-color:rgba(85,222,248,.78)!important;
  color:#eafcff!important;
  background:linear-gradient(180deg,rgba(17,78,99,.92),rgba(5,37,51,.96))!important;
  box-shadow:inset 0 -2px #59def7,0 0 15px rgba(63,206,236,.12)!important;
}
.cx-admin-header-tools{
  flex:0 0 auto;
  overflow:visible;
}
.cx-admin-unified-save{
  flex:0 0 auto;
  min-width:126px;
  height:40px!important;
  color:#03141c!important;
  background:linear-gradient(135deg,#67e4fb,#3fb8e7)!important;
  border-color:#8cecff!important;
  box-shadow:0 0 24px rgba(72,206,241,.25)!important;
}
.cx-admin-unified-save:hover{
  background:linear-gradient(135deg,#8dedff,#54cdf5)!important;
  box-shadow:0 0 30px rgba(72,206,241,.38)!important;
}
.cx-admin-save-source{display:none!important}
#cxAdminCardsCreate{display:none!important}

/* Tabs no longer reserve a dedicated row in the workspace. */
.cx-admin-shell.cx-admin-has-module-tabs>#cxAdminWardrobeHeaderTabs{display:none!important}
.cx-admin-shell.cx-admin-has-module-tabs{
  grid-template-rows:minmax(0,1fr)!important;
}
.cx-admin-shell.cx-admin-has-module-tabs>.cx-admin-modules{
  grid-row:1 / -1!important;
}
.cx-admin-shell.cx-admin-has-module-tabs>.cx-admin-character-browser:not([hidden]),
.cx-admin-shell.cx-admin-has-module-tabs>.cx-admin-editor:not([hidden]){
  grid-row:1!important;
  height:100%!important;
  min-height:0!important;
}

@media(max-width:1100px){
  .cx-admin-header{gap:10px}
  .cx-admin-header-title{gap:12px}
  .cx-admin-header-tabs nav>button,
  .cx-admin-header-tabs .cx-admin-subtabs>button,
  .cx-admin-header-tabs .cx-admin-monetization-tabs>button,
  .cx-admin-header-tabs .cx-admin-users-tabs>button{padding-inline:11px!important;font-size:7px!important}
  .cx-admin-unified-save{min-width:104px;padding-inline:11px!important}
}
@media(max-width:720px){
  .cx-admin-header-title>h2 span,
  .cx-admin-header-title>h2 i{display:none}
  .cx-admin-header #cxAdminSectionTitle::after{font-size:15px}
}