/* 老页面动效与排版共用样式（WEB-v1.4.20）：与 public/js/hj-motion.js 配套；暖黑柔金。 */

/* 选项卡柔金指示条（位置由 hj-motion.js 写入） */
.hj-tab-ink { position: absolute; left: 0; top: 0; height: 3px; border-radius: 3px; pointer-events: none; z-index: 1;
  background: linear-gradient(90deg, #c99b38, #e3c481); box-shadow: 0 0 10px rgba(227, 196, 129, .5); }

/* 全站胶囊、徽标、表格里的按钮一行显示，不被挤成竖排（台账 U09；换行的应是旁边的标题或说明） */
.tag, .badge, .cf-badge, .sc-badge, .status-pill, .status-badge, .pw-pill, .ops-pill, .stamp-preset-pill,
.nas-state-chip, .nas-operation-chip, .nas-project-chip, .nas-trigger-chip, .workspace-badge, .validation-badge,
.makeup-decision-badge, .payroll-version-tag, .kp-ai-badge, .at-badge-success { white-space: nowrap; flex-shrink: 0; }
table td button, table td .btn, table td a.button { white-space: nowrap; }

/* 后台标签页暂停常驻循环；减少动态效果时直接终态 */
html.hj-hidden *, html.hj-hidden *::before, html.hj-hidden *::after { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .hj-tab-ink { box-shadow: none; }
}