/* /home/ubuntu/baoleme/frontend/hw-pages.css
   HONGWU.SI — Page Enhancement base (V41, 2026-10-02)
   深化模块通用版式: 克制、终端感、与既有变量一致 */
.hw-x{margin-top:14px}
.hw-x .panel-body.padded{padding:14px 16px}

.hw-grid{display:grid;gap:10px}
.hw-grid.c2{grid-template-columns:repeat(2,1fr)}
.hw-grid.c3{grid-template-columns:repeat(3,1fr)}
.hw-grid.c4{grid-template-columns:repeat(4,1fr)}
.hw-grid.c5{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.hw-grid.c3,.hw-grid.c4,.hw-grid.c5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hw-grid.c2,.hw-grid.c3,.hw-grid.c4,.hw-grid.c5{grid-template-columns:1fr}}

.hw-cell{
  background:rgba(255,255,255,.02);
  border:1px solid var(--border);
  border-radius:10px;padding:11px 13px;
}
.hw-cell .k{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--sub);margin-bottom:6px;display:block;
}
.hw-cell .v{font-size:15px;font-weight:600;color:var(--txt);line-height:1.2}
.hw-cell .v.mono{font-family:var(--mono);letter-spacing:.02em}
.hw-cell .sub{font-size:10.5px;color:var(--sub);margin-top:4px}

/* 状态点 */
.hw-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}
.hw-dot.on{background:#00e0a8;box-shadow:0 0 8px rgba(0,224,168,.6)}
.hw-dot.off{background:#ff4d6b;box-shadow:0 0 8px rgba(255,77,107,.55)}
.hw-dot.warn{background:#f0b429;box-shadow:0 0 8px rgba(240,180,41,.55)}

/* 流水线(决策链) */
.hw-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.hw-flow .step{
  font-family:var(--mono);font-size:10px;letter-spacing:.06em;
  padding:5px 10px;border-radius:6px;
  background:rgba(77,124,254,.06);border:1px solid var(--border);color:var(--sub);
}
.hw-flow .step.hot{color:var(--txt);border-color:rgba(77,124,254,.5);background:rgba(77,124,254,.13);
  box-shadow:0 0 14px rgba(77,124,254,.18)}
.hw-flow .arw{color:var(--sub);opacity:.5;font-size:11px}

/* 数值语义(涨绿跌红 — 沿用站点变量, 不改) */
.hw-up{color:var(--up)}
.hw-down{color:var(--down)}
.hw-flat{color:var(--sub)}
.hw-na{color:var(--sub);opacity:.65}

/* 加载骨架 */
.hw-skel{height:46px;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.06),rgba(255,255,255,.03));
  background-size:200% 100%;animation:hwSkel 1.4s ease-in-out infinite}
@keyframes hwSkel{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ═══ 通用表格 (供各页深化模块复用) ═══ */
.hw-tblwrap{overflow-x:auto;margin-top:12px}
table.hw-tbl{width:100%;border-collapse:collapse;font-size:12px}
table.hw-tbl th{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--sub);font-weight:500;text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}
table.hw-tbl td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--txt);white-space:nowrap}
table.hw-tbl tbody tr:hover{background:rgba(255,255,255,.025)}
table.hw-tbl th.r,table.hw-tbl td.r{text-align:right}
.hw-dim{color:var(--sub)}
.hw-ellip{max-width:200px;overflow:hidden;text-overflow:ellipsis}
.hw-empty{padding:24px 10px;text-align:center;color:var(--sub);font-size:12px}

/* ═══ 分段切换 (POSITIONS/ORDERS/TRADES 类) ═══ */
.hw-seg{display:inline-flex;gap:4px;margin-bottom:12px;padding:3px;
  background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:9px}
.hw-seg-btn{appearance:none;cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sub);background:transparent;border:1px solid transparent;
  padding:6px 14px;border-radius:7px;transition:color .15s,background .15s,border-color .15s}
.hw-seg-btn:hover{color:var(--txt)}
.hw-seg-btn.on{color:var(--txt);border-color:var(--border);background:rgba(255,255,255,.06)}

/* ═══ 流水线阶段(带序号) ═══ */
.hw-pipe{display:flex;flex-wrap:wrap;gap:0;align-items:stretch}
.hw-pipe .pstep{flex:1 1 auto;min-width:118px;padding:12px 12px;position:relative;
  border:1px solid var(--border);border-left:none;background:rgba(255,255,255,.015)}
.hw-pipe .pstep:first-child{border-left:1px solid var(--border);border-radius:10px 0 0 10px}
.hw-pipe .pstep:last-child{border-radius:0 10px 10px 0}
.hw-pipe .pstep .pn{font-family:var(--mono);font-size:9px;color:var(--sub);letter-spacing:.1em}
.hw-pipe .pstep .pt{font-size:11.5px;color:var(--txt);margin-top:4px;font-weight:600;letter-spacing:.02em}
.hw-pipe .pstep .pd{font-size:10px;color:var(--sub);margin-top:3px;line-height:1.4}
.hw-pipe .pstep.hot{background:rgba(77,124,254,.10);border-color:rgba(77,124,254,.42)}
.hw-pipe .pstep.hot .pt{color:#EDE6FF}
@media(max-width:760px){.hw-pipe .pstep{border-left:1px solid var(--border);border-radius:8px;min-width:46%}}

/* 状态徽章 */
.hw-badge{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 9px;border-radius:20px;border:1px solid var(--border);color:var(--sub)}
.hw-badge.ok{color:#00e0a8;border-color:rgba(0,224,168,.35);background:rgba(0,224,168,.07)}
.hw-badge.bad{color:#ff4d6b;border-color:rgba(255,77,107,.35);background:rgba(255,77,107,.07)}
.hw-badge.warn{color:#f0b429;border-color:rgba(240,180,41,.35);background:rgba(240,180,41,.07)}