@import url("/spacing_rhythm_v1.css");
/* topbar_polish.css — 右上角状态栏（在线/北京时间/金额/用户）规整
   实测问题：元素高度不一(12~24px)、y 不齐(差5px)、gugu line-height 64px 异常撑高。
   修复：状态栏容器 flex 居中 + 统一高度 + gap 统一。 */

/* 顶部栏容器（顶栏右侧状态区）——统一 flex 居中 */
html body:has(.brand-lockup) .ant-layout-header,
html body:has(.brand-lockup) [class*="topbar"],
html body:has(.brand-lockup) [class*="header-right"],
html body:has(.brand-lockup) .ant-layout-header > div:last-child {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
}

/* 状态栏内所有直接子元素：垂直居中 + 统一行高，消除异常 line-height */
html body:has(.brand-lockup) .ant-layout-header *,
html body:has(.brand-lockup) [class*="topbar"] *,
html body:has(.brand-lockup) [class*="header-right"] * {
  line-height: 1.4 !important;
  vertical-align: middle !important;
}

/* 下拉选择器（国家/时区/货币）：统一高度 32px 居中 */
html body:has(.brand-lockup) .ant-layout-header .ant-select,
html body:has(.brand-lockup) [class*="topbar"] .ant-select {
  display: inline-flex !important;
  align-items: center !important;
  height: 32px !important;
}
html body:has(.brand-lockup) .ant-layout-header .ant-select .ant-select-selector,
html body:has(.brand-lockup) [class*="topbar"] .ant-select .ant-select-selector {
  display: inline-flex !important;
  align-items: center !important;
  height: 32px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html body:has(.brand-lockup) .ant-layout-header .ant-select .ant-select-selection-item,
html body:has(.brand-lockup) [class*="topbar"] .ant-select .ant-select-selection-item {
  line-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* 图标/emoji 状态符号：统一尺寸居中 */
html body:has(.brand-lockup) .ant-layout-header span[class*="icon"],
html body:has(.brand-lockup) .ant-layout-header [class*="topbar"] span {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
}

/* 状态标签（永久/在线数等）：统一高度居中 */
html body:has(.brand-lockup) .ant-layout-header .ant-tag,
html body:has(.brand-lockup) [class*="topbar"] .ant-tag {
  display: inline-flex !important;
  align-items: center !important;
  height: 24px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* 用户名/文字：消除异常大行高 */
html body:has(.brand-lockup) .ant-layout-header span,
html body:has(.brand-lockup) [class*="topbar"] span {
  line-height: 1.4 !important;
}