/* J.A.R.V.I.S DASHBOARD — Global Lv2/Lv3 toggle
 * body[data-level="lv2"|"lv3"] によって全カードの情報密度を一斉切替。
 * 既存テーマ変数（--cyan/--text-dim/--mono）を継承。
 */

/* 表示制御（CSSだけで切替できる構造） */
body[data-level="lv2"] .lv3-only { display: none !important; }
body[data-level="lv3"] .lv2-only { display: none !important; }
/* .lv-both または装飾なしは両モードで表示 */

/* ---------- グローバル Lv2/Lv3 セグメントスイッチ ---------- */
.level-switch {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-left: auto;
  padding: 3px;
  border: 1px solid rgba(0, 217, 255, 0.30);
  border-radius: 8px;
  background: rgba(8, 11, 30, 0.55);
  font-family: var(--mono);
  user-select: none;
}
.level-switch-btn {
  background: transparent;
  border: none;
  color: var(--text-dim);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  padding: 5px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  min-width: 44px;
}
.level-switch-btn:hover {
  color: var(--cyan);
  background: rgba(0, 217, 255, 0.08);
}
.level-switch-btn.active {
  color: var(--cyan);
  background: rgba(0, 217, 255, 0.16);
  box-shadow:
    0 0 8px rgba(0, 217, 255, 0.45),
    0 0 18px rgba(0, 217, 255, 0.20);
  text-shadow: 0 0 6px rgba(0, 217, 255, 0.65);
}

/* タブナビ右端に置くときに右寄せされるよう margin-left:auto を上で指定済み */

@media (max-width: 600px) {
  .level-switch-btn {
    font-size: 11px;
    padding: 6px 10px;
    min-width: 40px;
  }
}