/* Paul Wei · BitMEX 看板自己的样式。
 *
 * styles.css 与 Hyperliquid 看板逐字节共用；这里只放 index.html 里 BitMEX 自己的 site 区段
 * 用到的样式（标题下的追踪链接、紧凑卡片、假设挂单时长控件、收益起点预设）。
 */

/* 标题后面括号里：Hyperliquid 追踪链接，比标题小、不加粗 */
.title { max-width: 100%; }
.title-reference { margin-left: 2px; font-size: 12px; font-weight: 400; white-space: nowrap; }

/* 语言按钮与右侧三张卡片同一行、上下对齐：共享样式里它绝对定位在页头右上角，这里改回文档流，
   排在卡片后面；页头换行时贴着卡片那一行（最下面一行） */
header { display: flex; align-items: flex-end; gap: 8px; }
header > .header-row { flex: 1 1 auto; min-width: 0; }
header > .lang-btn { position: static; order: 1; flex: 0 0 auto; align-self: center; }
.cards .card.card-compact {
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding: 3px 8px;
  min-width: 0;
  white-space: nowrap;
}
.cards .card.card-compact .value { font-size: 12px; margin: 0; }

/* 假设挂单时长：两个天数输入框沿用指标周期输入框的样式；天数设为 0 就是不补 */
.assume-days { display: inline-flex; align-items: center; gap: 4px; }
.assume-days input {
  width: 44px;
  background: var(--panel-2); color: var(--text);
  border: 1px solid var(--line); border-radius: 6px; padding: 4px 6px; font: inherit;
}

/* 收益起点菜单：重新开始节点的名称、时刻和实际权益各占一行。 */
.pnl-start-presets { display: contents; }
.pnl-start-presets > button { white-space: pre-line; overflow-wrap: anywhere; }

/* Keep the measurable hidden BitMEX description from extending past narrow pages. */
.pnl-detail-hidden #pnl-detail { left: 0; }