/* 九法专区 高级版 analysis modules — shared pieces (js/pages/jfadv/common.js).
   Module-specific styles: jfadv-freq.css (多周期趋势 / 遗漏分位 / 转移矩阵 / 状态回测) and jfadv-bot.css
   (二阶关联 / 连续形态 / 均衡度 / 海洋房间对比). Scope everything under .adv. */
.adv { display: flex; flex-direction: column; min-width: 0; }
.adv-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; padding: 8px 12px; border-bottom: 1px solid var(--line, #232A35); }
.adv-bar .meta { color: var(--text-3, #7D8696); font-size: 12px; }
.adv-periods { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.adv-period { min-height: 28px; padding: 2px 10px; border: 1px solid var(--line-2, #2F3845); border-radius: 4px; background: transparent; color: var(--text-2, #9AA3B2); font: inherit; font-size: 12px; cursor: pointer; }
.adv-period:hover { color: var(--text, #E7EAF0); border-color: var(--text-3, #7D8696); }
.adv-period.is-on { border-color: var(--accent, #F5A524); color: var(--accent, #F5A524); background: color-mix(in srgb, var(--accent, #F5A524) 12%, transparent); }
.adv-insight { margin: 0; padding: 8px 12px; color: var(--text-2, #9AA3B2); font-size: 13px; line-height: 1.6; border-top: 1px solid var(--line, #232A35); }
.adv-insight b { color: var(--text, #E7EAF0); }
.adv-empty { padding: 28px 16px; text-align: center; color: var(--text-3, #7D8696); }
.adv-empty p { margin: 0; }
@media (max-width: 767px) {
  /* touch target ≥ 44 px (CONTRACT rule 5); the five buttons still fit one row at 375 px */
  .adv-period { min-height: 44px; padding: 4px 10px; }
}