/* ===== 股票盈亏计算器 /tool/stock-profit-calc ===== */

/* 费率区：4 列网格，窄屏降为 2 列 */
.sp-feegrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 760px) { .sp-feegrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 460px) { .sp-feegrid { grid-template-columns: 1fr; } }

/* 费用明细表 */
.sp-num { font-family: var(--arc-mono); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; color: var(--arc-ink); font-weight: 700; }
.sp-note { color: var(--arc-ink-3); font-size: 12px; }
.sp-fee table { min-width: 480px; }
.sp-fee tfoot td { font-weight: 800; color: var(--arc-ink); border-top: 2px solid var(--arc-line-strong); }

/* 买入/卖出价颜色提示 */
.sp-dir { display: inline-block; min-width: 52px; text-align: center; font-size: 11px; font-weight: 700; border-radius: 3px; padding: 2px 6px; margin-right: 6px; }
.sp-dir.buy { color: var(--arc-danger); background: var(--arc-danger-soft); }
.sp-dir.sell { color: var(--arc-ok); background: var(--arc-ok-soft); }